一、原型阶段
 

　　原型设计阶段的任务就是根据用户的需求描绘出页面的草图。这时候最为有效的工具其实就是铅笔和纸。当然，也有一些比较不错的原型设计工具，比如balsamip, mockingbird 等。当然，传统的平面设计工具在这个阶段也有帮助，比如photoshop等。
 

 

　　二、编码阶段
 

　　在完成了基本的效果图设计后，就需要将相应的设计效果转换为html ,css和javascript，这时候，常用的工具有dreamweaver, expression blender 等。但亦有不少前端工程师在这个阶段就会采用文本编辑器，比如vim,textmate来实现原型。由于CSS是一个与视觉效果密切相关的要素，因此在CSS的设计方面，有大量所见即所得的辅助设计工具，网站设计和前端逻辑一般来讲是不能完全分离的，对于前端设计师来说，掌握基本的javascript知识是需要的，如果能够熟练地掌握一种基本的js框架最好。
 

 

　　三、测试阶段
 

　　由于众所周知的原因，目前主流的某一知名浏览器经常有着与其他浏览器截然不同的表现。作为一个认真的前端工程师，网站制作中你应该还要掌握跨浏览器兼容性测试的技术和工具：
 

　　1：作为当年红极一时的网页制作三剑客Flash、Dreamweaver、Fireworks。这三个软件相辅相承，是当年制作网页的不二之选。但是这是处在当时的水平，现在的网站基本都有交互功能，还有后台管理功能，所以仅靠三剑客已经不能满足制作网站的需求了。

 

　　2：当大众对静态的页面，毫无交互性功能的网站开始审美疲劳的时候,动态编程语言制作的网站出现了，比如asp、php、asp.net这些都是常用的网站编程语言。不过随着虎年网的发展，越来越多的新人加入网站建设，开始在网络上建设自己的品牌的时候，CMS诞生了。
 

 

　　3：利用专业的网站管理系统软件来制作，有这么一批人充分考虑到建站新手的需要，将所有网站需要的功能融合到一起，开发成一个已经做好的网站，这个网站集成了强大的后台管理功能，用户不需要掌握专业知识就可以登录网站管理后台去修改内容，发布信息，调整界面等。这就是CMS系统！如摩恩网络的OMCMS企业网站管理系统，就是一个很专业的建站软件，欢迎咨询我们。