6網(wǎng)站建設(shè)流程

6.網(wǎng)站建設(shè)流程【學(xué)習(xí)目標(biāo)】通過本章的學(xué)習(xí)，掌握網(wǎng)站建設(shè)的流程，明確網(wǎng)站建設(shè)過程中各個(gè)環(huán)節(jié)應(yīng)注意的問題以及要做的具體工作?！局饕獌?nèi)容】網(wǎng)站建設(shè)的前期準(zhǔn)備。網(wǎng)站策劃、設(shè)計(jì)與制作選擇ISP、申請域名、購買空間、發(fā)布網(wǎng)站網(wǎng)站的更新、維護(hù)、安全問題。網(wǎng)站的宣傳、推廣6網(wǎng)站建設(shè)流程6.1網(wǎng)站建設(shè)流程概述6.2客戶需求調(diào)查及資料整理6.3網(wǎng)站策劃

6.4網(wǎng)站制作

6.5發(fā)布站點(diǎn)

6.6測試站點(diǎn)

6.7網(wǎng)站的維護(hù)與安全

6.8網(wǎng)站的宣傳

6.1網(wǎng)站建設(shè)流程概述網(wǎng)站建設(shè)需要按照一定的程序進(jìn)行。網(wǎng)站建設(shè)及維護(hù)的全過程需要經(jīng)過以下幾個(gè)步驟：1）客戶需求調(diào)查

2)網(wǎng)站的總體策劃

3)網(wǎng)站樣本設(shè)計(jì)

4)網(wǎng)站制作

5)網(wǎng)站測試及驗(yàn)收

6)網(wǎng)站的更新、維護(hù)及安全

7)網(wǎng)站推廣

網(wǎng)站建設(shè)流程圖6.2客戶需求調(diào)查及資料整理

在網(wǎng)站建設(shè)開始時(shí)，首先要和客戶很好地溝通，完整地、全面地收集和整理用戶的各種相關(guān)資料，包括關(guān)于介紹客戶的各種文字和圖片資料、聯(lián)系方式，分析和理解客戶的需求，并請客戶提出基本設(shè)計(jì)要求、基本功能需求，若能請客戶提供他所喜歡的網(wǎng)站的類型及實(shí)例，對于網(wǎng)站建設(shè)的順利進(jìn)行將有很大的幫助。有經(jīng)驗(yàn)的設(shè)計(jì)人員都會充分而準(zhǔn)確地做好這一步。6.3網(wǎng)站策劃

網(wǎng)站策劃的好壞直接影響到網(wǎng)站運(yùn)營的效果。其內(nèi)容包括網(wǎng)站信息組織、網(wǎng)站導(dǎo)航設(shè)計(jì)、網(wǎng)站功能設(shè)計(jì)以及網(wǎng)站推廣方案建議、網(wǎng)站的安全措施等內(nèi)容。其重要任務(wù)就是把客戶的需求信息很好地通過以上諸方面有機(jī)地體現(xiàn)出來，把網(wǎng)站的目標(biāo)信息有效地傳達(dá)給瀏覽者或潛在用戶，從而達(dá)到最好的網(wǎng)站營銷效果。

6.3.1網(wǎng)站的風(fēng)格和創(chuàng)意設(shè)計(jì)

6.3.2網(wǎng)站的整體策劃概述

6.3.3網(wǎng)站策劃中幾個(gè)重要環(huán)節(jié)6.3.1網(wǎng)站的風(fēng)格和創(chuàng)意設(shè)計(jì)網(wǎng)站建設(shè)者的網(wǎng)站制作水平到達(dá)一定高度時(shí)，一個(gè)新目標(biāo)是提高網(wǎng)站的整體風(fēng)格及其創(chuàng)意的設(shè)計(jì)水平。風(fēng)格(style)是抽象的，是指站點(diǎn)的整體形象給瀏覽者的綜合感受?！罢w形象”包括標(biāo)志、色彩、字體、標(biāo)語、版面布局、瀏覽方式、交互性、文字、語氣、內(nèi)容價(jià)值、存在意義、站點(diǎn)榮譽(yù)等因素。例如，“網(wǎng)易”是平易近人的，“迪斯尼”是生動活潑的，“IBM”是專業(yè)嚴(yán)肅的，“CCTV”是豐富淵博的。這些都是網(wǎng)站給人們留下的不同感受。樹立網(wǎng)站風(fēng)格應(yīng)從以下幾方面考慮：

