网站设计可以分为几个阶段：
原型设计阶段
编码阶段
测试阶段
原型阶段
原型设计阶段的任务就是根据用户的需求描绘出页面的草图。这时候上为有效的工具其实就是铅笔和纸。当然，也有yi些比较不错的原型设计工具，比如balsamip, mockingbird 等。 当然，传统的平面设计工具在这个阶段也有帮助，比如photoshop等。
编码阶段
在完成了基本的效果图设计后，就需要将相应的设计效果转换为html , css和javascript，这时候，常用的工具有dreamweaver, expression blender 等。但亦有不少前端工程师在这个阶段就会采用文本编辑器，比如vim,textmate来实现原型。
测试阶段
由于众所周知的原因，目前主流的某yi知名浏览器经常有着与其他浏览器截然不同的表现。作为yi个认真的前端工程师，你应该还要掌握跨浏览器兼容性测试的技术和工具。