一、原型階段
 

　　原型設(shè)計階段的任務(wù)就是根據(jù)用戶的需求描繪出頁面的草圖。這時候最為有效的工具其實就是鉛筆和紙。當(dāng)然，也有一些比較不錯的原型設(shè)計工具，比如balsamip, mockingbird 等。當(dāng)然，傳統(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)。作為一個認(rèn)真的前端工程師，網(wǎng)站制作中你應(yīng)該還要掌握跨瀏覽器兼容性測試的技術(shù)和工具：
 

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

 

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

 

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