網(wǎng)站中所有元素包括網(wǎng)站名稱、欄目名稱、圖片文字風(fēng)格一致。將站點(diǎn)的logo(標(biāo)志性標(biāo)識或圖案)，盡可能的出現(xiàn)在每個(gè)頁面上。使站點(diǎn)的色彩體系和協(xié)統(tǒng)一。包括文字鏈接、圖片、背景色、邊框等。字體字型字號協(xié)調(diào)一致。關(guān)鍵標(biāo)題、菜單都使用風(fēng)格統(tǒng)一的字體。在banner(橫幅標(biāo)語)里加一條朗朗上口的宣傳標(biāo)語，放在醒目的位置。使用統(tǒng)一語氣和人稱。多人合作，也要讓讀者覺得像一個(gè)人一樣。統(tǒng)一的圖片處理效果。比如，陰影效果的方向、厚度、模糊度。創(chuàng)造特有的符號或圖標(biāo)。如在每個(gè)超鏈接前用一個(gè)符號或小圖片。創(chuàng)意(idea)是網(wǎng)站生存的關(guān)鍵,常見的創(chuàng)意表達(dá)形式有：(1)顛倒、變形、分割、對稱、重復(fù)、變換色彩、變速閃動、變成立體；(2)加局部效果、背景音樂、背景圖畫、絢麗奪目的文字圖片；(3)風(fēng)格兒童化、年輕化、流行化；(4)構(gòu)造競賽環(huán)境、打賭環(huán)境、起個(gè)綽號；(5)加速、低價(jià)、打包、免費(fèi)業(yè)務(wù)；(6)還可以將以上各項(xiàng)延伸組合。6.3.2網(wǎng)站的整體策劃概述網(wǎng)站策劃首先應(yīng)該從以下幾方面著手準(zhǔn)確定位網(wǎng)站，為成功建設(shè)一個(gè)網(wǎng)站打下堅(jiān)實(shí)的基礎(chǔ)。1)建設(shè)該網(wǎng)站的目的2)設(shè)想中的網(wǎng)站規(guī)模3)是否需要獨(dú)立域名4)主要的目標(biāo)受眾5)基于明確的受眾定位，確定網(wǎng)站設(shè)計(jì)特色6)網(wǎng)站的推廣建議7)投資預(yù)算6.3.3網(wǎng)站策劃中幾個(gè)重要環(huán)節(jié)網(wǎng)站的主題和名稱

網(wǎng)站的鏈接結(jié)構(gòu)

確定網(wǎng)站的文件目錄結(jié)構(gòu)確定網(wǎng)站的欄目定位網(wǎng)站的CI形象好的企業(yè)網(wǎng)站的衡量標(biāo)準(zhǔn)網(wǎng)站策劃說明書的書寫

網(wǎng)站的主題和名稱網(wǎng)站的主題就是網(wǎng)站的題材，是在網(wǎng)站設(shè)計(jì)開始時(shí)首先遇到的問題。選擇題材最重要的依據(jù)是網(wǎng)站要宣傳的中心內(nèi)容。另外還要注意“小而精”，不要涵蓋太廣、目標(biāo)太高，應(yīng)選自己擅長或者喜愛的內(nèi)容。網(wǎng)站名稱，是網(wǎng)站設(shè)計(jì)很關(guān)鍵的一個(gè)因素。名字對網(wǎng)站的形象和宣傳推廣有很大影響。網(wǎng)站的名字要合情、合理、合法，不能使用反動的、迷信的、色情的、危害社會安全的詞句。網(wǎng)站名稱要易記，一個(gè)朗朗上口的名字會越叫越響亮，最好用中文名稱，但也有些中英文混用或諧音是恰到好處的。網(wǎng)站名稱的字?jǐn)?shù)應(yīng)控制在六個(gè)字(最好四個(gè)字)以內(nèi)，便于其它站點(diǎn)友情鏈接。網(wǎng)站名稱要有特色、有內(nèi)涵，給瀏覽者更多的視覺沖擊和空間想象，在體現(xiàn)網(wǎng)站主題的同時(shí)，能給人以品味的樂趣。

網(wǎng)站的鏈接結(jié)構(gòu)網(wǎng)站的鏈接結(jié)構(gòu)是指頁面之間相互鏈接的拓?fù)浣Y(jié)構(gòu)。它建立在目錄結(jié)構(gòu)基礎(chǔ)之上，但可以跨越目錄。建立網(wǎng)站的鏈接結(jié)構(gòu)有兩種基本方式：

