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

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

1、策劃

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

2、前臺(tái)

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

3、后臺(tái)

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

4、后臺(tái)管理

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

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

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

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

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

5、少等于多

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

6、導(dǎo)航

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

7、下載速度

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