一、原型階段

  原型設(shè)計階段的任務(wù)就是根據(jù)用戶的需求描繪出頁面的草圖。這時候有效的工具其實就是鉛筆和紙。當然，也有一些比較不錯的原型設(shè)計工具，比如balsamip, mockingbird 等。當然，傳統(tǒng)的平面設(shè)計工具在這個階段也有幫助，比如photoshop等。

二、編碼階段

  在完成了基本的效果圖設(shè)計后，就需要將相應(yīng)的設(shè)計效果轉(zhuǎn)換為html ,css和javascript，這時候，常用的工具有dreamweaver, expression blender 等。但亦有不少前端工程師在這個階段就會采用文本編輯器，比如vim,textmate來實現(xiàn)原型。由于CSS是一個與視覺效果密切相關(guān)的要素，因此在CSS的設(shè)計方面，有大量所見即所得的輔助設(shè)計工具，網(wǎng)站設(shè)計和前端邏輯一般來講是不能完全分離的，對于前端設(shè)計師來說，掌握基本的javascript知識是需要的，如果能夠熟練地掌握一種基本的js框架更好。

三、測試階段

  由于眾所周知的原因，目前主流的某一知名瀏覽器經(jīng)常有著與其他瀏覽器截然不同的表現(xiàn)。作為一個認真的前端工程師，網(wǎng)站制作中你應(yīng)該還要掌握跨瀏覽器兼容性測試的技術(shù)和工具