网站设计可以分为几个阶段：
原型设计阶段
编码阶段
测试阶段
原型阶段
原型设计阶段的任务就是根据用户的需求描绘出页面的草图。这时候最为有效的工具其实就是铅笔和纸。当然，也有一些比较不错的原型设计工具，比如balsamip, mockingbird 等。 当然，传统的平面设计工具在这个阶段也有帮助，比如photoshop等。
关于原型设计工具的问题，stackoverflow有一个详细的讨论：
参考： /questions/71/web-ui-prototyping-tools
编码阶段
在完成了基本的效果图设计后，就需要将相应的设计效果转换为html , css和javascript，这时候，常用的工具有dreamweaver, expression blender 等。但亦有不少前端工程师在这个阶段就会采用文本编辑器，比如vim,textmate来实现原型。
由于CSS是一个与视觉效果密切相关的要素，因此在CSS的设计方面，有大量所见即所得的辅助设计工具，
比如这个网站： / 就可以用于在线生成 css样式
另外，网站设计和前端逻辑一般来讲是不能完全分离的，对于前端设计师来说，掌握基本的javascript知识是需要的，如果能够熟练地掌握一种基本的js框架，比如jquery那就更好了
测试阶段
由于众所周知的原因，目前主流的某一知名浏览器经常有着与其他浏览器截然不同的表现。作为一个认真的前端工程师，你应该还要掌握跨浏览器兼容性测试的技术和工具。
要理解每一个浏览器的css/html 实现上的差异，以及如何使用工具进行检测。
比如:
1./在线的兼容性测试工具
什么是网站前端工程师？
网站前端工程师是运用前端技术，实现体验的良好视觉传达，是web前端开发工程师的坚持，在中国，前端工程师还是一个新型职业，刚开始兴起，在刚开始，网站前端工程师只需要Photoshop和Dreamweaver即可，不过随着岗位需求的转变，现在只掌握这些已经远远不够了，目前网站前端工程师需要以下要求：
1.精通各种web前端技术，包括xhtml/xml/css/javascript/actionscript等
2.深刻理解web标准，对可用性、可访问性等相关知识有实际的了解和实践经验；
3.深入理解dom,jquery,ajax,有基于ajax或flash的ria应用开发经验；
4.至少精通一门非web前端脚本的语言（如java/php/c++）；
目前一位好的web前端工程师在知识上不仅仅要有广度，对多种语言及技能的操作，同时还需要有一定的深度，尤其是现在很多企业招聘，不仅仅只中技术方面，还侧重员工的技巧，如今前端工程师在开发环境中的作用越来越重要，由于web产品交互越来越复杂，用户使用体验和网站前端性能优化都需要专业的前端工程师来解决，另外前端工程师还需要弥补网页设计师和开发工程师在设计上的不足，起着承上启下的作用。
