一、網(wǎng)站定位，需求調(diào)研，架構(gòu)分析

在做網(wǎng)站之前首先要找好網(wǎng)站的定位，確定好網(wǎng)站要服務(wù)哪一部分人群、要足他們的什么需求以及網(wǎng)站的后期盈利方式等。

同理，在建站之前也需要對(duì)這個(gè)即將建設(shè)的網(wǎng)站有自己的完整的規(guī)劃。網(wǎng)站需要達(dá)到什么樣的功能，究竟是想做響應(yīng)式網(wǎng)站還是外貿(mào)網(wǎng)站亦或是集團(tuán)網(wǎng)站？網(wǎng)站的目標(biāo)受眾是哪些？需要展示什么樣的風(fēng)格？在建站之前思考的越詳細(xì)對(duì)于后面的實(shí)施越簡(jiǎn)單，網(wǎng)站的效果距離預(yù)期越近。

工作周期：大約3個(gè)工作日

二、網(wǎng)站首頁(yè)設(shè)計(jì)，前端開發(fā)工程師搭建靜態(tài)頁(yè)面

第一步主要是對(duì)企業(yè)網(wǎng)站需求的整理，分析網(wǎng)站的用戶群體，確定網(wǎng)站的組織架構(gòu)等等，比如企業(yè)制作網(wǎng)站是為了滿足企業(yè)什么需求，需要展示哪些內(nèi)容，有哪些模塊，以及網(wǎng)站的板塊設(shè)計(jì)，頁(yè)面導(dǎo)航，整體配色等等。

進(jìn)行網(wǎng)站首頁(yè)的設(shè)計(jì)，把首頁(yè)需要展示的內(nèi)容設(shè)計(jì)排版到首頁(yè)，導(dǎo)航欄，banner圖，等等，選擇配色，首頁(yè)的配色就是整個(gè)網(wǎng)站的主色調(diào)，其余的子頁(yè)面主題顏色必須和首頁(yè)保持一致。

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

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

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

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

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

靜態(tài)頁(yè)面建設(shè)完成后（一般和前端工程師工作并行），如果網(wǎng)站還需要具備一些動(dòng)態(tài)功能(例如搜索功能、留言板、注冊(cè)登錄系統(tǒng)、新聞信息發(fā)布等)，就需要開發(fā)動(dòng)態(tài)功能模塊。

工作周期：大約3個(gè)工作日

三、頁(yè)面程序嵌套，開發(fā)動(dòng)態(tài)網(wǎng)站模塊

首頁(yè)設(shè)計(jì)圖確認(rèn)無誤后，便開始網(wǎng)站的建設(shè)和后臺(tái)的搭建，以及各個(gè)功能模塊的開發(fā)。

目前廣泛應(yīng)用的動(dòng)態(tài)網(wǎng)站技術(shù)主要有PHP、ASP、JSP三種，具體介紹如下。

(1)PHP

PHP即Hypertext Preprocessor(超文本預(yù)處理器)，是一種通用的開源腳本語(yǔ)言。PHP語(yǔ)法吸收了C語(yǔ)言、Java(C語(yǔ)言和Java均是編程語(yǔ)言)的特點(diǎn)，利于學(xué)習(xí)，使用廣泛，主要適用于web開發(fā)領(lǐng)域。PHP提供了標(biāo)準(zhǔn)的數(shù)據(jù)庫(kù)接口，數(shù)據(jù)庫(kù)連接方便，兼容性和展性非常強(qiáng)，是目前使用較廣泛的技術(shù)。

(2)ASP

ASP即Active Server Pages(動(dòng)態(tài)服務(wù)器頁(yè)面)，是一種局限于微軟的操作系統(tǒng)平臺(tái)之上的動(dòng)態(tài)網(wǎng)站開發(fā)技術(shù)，主要工作環(huán)境為微軟的IIS應(yīng)用程序結(jié)構(gòu)。ASP入門比較簡(jiǎn)單，但是安全性較低，而且不宜構(gòu)架大中型站點(diǎn)，其升級(jí)版ASP.NET雖然解決了這一問題，但開放程度低，操作麻煩。

(3)JSP

JSP即Java Server Pages(Java服務(wù)器頁(yè)面)，是基于Java Servlet以及整個(gè)Java體系的Web開發(fā)技術(shù)，它與ASP有一定的相似之處。JSP被認(rèn)為是網(wǎng)站建設(shè)技術(shù)中安全性最好的，雖然學(xué)習(xí)和操作均較為復(fù)雜，但目前被認(rèn)為是三種動(dòng)態(tài)網(wǎng)站技術(shù)中有前途的技術(shù)。

把做好的頁(yè)面進(jìn)行程序的嵌套，把他們整合起來，使網(wǎng)站能夠基本運(yùn)作起來。

工作周期：大約15個(gè)工作日

四、網(wǎng)站建設(shè)后期事宜