静态网页制作步骤

第一步:制作静态网页之前，我们需要做一个网页1:1的渲染，也叫静态网页渲染。制作静态网页效果图可以用Photoshop CS4破解中文版制作。

第二步:PS切片静态网页效果图。通过PS切片，可以把一个大的渲染图切割成几个小图，以后可以直接在网页上使用。

第三步:使用HTML5和CSS3进行网页布局。网页布局遵循“先大后小，先外后内”的原则。先写出整个静态网页结构，再根据效果图写出各个部分的小段子。(这部分需要有代码基础，可以先学习HTML入门教程。)

第三，在网页上制作特效，比如轮播，需要用JS代码制作。然后将PS切片出来的小图片通过代码插入到网页中，每一小段都填充测试数据，达到和效果图一样的效果。

第四:最后优化网页代码，删除冗余文件，整理出一个简单的静态网页，这样静态网页就做好了。

扩展数据:

静态网页是标准的HTML文件，其文件扩展名为。Htm，。html，可以包含文本、图像、声音、FLASH动画、客户端脚本、ActiveX控件和JAVA小程序。我们称之为静态页面。

静态页面通常是html格式的。双击这个静态页面打开这个网页，效果会和图片设计一样。所以这个静态页面是一个网站？这些静态页面其实只是网站或者模板的素材。

在网站设计中，静态网页是网站建设的基础，早期的网站一般都是用静态网页制作的。静态网页是相对于动态网页而言的，指的是没有后台数据库，没有建站程序，没有交互的网页。静态网页更新相对麻烦，适合一般更新较少的展会网站。