網(wǎng)站制作是一個綜合性極強的工作，涉及到域名注冊查詢、商業(yè)策劃、平面設(shè)計、人機界面、程序語言和數(shù)據(jù)庫等。

網(wǎng)站制作總體上分為策劃、前臺和后臺三部分。一般都是由三種不同專業(yè)的人合作完成的，一個人獨立完成的網(wǎng)站一般很難做到各方面都很專業(yè)。因此，網(wǎng)站設(shè)計一般由團隊完成

1、策劃

網(wǎng)站的整體定位、功能規(guī)劃、應(yīng)用分析、流程設(shè)計和內(nèi)容架構(gòu)組織。

2、前臺

網(wǎng)站頁面的設(shè)計制作，包括版式規(guī)劃、色彩應(yīng)用、版面設(shè)計、切片輸出、頁面整合、動畫和多媒體設(shè)計、交互環(huán)節(jié)設(shè)計和頁面代碼編寫等(從這里可以看出，前臺美工的任務(wù)很重，而且還涉及到公司形象，潛在形象廣告宣傳的勞動能力，為公司的整體付出了潛在的市場價值)。

3、后臺

程序設(shè)計、數(shù)據(jù)操作、功能實現(xiàn)、管理界面和管理功能設(shè)計等。

4、后臺管理

搭建靜態(tài)頁面是指將設(shè)計的網(wǎng)頁效果圖轉(zhuǎn)換為能夠在瀏覽器瀏覽的頁面。這就需要對頁面設(shè)計規(guī)范有一個整體的認識并掌握一些基本的網(wǎng)頁腳本語言，例如HTML、CSS等。需要注意的是，在拿到網(wǎng)頁設(shè)計效果圖后，切忌直接切圖、搭建結(jié)構(gòu)。應(yīng)該先仔細觀察效果圖，對頁面的配色和布局有一個整體的認識，主要包括顏色、尺寸、輔助圖片等，具體介紹如下

(1)顏色:觀察網(wǎng)頁效果圖的主題色、輔助色、點睛色，了解頁面的配色方案。

(2)尺寸:觀察網(wǎng)頁效果圖的尺寸，確定頁面的寬度和模塊的分布。

(3)輔助圖片:觀察網(wǎng)頁效果圖，看哪些地方使用了素材圖片。確定需要單獨保留的圖片。例如，重復(fù)的背景圖、小圖標、文本內(nèi)容配圖等。

對頁面效果圖有了一個基本的分析之后，就能夠“切圖”了?！扒袌D”就是對效果圖進行分割，將無法用代碼實現(xiàn)的部分保存為圖片。當切完圖之后，就可以使用HMCs搭建靜態(tài)頁面。搭建靜態(tài)頁面就是將效果圖轉(zhuǎn)換為瀏覽器能夠識別的標記語言的過程。

5、少等于多

使所有的句子、段落、章節(jié)、頁面盡可能地短。在段落和章節(jié)之間使用較多的留白。不要在單一的頁面上放置太多的內(nèi)容。假如確實有必要傳遞大量的信息，盡量把內(nèi)容分為小塊。

6、導(dǎo)航

不要使用文本段落內(nèi)的超鏈接隨意地把訪問者帶到別的頁面。這樣做會破壞導(dǎo)航結(jié)構(gòu)一致性的感覺。

7、下載速度

最常見的錯誤是用于網(wǎng)站開發(fā)者的開發(fā)環(huán)境造成的，開發(fā)職員有時不會意識到下載他們的頁面要花很長的時間。