一、原型階段
 

　　原型設(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ì)方面，有大量所見(jiàn)即所得的輔助設(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ù)和工具：
 

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

 

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

 

　　3：利用專業(yè)的網(wǎng)站管理系統(tǒng)軟件來(lái)制作，有這么一批人充分考慮到建站新手的需要，將所有網(wǎng)站需要的功能融合到一起，開(kāi)發(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è)的建站軟件，歡迎咨詢我們。網(wǎng)站建設(shè)是指使用標(biāo)識(shí)語(yǔ)言（聯(lián)系電話13172194676)，通過(guò)一系列設(shè)計(jì)、建模、和執(zhí)行的過(guò)程將電子格式的信息通過(guò)互聯(lián)網(wǎng)傳輸，最終以圖形用戶界面（GUI）的形式被用戶所瀏覽。簡(jiǎn)單來(lái)說(shuō)，網(wǎng)頁(yè)設(shè)計(jì)的目的就是產(chǎn)生網(wǎng)站。簡(jiǎn)單的信息如文字，圖片（GIF，JPEG，PNG）和表格，都可以通過(guò)使超文件標(biāo)示語(yǔ)言、可擴(kuò)展超文本標(biāo)記語(yǔ)言等標(biāo)示語(yǔ)言放置到網(wǎng)站頁(yè)面上。而更復(fù)雜的信息如矢量圖形、動(dòng)畫(huà)、視頻、聲頻等多媒體檔案則需要插件程序來(lái)運(yùn)行，同樣地它們亦需要標(biāo)示語(yǔ)言移植在網(wǎng)站內(nèi)。網(wǎng)站建設(shè)是一個(gè)廣義的術(shù)語(yǔ)，涵蓋了許多不同的技能和學(xué)科中所使用的生產(chǎn)和維護(hù)的網(wǎng)站。不同領(lǐng)域的網(wǎng)頁(yè)設(shè)計(jì)，網(wǎng)頁(yè)圖形設(shè)計(jì)，界面設(shè)計(jì)，創(chuàng)作，其中包括標(biāo)準(zhǔn)化的代碼和專有軟件，用戶體驗(yàn)設(shè)計(jì)和搜索引擎優(yōu)化。許多人常常會(huì)分為若干個(gè)工作小組，負(fù)責(zé)網(wǎng)站不同方面的設(shè)計(jì)。網(wǎng)頁(yè)設(shè)計(jì)是設(shè)計(jì)過(guò)程的前端（客戶端），通常用來(lái)描述的網(wǎng)站，并不是簡(jiǎn)單的一個(gè)頁(yè)面，一個(gè)網(wǎng)站是包括很多工作的，其中包括域名注冊(cè)設(shè)計(jì)效果圖，布局頁(yè)面，寫(xiě)代碼等工作。網(wǎng)站制作專注于網(wǎng)站建設(shè),網(wǎng)站制作,網(wǎng)站設(shè)計(jì)等。專業(yè)的制作公司提供營(yíng)銷型網(wǎng)站建設(shè)服務(wù),公司始終認(rèn)為能盈利的網(wǎng)站才是好網(wǎng)站,聯(lián)系電話13172194676。網(wǎng)站制作通俗的來(lái)說(shuō)就是網(wǎng)站通過(guò)頁(yè)面結(jié)構(gòu)定位，合理布局，圖片文字處理，程序設(shè)計(jì)，數(shù)據(jù)庫(kù)設(shè)計(jì)等一系列工作的總和，也是將網(wǎng)站設(shè)計(jì)師的圖片用HTML（標(biāo)準(zhǔn)通用標(biāo)記語(yǔ)言下的一個(gè)應(yīng)用）方式展示出來(lái)。 網(wǎng)站制作屬于前臺(tái)工程師的一項(xiàng)任務(wù)，前臺(tái)工程師任務(wù)包括：網(wǎng)站設(shè)計(jì)、網(wǎng)站用戶體驗(yàn)、網(wǎng)站JAVA效果、網(wǎng)站制作等工作。網(wǎng)站制作是策劃師、網(wǎng)絡(luò)程序員、網(wǎng)頁(yè)設(shè)計(jì)等崗位，應(yīng)用各種網(wǎng)絡(luò)程序開(kāi)發(fā)技術(shù)和網(wǎng)頁(yè)設(shè)計(jì)技術(shù)，為企事業(yè)單位、公司或個(gè)人在全球互聯(lián)網(wǎng)上建設(shè)站點(diǎn)，并包含域名注冊(cè)和主機(jī)托管等服務(wù)的總稱，網(wǎng)站制作需要網(wǎng)站虛擬空間、域名以及動(dòng)態(tài)網(wǎng)站的數(shù)據(jù)庫(kù)這三個(gè)最基本的條件。網(wǎng)站虛擬空間是用來(lái)存放網(wǎng)站文件，如：圖片信息，html文件，php文件等，相當(dāng)于一個(gè)硬盤(pán)空間，域名即指訪問(wèn)網(wǎng)站的地址。動(dòng)態(tài)網(wǎng)站的數(shù)據(jù)庫(kù)用來(lái)存會(huì)員信息以及動(dòng)態(tài)頁(yè)面所用到的數(shù)據(jù)表，這里的網(wǎng)站數(shù)據(jù)并非網(wǎng)站的html文件、圖像信息等，指的是如網(wǎng)站訪客提交的留言，個(gè)人信息等，傳統(tǒng)的靜態(tài)網(wǎng)站無(wú)需數(shù)據(jù)庫(kù)支持。隨著瀏覽器和W3C標(biāo)準(zhǔn)一致性的改善，以及無(wú)表格網(wǎng)頁(yè)設(shè)計(jì)的認(rèn)同性增加，超文件標(biāo)示語(yǔ)言與層疊樣式表共同用作網(wǎng)頁(yè)內(nèi)容的設(shè)計(jì)已經(jīng)被廣泛的接受和使用。最新的標(biāo)準(zhǔn)和建議則是朝著瀏覽器的能力擴(kuò)充和改善發(fā)展，使之能夠不需要插件程序也能夠給用戶傳輸多媒體信息和更多的選擇。