(1)樹型鏈接結(jié)構(gòu).這種鏈接結(jié)構(gòu)類似計(jì)算機(jī)中磁盤文件的組織結(jié)構(gòu)，首頁鏈接指向一級頁面，一級頁面鏈接指向二級頁面。瀏覽這種網(wǎng)站時(shí)，一級一級進(jìn)入，一級一級退出。其優(yōu)點(diǎn)是條理清晰，訪問者明確知道自己在什么位置，不會“迷路”；缺點(diǎn)是瀏覽效率低，一個(gè)欄目下的子頁面到另一個(gè)欄目下的子頁面，必須繞經(jīng)首頁。(2)星型鏈接結(jié)構(gòu).在這種鏈接結(jié)構(gòu)中，每個(gè)頁面相互之間都可以建立鏈接。這種鏈接結(jié)構(gòu)的優(yōu)點(diǎn)是瀏覽方便，隨時(shí)可以到達(dá)自己喜歡的頁面；缺點(diǎn)是鏈接數(shù)目多而復(fù)雜，容易使瀏覽者迷路，搞不清自己在什么位置，看了多少內(nèi)容。這兩種基本結(jié)構(gòu)都只是理想方式，實(shí)際中，總是根據(jù)網(wǎng)站信息量大小，將兩種結(jié)構(gòu)結(jié)合起來使用，達(dá)到理想的效果。

確定網(wǎng)站的文件目錄結(jié)構(gòu)網(wǎng)站文件目錄是指網(wǎng)站創(chuàng)建時(shí)的站點(diǎn)目錄，即站點(diǎn)文件夾。其結(jié)構(gòu)好壞對瀏覽者沒有影響，但對站點(diǎn)本身的上傳維護(hù)、未來的內(nèi)容擴(kuò)充和網(wǎng)站移植有重要的影響。就像衣柜、書架，必須要分門別類、井然有序地存儲站點(diǎn)內(nèi)的所有文件。下面是關(guān)于目錄結(jié)構(gòu)的一些建議：(1)在根目錄下只存放首頁。(2)按欄目內(nèi)容建立子目錄。(3)在每個(gè)主欄目目錄下都建立獨(dú)立的images目錄，根目錄下的images目錄只用來存放與首頁相關(guān)的圖片。(4)為了維護(hù)管理方便，目錄的層次不要太深，不要超過3層。(5)不要使用中文目錄名，這是由目前的互聯(lián)網(wǎng)環(huán)境決定的。(6)不要使用過長的目錄名。

確定網(wǎng)站的欄目欄目的實(shí)質(zhì)是一個(gè)網(wǎng)站的大綱索引，應(yīng)該把網(wǎng)站的主題明確表達(dá)出來。網(wǎng)站欄目安排要注意以下幾方面：(1)緊扣主題(2)設(shè)立最近更新網(wǎng)站指南欄目(3)設(shè)立可以雙向交流的欄目

(4)設(shè)立下載或常見問題回答欄目

定位網(wǎng)站的CI形象所謂CI(corporateidentity)，意思是通過視覺來統(tǒng)一企業(yè)的形象。一個(gè)杰出的網(wǎng)站，和實(shí)體公司一樣，需要整體的形象包裝和設(shè)計(jì)。準(zhǔn)確的、有創(chuàng)意的CI設(shè)計(jì)，對網(wǎng)站的宣傳推廣有事半功倍的效果。具體的做法是：(1)設(shè)計(jì)網(wǎng)站的標(biāo)志(logo)(2)設(shè)計(jì)網(wǎng)站的標(biāo)準(zhǔn)色彩體系

(3)設(shè)計(jì)網(wǎng)站的標(biāo)準(zhǔn)字體

(4)設(shè)計(jì)網(wǎng)站的橫幅banner好的企業(yè)網(wǎng)站的衡量標(biāo)準(zhǔn)一個(gè)好的企業(yè)網(wǎng)站應(yīng)具備以下幾個(gè)特點(diǎn)：(1)網(wǎng)站架構(gòu)由以企業(yè)為核心的主題層次、內(nèi)容分類、頁面順序等所組成。(2)能體現(xiàn)出企業(yè)精神、理念以及文化。(3)在策劃過程中兼顧企業(yè)產(chǎn)品營銷理念和企業(yè)未來的發(fā)展規(guī)劃。(4)內(nèi)容精煉、準(zhǔn)確、及時(shí)更新。(5)提供本行業(yè)的信息和動態(tài)，著眼于行業(yè)性的內(nèi)容(如科普教育等)。這能使網(wǎng)站內(nèi)容更為豐富，提高網(wǎng)站的檔次和訪問率，使瀏覽者對企業(yè)建立行業(yè)權(quán)威的印象。編寫網(wǎng)站策劃說明書應(yīng)注意以下幾點(diǎn):

