对于网站设计每个前端工程师都有自己的 一套方法论。就我个人而言，找到适合自己的方法需要大量的实战演练。
1.效果图分析。当一张psd图呈现在桌面前时，你需要的，只是冷静地思考。仔细地观察和分析，那些是主，那些是辅，理顺各个页面的组成元素和他们之间的关系是开头最最重要的。
2.布局切图。通过上一步，对效果图有一个整体轮廓的印象，下面开始布局规划。页面是三行两列式还是两行一列式，需要考虑到网站今后可能改版遇到的某种情况（当然，这需要经验）其他网页的需求，最好考虑到代码重用和网站的灵活性。如果对页面的构成已经相当清晰，那就动手吧。切割图片。那个属于表现层图片，那个属于内容层图片。
3.网站文件规划。（有的同学喜欢把这个步骤放到最后做）我个人喜欢早做 嘻嘻。合理地组织网站文件结构将会让网站以后的更新与维护更加方便。包括后续的开发。
4.HTML编码。这部分每个人的做法还真是不同，我个人，首先打好框架，再分别细化，填充内容。
5.CSS 组建网页。之所以把第四步和第五步分开，就是为了说明一个道理：内容与表现的分离。上一步我们往往做的很沮丧因为我们还看不到实际的效果图，我们只是单纯地想表达内容，这一步就是我们丰富内容的时候了。
完成以上步骤，网站终于有个样子了，下来就是调整啦，网页重构啦，让网站更加perfect 。
1、网站策划负责前期收集实际业务部门需求及分析市场动态，确定网站定位；结合用户体验及技术实现的可能性，确定页面原型。
2、网站设计师负责根据页面原型，设计成为平面页面；
3、网站制作（部分公司或团队因架构不一致，此处工作也可能由网站设计师承担）负责将平面页面切图，并
网站设计流程按照SEO优化等标准生成html静态页面；
4、网站技术开发部门或网站开发师开发相关前、后台代码，并完成html页面的代码嵌套工作；
5、网站进入内测、公测及BUG修复流程；
6、发布网站并上线（其中包括运维工程师的服务器环境搭建、部署等工作）。
