一、原型階段

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

二、編碼階段

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

三、測(cè)試階段

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