(1)網(wǎng)站策劃說明書中每個(gè)欄目應(yīng)該風(fēng)格統(tǒng)一①欄目概述：包括欄目定位、欄目目的、服務(wù)對象、子欄目設(shè)置、首頁內(nèi)容、分頁內(nèi)容。這一部分索引作用，是對網(wǎng)站的整體把握。②欄目詳情：包括各個(gè)子欄目的名稱及其目的、服務(wù)對象、內(nèi)容介紹、資料來源、實(shí)現(xiàn)方法、有關(guān)問題、重點(diǎn)提示等。③相關(guān)欄目：其意義是通過各個(gè)欄目之間的聯(lián)系，來加強(qiáng)網(wǎng)站的整體性，也是一種導(dǎo)航指示。(2)參考網(wǎng)站。標(biāo)明本欄目在設(shè)計(jì)時(shí)參考了哪些網(wǎng)站，或在制作時(shí)可以參考哪類網(wǎng)站,要說明參考網(wǎng)站的優(yōu)點(diǎn)和不可取之處。不能只簡單提供一個(gè)網(wǎng)址。(3)附錄。附錄用以記錄這個(gè)文檔的歷史修改過程和改過的內(nèi)容。

6.4網(wǎng)站制作6.4.1頁面設(shè)計(jì)概述6.4.2首頁設(shè)計(jì)6.4.3版面布局6.4.4網(wǎng)頁導(dǎo)航設(shè)計(jì)6.4.5網(wǎng)站程序設(shè)計(jì)6.4.2首頁設(shè)計(jì)首頁的設(shè)計(jì)是一個(gè)網(wǎng)站成功與否的關(guān)鍵。一般來說，對中小型網(wǎng)站的設(shè)計(jì)來說，首頁設(shè)計(jì)和制作占整個(gè)制作時(shí)間的40%～50%。首頁的設(shè)計(jì)大致要在以下這幾方面下功夫：(1)

版面布局；(2)

色彩搭配；(3)

字體的設(shè)置；(4)

考慮不同的瀏覽器和分辨率；(5)

logo和banner設(shè)計(jì)；(6)

meta標(biāo)簽的重要性；6.4.3版面布局版面，指的是瀏覽器看到的完整的一個(gè)頁面，可以包含框架(Frame)和層(layer)。布局，就是將圖片和文字排列分布在頁面里，并力求內(nèi)容組織合理、最適合瀏覽。常見的版面布局形式：

1)“T”結(jié)構(gòu)布局

2)“口”型布局

3)“三”型布局

4)對比或?qū)ΨQ布局

5)POP布局

總之，布局既要考慮美觀，又要考慮實(shí)用。

6.4.4網(wǎng)頁導(dǎo)航設(shè)計(jì)網(wǎng)站的導(dǎo)航設(shè)計(jì)是對站點(diǎn)內(nèi)部網(wǎng)頁間的超鏈接組織的設(shè)計(jì)。導(dǎo)航設(shè)計(jì)應(yīng)該注意以下幾點(diǎn)：

1)到當(dāng)前頁的導(dǎo)航按鈕應(yīng)該使鏈接失效2)不要在一篇短文里提供太多的超鏈接

3)超鏈接的字串長短適中

4)超鏈接顏色與敘述性文字的顏色呈現(xiàn)

5)在具有前后連續(xù)順序的文件里提供必要的鏈接

6)在有段落標(biāo)題的較長的文字頁面內(nèi)提供目錄表與標(biāo)題，提供頁內(nèi)超鏈接

7)暫時(shí)不提供超鏈接到尚未完成的頁面

8)測試所有的超鏈接與導(dǎo)航按鈕的真實(shí)可行性

6.5發(fā)布站點(diǎn)

