静态网页制作教程

1、首页设计好要写一个怎样的静态网页画面，然后到网上收集图片素材或者其他资源。小编自己到网上找了个参考，然后用ps自己编辑了一张图，如图，同时很多需要用到的按钮之类的背景图片，我也是网上找的素材或者自己简单用ps做的，额，我感觉自己挺中二的，啊啦就这样吧，小编是动漫宅，见谅

4、浏览器显示效果

6、添加样式后的效果

9、显示效果如图，到这里就完了吗？当然不，下面是给出一个小编自己编写的静态网页和全部代码，这里图片可能无法提供了，可以用自己的图片将我用到图片的地方换掉，然后试试这些代码，或者看看参考一下就可以

11、编写test.html文件，小编的习惯是编写完html文件一个div后，同时调整css样式文件，下面是完整的html文件和css文件代码

12、最后网页的效果如图