一、原型階段
 

　　原型設(shè)計(jì)階段的任務(wù)就是根據(jù)用戶的需求描繪出頁面的草圖。這時(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來實(shí)現(xiàn)原型。由于CSS是一個(gè)與視覺效果密切相關(guān)的要素，因此在CSS的設(shè)計(jì)方面，有大量所見即所得的輔助設(shè)計(jì)工具，網(wǎng)站設(shè)計(jì)和前端邏輯一般來講是不能完全分離的，對(duì)于前端設(shè)計(jì)師來說，掌握基本的javascript知識(shí)是需要的，如果能夠熟練地掌握一種基本的js框架最好。
 

 

　　三、測試階段
 

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

　　1：作為當(dāng)年紅極一時(shí)的網(wǎng)頁制作三劍客Flash、Dreamweaver、Fireworks。這三個(gè)軟件相輔相承，是當(dāng)年制作網(wǎng)頁的不二之選。但是這是處在當(dāng)時(shí)的水平，現(xiàn)在的網(wǎng)站基本都有交互功能，還有后臺(tái)管理功能，所以僅靠三劍客已經(jīng)不能滿足制作網(wǎng)站的需求了。

 

　　2：當(dāng)大眾對(duì)靜態(tài)的頁面，毫無交互性功能的網(wǎng)站開始審美疲勞的時(shí)候,動(dòng)態(tài)編程語言制作的網(wǎng)站出現(xiàn)了，比如asp、php、asp.net這些都是常用的網(wǎng)站編程語言。不過隨著虎年網(wǎng)的發(fā)展，越來越多的新人加入網(wǎng)站建設(shè)，開始在網(wǎng)絡(luò)上建設(shè)自己的品牌的時(shí)候，CMS誕生了。
 

 

　　3：利用專業(yè)的網(wǎng)站管理系統(tǒng)軟件來制作，有這么一批人充分考慮到建站新手的需要，將所有網(wǎng)站需要的功能融合到一起，開發(fā)成一個(gè)已經(jīng)做好的網(wǎng)站，這個(gè)網(wǎng)站集成了強(qiáng)大的后臺(tái)管理功能，用戶不需要掌握專業(yè)知識(shí)就可以登錄網(wǎng)站管理后臺(tái)去修改內(nèi)容，發(fā)布信息，調(diào)整界面等。這就是CMS系統(tǒng)！如摩恩網(wǎng)絡(luò)的OMCMS企業(yè)網(wǎng)站管理系統(tǒng)，就是一個(gè)很專業(yè)的建站軟件，歡迎咨詢我們。