網(wǎng)站制做完成后，要讓站點(diǎn)能夠被訪問，必須把文件傳送到一臺Web服務(wù)器上，這就是網(wǎng)站的發(fā)布。6.5.1選擇ISP6.5.2服務(wù)器的分類及創(chuàng)建6.5.3購買域名6.5.4上傳網(wǎng)站及上傳工具介紹

6.5.1選擇ISPISP(InternetServiceProvider)，即Internet服務(wù)提供商，它能提供撥號上網(wǎng)服務(wù)、網(wǎng)上瀏覽、下載文件、收發(fā)電子郵件等服務(wù)。Web服務(wù)器是一臺與Internet相連接并運(yùn)行服務(wù)器軟件的計(jì)算機(jī)。Web服務(wù)器軟件用超文本傳輸協(xié)議(http協(xié)議)為用戶提供HTML文件服務(wù)。如果你所在的公司或組織沒有服務(wù)器，就必須借助于Web寄存服務(wù)。ISP可以提供網(wǎng)站寄存服務(wù)。選擇ISP，可以從下面幾點(diǎn)考慮：

1)服務(wù)商的資質(zhì)

2)服務(wù)品質(zhì)

3)新技術(shù)的開發(fā)應(yīng)用步伐

4)服務(wù)基礎(chǔ)設(shè)施條件

6.5.2服務(wù)器的分類及創(chuàng)建服務(wù)器是提供信息讓別人訪問的機(jī)器，通常又稱為主機(jī)。必須每時(shí)每刻都連接在Internet上，擁有永久的IP地址。有兩種方法可以使用戶擁有Web、Email、FTP等服務(wù)器：①自建主機(jī)。需要有水平較高的專業(yè)技術(shù)人員，要投入較大的資金購置軟硬件，還要支付上不封頂?shù)娜粘＞S護(hù)和線路通信費(fèi)，建設(shè)周期較長。只適合作小型服務(wù)器，因?yàn)橐话愕膯挝换騻€(gè)人，受環(huán)境(24小時(shí)運(yùn)作的機(jī)房恒溫恒濕空調(diào)系統(tǒng))、硬件設(shè)施(例如：路由器、不間斷電源系統(tǒng)等)及網(wǎng)絡(luò)帶寬限制，很難提供很好的網(wǎng)站服務(wù)。②主機(jī)托管主機(jī)托管則經(jīng)濟(jì)、快捷、實(shí)用。主機(jī)托管業(yè)務(wù)可細(xì)分為獨(dú)立主機(jī)托管與虛擬主機(jī)(VirtualHosting)。6.5.3購買域名要想在網(wǎng)上建立服務(wù)器發(fā)布信息，必須注冊自己的域名，通過域名指向你所購買的空間(即虛擬主機(jī))，才能讓別人訪問到自己的網(wǎng)站。域名注冊是在互聯(lián)網(wǎng)上建立任何服務(wù)的基礎(chǔ)。域名注冊的一般流程：(1)查詢選擇域名。查詢所選擇的域名是否已被占用。(2)用戶資料確認(rèn)。在線填寫域名申請表并提交；(3)購物訂單確認(rèn)。按照所選ISP的要求付款，并按照要求通知ISP，一般在幾秒至幾小時(shí)內(nèi)就可以確認(rèn)，并立即為你注冊，一般也可稍后付款；(4)域名注冊成功

6.5.4上傳網(wǎng)站及上傳工具介紹1、FTP。FTP完成兩臺計(jì)算機(jī)之間的拷貝，從遠(yuǎn)程計(jì)算機(jī)拷貝文件至自己的計(jì)算機(jī)上，稱為“下載(download)”文件。從自己的計(jì)算機(jī)中拷貝至遠(yuǎn)程計(jì)算機(jī)上，則稱為“上載(upload)”文件，也稱為“上傳”。在TCP/IP協(xié)議中，F(xiàn)TP標(biāo)準(zhǔn)命令TCP端口號為21，Port方式數(shù)據(jù)端口為20。2、常用的FTP工具(1)CuteFTPProV2.0(2)FlashFXPV1.4build815

(3)CrobFTPServer3.5.8簡體中文版

6.6測試站點(diǎn)網(wǎng)站發(fā)布之后就可以立即上網(wǎng)瀏覽自己的網(wǎng)站了，這就處在完全真實(shí)的Internet環(huán)境中了，在完全真實(shí)的Internt環(huán)境中對網(wǎng)站進(jìn)行測試分兩個(gè)階段：1)把文件上傳到Web服務(wù)器上，由開發(fā)方自己對站