自己理清思路，学一点div布局或是flex布局，然后放一些img图片，a标签链接几个导航菜单就可以了，JavaScript的动态效果实现基本的鼠标移动到标签时的效果，离开时的效果，鼠标点击的效果，学会这些基本就能实现了。

以前我也做过类似的这种静态页面，其实每一块的布局都差不多，做好一个其他的大同小异，下面提供我的思路以供参考宏观角度第一先把整体框架搭起来，通过绝对定位确定大的模块的位置第二根据图中每一块的结构来。

1首先，在计算机桌面上创建一个新文件夹，然后在该文件夹中创建一个新的文本文档2然后双击打开带有记事本的文本文档，如下图所示，我们编写一个简单的html代码3单击“另存为”的功能选项，显示默认保存为编码为AN。

可以在html中写页面的框架，然后在写CSS样式CSS样式可以利用外部链接连接到html页面上得到想要的效果。

3然后输入最简单的HTML文本语言代码如下lthtml ltbody 最简单的网页 ltbody lthtml 4保存并关闭txt文本，然后修改我们txt文本的扩展名为html，此时会弹出警告框，提示我们修改后可能会导致文件不能使用，这是。

代码不全，mystylecss里面可能对文字排列方式进行了更改如btextalignright这个就会变为靠右对齐了。

第一步在桌面上创建一个文本文件第二步将文本名改为quottesthtmlquot扩展名为html或者htm即可，看不见扩展名可以到第三步文件名改好后，右击打开方式，选择记事本第四步写代码html代码写成下图这样即可2css。