2.布局切图。通过上一步，对效果图有一个整体轮廓的印象，下面开始布局规划。页面是三行两列式还是两行一列式，需要考虑到网站今后可能改版遇到的某种情况（当然，这需要经验）其他网页的需求，最好考虑到代码重用和网站的灵活性。如果对页面的构成已经相当清晰，那就动手吧。切割图片。那个属于表现层图片，那个属于内容层图片。

3.网站文件规划。（有的同学喜欢把这个步骤放到最后做）我个人喜欢早做 嘻嘻。合理地组织网站文件结构将会让网站以后的更新与维护更加方便。包括后续的开发。

4.HTML编码。这部分每个人的做法还真是不同，我个人，首先打好框架，再分别细化，填充内容。

5.CSS 组建网页。之所以把第四步和第五步分开，就是为了说明一个道理：内容与表现的分离。上一步我们往往做的很沮丧因为我们还看不到实际的效果图，我们只是单纯地想表达内容，这一步就是我们丰富内容的时候了。

完成以上步骤，网站终于有个样子了，下来就是调整啦，网页重构啦，让网站更加perfect 。