一、原型階段
 

　　原型設計階段的任務就是根據用戶的需求描繪出頁面的草圖。這時候最為有效的工具其實就是鉛筆和紙。當然，也有一些比較不錯的原型設計工具，比如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企業網站管理系統，就是一個很專業的建站軟件，歡迎咨詢我們。