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

網(wǎng)站構(gòu)建過程與軟件開發(fā)過程類似，為了加快網(wǎng)站建設(shè)的速度并減少失誤，應(yīng)該采用一定的流程來策劃、設(shè)計(jì)和制作網(wǎng)站。好的制作流程能幫助設(shè)計(jì)者解決網(wǎng)站策劃的煩瑣問題，減少網(wǎng)站開發(fā)項(xiàng)目失敗的風(fēng)險(xiǎn)，同時(shí)又能保證網(wǎng)站的科學(xué)性和嚴(yán)謹(jǐn)性。

雖然任何一個(gè)網(wǎng)站的建設(shè)都不會(huì)有一個(gè)固定的模式，但通常可以分為前期策劃、中期制作和后期維護(hù)3個(gè)階段。每個(gè)階段需要完成的工作如圖1-6所示。

1.6.1　明確網(wǎng)站的定位

在動(dòng)手制作網(wǎng)站之前一定要給網(wǎng)站找到一個(gè)準(zhǔn)確的定位，明確建站的目的是什么。如果做的是個(gè)人網(wǎng)站，那么網(wǎng)站想向大家表達(dá)哪一方面的內(nèi)容就是網(wǎng)站的定位；如果是為客戶建立網(wǎng)站，那么一定要與客戶的決策層人士共同討論，要理解他們的想法，他們真正的想法才是網(wǎng)站的定位。

網(wǎng)站定位從根本上是指在網(wǎng)站為用戶提供有價(jià)值的信息、內(nèi)容，符合用戶體驗(yàn)標(biāo)準(zhǔn)，這樣網(wǎng)站才能得以長期發(fā)展。根據(jù)網(wǎng)站建設(shè)的不同階段，網(wǎng)站定位可以從以下幾方面考慮。

1.網(wǎng)站行業(yè)定位

不管把網(wǎng)站定位成娛樂站、新聞?wù)荆€是定位成知識(shí)站、小說站、音樂站，都應(yīng)注意不要把網(wǎng)站內(nèi)容做得太過寬泛。因?yàn)槟壳熬W(wǎng)站不計(jì)其數(shù)，想把網(wǎng)站做得大而廣，不是單純依靠“采集+復(fù)制+粘貼”就能完成的，需要考慮是否有足夠的實(shí)力與人員。與其如此，倒不如把網(wǎng)站目標(biāo)用戶精細(xì)化，確定主要的服務(wù)行業(yè)，定位好市場群體，把網(wǎng)站做精做強(qiáng)。

2.網(wǎng)站風(fēng)格定位

由于網(wǎng)站建立的目的不同，所提供的服務(wù)及面向的群體也不相同，所以要根據(jù)設(shè)計(jì)原則和針對(duì)的訪問者確定適宜的風(fēng)格。例如，政府部門網(wǎng)站一般莊重嚴(yán)謹(jǐn)；娛樂網(wǎng)站可以活潑生動(dòng)一些；商務(wù)網(wǎng)站可以貼近民俗，使大眾喜聞樂見；文化教育網(wǎng)站則應(yīng)該高雅大方，格調(diào)清新。

3.網(wǎng)站設(shè)計(jì)定位

網(wǎng)站中的網(wǎng)頁是與用戶接觸溝通的界面，要組織性地對(duì)網(wǎng)頁進(jìn)行架構(gòu)設(shè)計(jì)，使其清晰簡潔。合理搭配廣告與內(nèi)容，樹立網(wǎng)站形象。頁面設(shè)計(jì)要符合搜索引擎友好性標(biāo)準(zhǔn)。要從顏色到布局再到用戶群體，逐一在網(wǎng)站設(shè)計(jì)中完善，可以先適當(dāng)調(diào)查網(wǎng)站目標(biāo)群體對(duì)網(wǎng)站的期待與建議。

4.網(wǎng)站推廣定位

推廣網(wǎng)站的方法有很多，按照怎樣利用資源，可分為4個(gè)階段——搜索引擎提交收錄、定位網(wǎng)站與欄目關(guān)鍵詞、提高搜索引擎網(wǎng)站排名、提高網(wǎng)站流量，增加網(wǎng)站點(diǎn)擊率。

圖1-7所示為一個(gè)示例網(wǎng)站的界面，網(wǎng)站定位在計(jì)算機(jī)知識(shí)的普及，采用表格的頁面設(shè)計(jì)，清晰簡潔。

綜上所述，網(wǎng)站定位是網(wǎng)站制作成功和推廣策劃的前提，也是提高網(wǎng)站流量的法寶。

1.6.2　確定網(wǎng)站的主題

網(wǎng)站的主題與網(wǎng)站的定位息息相關(guān)。網(wǎng)站主題就是建立的網(wǎng)站所要包含的主要內(nèi)容，一個(gè)網(wǎng)站必須要有一個(gè)明確的主題。明確主題有助于設(shè)計(jì)者確定網(wǎng)站的結(jié)構(gòu)，收集相關(guān)素材。一般來說，確定網(wǎng)站主題應(yīng)從以下幾個(gè)方面入手。

1.理解站點(diǎn)功能

無論是個(gè)人網(wǎng)站還是為客戶創(chuàng)建的網(wǎng)站，在設(shè)計(jì)之前必須考慮清楚站點(diǎn)的功能，確保了解建立網(wǎng)站的目的和網(wǎng)站訪問者的需求。這些信息大致包括訪問網(wǎng)站的人群特點(diǎn)、訪問者訪問網(wǎng)站的信息需求、訪問者可能的訪問頻率、網(wǎng)站是否可能被訪問者再次訪問等。

2.在理解站點(diǎn)基礎(chǔ)上，形成鮮明的主題

網(wǎng)站的定位要聚焦，內(nèi)容要精。如果想制作一個(gè)包羅萬象的站點(diǎn)，把所有設(shè)計(jì)者認(rèn)為精彩的東西都放在上面，往往會(huì)事與愿違，這樣的網(wǎng)站給人的感覺是沒有主題和特色，樣樣都有卻都很膚淺，因?yàn)樵O(shè)計(jì)者不可能有那么多精力去維護(hù)它。

3.網(wǎng)站的特色要突出

網(wǎng)站的題材最好是設(shè)計(jì)者自己擅長或者喜愛的內(nèi)容，并且應(yīng)該把自己的興趣、愛好盡情地發(fā)揮出來，突出自己的個(gè)性，辦出自己的特色。比如擅長編程，就可以建立一個(gè)編程愛好者網(wǎng)站；對(duì)足球感興趣，可以報(bào)道最新的足球戰(zhàn)況、球星動(dòng)態(tài)等。這樣在制作時(shí)，才不會(huì)覺得力不從心。

圖1-8所示是中國知網(wǎng)的網(wǎng)頁，該網(wǎng)站的功能定位為信息檢索和用戶服務(wù)，界面非常清晰。在網(wǎng)站開發(fā)目標(biāo)、用戶需求、網(wǎng)站特色等方面，該網(wǎng)站都是一個(gè)比較典型的網(wǎng)站。

1.6.3　網(wǎng)站的整體規(guī)劃

網(wǎng)站規(guī)劃是指在網(wǎng)站建設(shè)前對(duì)市場進(jìn)行分析，確定網(wǎng)站的目的和功能，并根據(jù)需要對(duì)網(wǎng)站建設(shè)中的技術(shù)、內(nèi)容、費(fèi)用、測試、維護(hù)等做出規(guī)劃。網(wǎng)站規(guī)劃對(duì)網(wǎng)站建設(shè)起到指導(dǎo)作用，對(duì)網(wǎng)站的內(nèi)容和維護(hù)起到定位作用。

一個(gè)網(wǎng)站設(shè)計(jì)得成功與否，很大程度上取決于設(shè)計(jì)者的規(guī)劃水平。規(guī)劃網(wǎng)站就像做建筑設(shè)計(jì)圖一樣，圖紙?jiān)O(shè)計(jì)好了，才能建成一座漂亮的建筑。規(guī)劃網(wǎng)站時(shí)，首先應(yīng)把網(wǎng)站的內(nèi)容列舉出來，根據(jù)內(nèi)容列出一個(gè)結(jié)構(gòu)化的藍(lán)圖，根據(jù)實(shí)際情況設(shè)計(jì)各個(gè)頁面之間的鏈接。規(guī)劃網(wǎng)站的內(nèi)容應(yīng)包括欄目的設(shè)置、目錄結(jié)構(gòu)、網(wǎng)站的風(fēng)格（即顏色搭配、網(wǎng)站標(biāo)志、版面布局、圖像的運(yùn)用）等。只有在制作網(wǎng)頁之前考慮全面，才能在制作時(shí)駕輕就熟，胸有成竹。也只有如此，制作出來的網(wǎng)站才能有個(gè)性，有特色，有吸引力。

圖1-9所示為一個(gè)旅游網(wǎng)站的頁面布局規(guī)劃，下面從目錄結(jié)構(gòu)、主題欄、版面布局等方面加以介紹。

1.目錄結(jié)構(gòu)設(shè)計(jì)

網(wǎng)站目錄建立的好壞對(duì)瀏覽者并沒有多大影響，但對(duì)網(wǎng)站本身的后期維護(hù)意義重大。目錄結(jié)構(gòu)設(shè)計(jì)一般應(yīng)注意以下問題。一是要按欄目內(nèi)容建立子目錄；二是每個(gè)目錄下分別為圖像文件創(chuàng)建一個(gè)子目錄images（圖像較少時(shí)可不創(chuàng)建）；三是目錄的層次不要太深，主要欄目最好能直接從首頁到達(dá)；四是盡量使用意義明確的非中文目錄。一個(gè)旅游網(wǎng)站的目錄結(jié)構(gòu)如圖1-10所示。

2.主題欄的設(shè)置

在設(shè)計(jì)網(wǎng)站的主題欄時(shí)應(yīng)注意以下問題。一是要突出主題，把主題欄放在最明顯的地方，讓瀏覽者更快、更明確地知道網(wǎng)站所表現(xiàn)的內(nèi)容；二是要設(shè)計(jì)一個(gè)“最近更新”欄目，讓瀏覽者一目了然地了解更新內(nèi)容：三是欄目不要設(shè)置太多。

3.版面布局

網(wǎng)頁的整體布局是不可忽視的。設(shè)計(jì)網(wǎng)站時(shí)應(yīng)合理地運(yùn)用空間，讓網(wǎng)頁疏密有致、井井有條。版面布局一般應(yīng)遵循的原則是突出重點(diǎn)、平衡和諧。首先將網(wǎng)站標(biāo)志、主菜單等最重要的模塊放在突出的位置，然后再排放次要模塊（例如，搜索、友情鏈接、計(jì)數(shù)器、版權(quán)信息和E-mail地址等）。此外，其他頁面的設(shè)計(jì)應(yīng)和首頁保持相同的風(fēng)格，并有返回首頁的鏈接。

4.網(wǎng)站標(biāo)志

網(wǎng)站標(biāo)志（Logo）最重要的作用就是表達(dá)網(wǎng)站的理念，便于瀏覽者識(shí)別，可以廣泛用于站點(diǎn)的鏈接和宣傳。如同商標(biāo)一樣，Logo是站點(diǎn)特色和內(nèi)涵的集中體現(xiàn)。如果設(shè)計(jì)的是企業(yè)網(wǎng)站，最好在企業(yè)商標(biāo)的基礎(chǔ)上設(shè)計(jì)，以保持企業(yè)形象的整體統(tǒng)一。設(shè)計(jì)Logo的原則是以簡潔、符號(hào)化的視覺藝術(shù)把網(wǎng)站的形象和理念展示出來。

5.顏色和圖像的運(yùn)用

網(wǎng)頁選用的背景應(yīng)和頁面的色調(diào)相協(xié)調(diào)，色彩搭配要遵循和諧、均衡、重點(diǎn)突出的原則。

網(wǎng)頁上應(yīng)適當(dāng)?shù)靥砑訄D像。使用圖像時(shí)一般應(yīng)注意以下問題。一是圖像是為主頁內(nèi)容服務(wù)的，不能讓圖像喧賓奪主；二是圖像要兼顧大小和美觀，不僅要好看，還應(yīng)在保證圖片質(zhì)量的前提下盡量縮小圖片的大小（即字節(jié)數(shù)），圖像過大將影響網(wǎng)頁的傳輸速度；三是應(yīng)合理地采用JPEG和GIF圖像格式，顏色較少的（256色以內(nèi)）圖像可處理為GIF格式，色彩比較豐富的圖像最好處理為JPEG格式。

1.6.4　收集資料與素材

收集資料與素材實(shí)際上是前期策劃中最為關(guān)鍵的一步。在明確建站目的和網(wǎng)站定位以后，要結(jié)合各方面的實(shí)際情況，圍繞主題全面收集相關(guān)的材料，這樣才可以發(fā)揮網(wǎng)站的最大作用，使網(wǎng)站的信息和功能趨于完善。

常言道：“巧婦難為無米之炊”。要想讓自己的網(wǎng)站有血有肉，能夠吸引住用戶，就要盡量搜集材料，搜集的材料越多，制作網(wǎng)站越容易。材料既可以從圖書、報(bào)紙、光盤等各種媒體上獲得，也可以從網(wǎng)上搜集或者自己動(dòng)手制作。對(duì)搜集到的材料應(yīng)去偽存真，去粗取精，留下合適的作為后期制作網(wǎng)頁的素材。

1.6.5　設(shè)計(jì)制作網(wǎng)頁

網(wǎng)頁設(shè)計(jì)要考慮頁面構(gòu)圖、色彩搭配、平面布局、版式設(shè)計(jì)、空間表現(xiàn)等方面的內(nèi)容，這些內(nèi)容要符合人們的審美心理，給人以藝術(shù)美感和視覺沖擊，能引起瀏覽者的好奇心。

網(wǎng)頁設(shè)計(jì)人員美化網(wǎng)頁，增加網(wǎng)頁設(shè)計(jì)的藝術(shù)感，是為網(wǎng)頁的內(nèi)容服務(wù)的。一般說來，網(wǎng)頁有幾項(xiàng)基本內(nèi)容：標(biāo)題、網(wǎng)站標(biāo)志、主體內(nèi)容、頁眉頁腳、導(dǎo)航欄、廣告欄等。網(wǎng)頁的內(nèi)容與其性質(zhì)有關(guān)，不同性質(zhì)的網(wǎng)頁設(shè)計(jì)時(shí)采用的策略也不相同。

1.標(biāo)題

設(shè)計(jì)一個(gè)頁面，首先要有明確的標(biāo)題。標(biāo)題能夠體現(xiàn)出網(wǎng)頁設(shè)計(jì)的目的，在很大程度上決定了網(wǎng)頁其他元素的定位。一個(gè)好的網(wǎng)頁要求其標(biāo)題有概括性、簡短、有特色、易記，還要符合網(wǎng)站的總體風(fēng)格，頁面中的內(nèi)容要緊緊圍繞其標(biāo)題來組織，絕對(duì)不要出現(xiàn)名不副實(shí)的現(xiàn)象。

2.背景

背景是指網(wǎng)頁的底部圖案，許多網(wǎng)頁的背景都為純色，實(shí)際上并不一定要這樣，網(wǎng)頁選用的背景應(yīng)該與整套頁面的色彩相協(xié)調(diào)。要使自己的網(wǎng)頁美觀，合理地使用顏色是非常重要的。如果網(wǎng)頁屬于莊重型的，可以使用藍(lán)色作背景，因?yàn)檫@樣看來肅穆一些；如果網(wǎng)頁屬于感情化的，就多使用一些粉紅色、淡紫色等浪漫的顏色。黑色一般不常用，因?yàn)楹谏^深沉，給人以壓抑感。在圖案設(shè)計(jì)中，黑色通常用來勾畫或點(diǎn)綴最深沉的部分。

3.內(nèi)容

當(dāng)標(biāo)題確定后，就要采集內(nèi)容，所采集的內(nèi)容必須與標(biāo)題相符，同時(shí)要保證內(nèi)容的正確。還要注意內(nèi)容的數(shù)量，一般而言，站點(diǎn)的質(zhì)量是與它的內(nèi)容成正比的，只有豐富的內(nèi)容才能滿足更廣泛的瀏覽者需求。但內(nèi)容不要繁雜，同時(shí)應(yīng)保證內(nèi)容的趣味性。在采集內(nèi)容的過程中，一定要注意特色。所謂特色，就是要突出個(gè)性。如果是個(gè)人主頁，就要突出自己的性格、興趣、愛好等；如果是企業(yè)網(wǎng)頁，那就要突出本企業(yè)的特點(diǎn)、企業(yè)文化。放置相關(guān)的內(nèi)容時(shí)，應(yīng)把這些內(nèi)容進(jìn)行分類，設(shè)置欄目，讓人清楚明了。欄目不要設(shè)置太多，要注意分層，較重要的欄目最好能從首頁進(jìn)入，并且保證用各種瀏覽器都能看到頁面的較好效果。

4.多媒體元素

這里所指的多媒體元素包括圖像、聲音、視頻和動(dòng)畫等元素。高可視性的多媒體元素可以讓網(wǎng)頁增色不少，同時(shí)也可以活躍界面，提高訪問者的興趣。但在使用這些多媒體元素時(shí)一定要考慮傳輸時(shí)間問題。根據(jù)經(jīng)驗(yàn)和統(tǒng)計(jì)，如果一個(gè)網(wǎng)站在20秒以內(nèi)還沒有打開，多數(shù)瀏覽者都會(huì)放棄繼續(xù)瀏覽，所以，盡量采用一般瀏覽器都支持的格式和大小適合的元素，保證網(wǎng)頁瀏覽順暢。

5.網(wǎng)站標(biāo)志

網(wǎng)站標(biāo)志一般在網(wǎng)站設(shè)計(jì)時(shí)完成。設(shè)計(jì)頁面時(shí)，要注意頁面風(fēng)格與網(wǎng)站標(biāo)志風(fēng)格統(tǒng)一。

6.頁眉和頁腳

頁眉是指網(wǎng)頁頂端部分，它和整個(gè)頁面的設(shè)計(jì)風(fēng)格相同，設(shè)計(jì)良好的頁眉在頁面中會(huì)起到較好的標(biāo)志作用。頁眉的位置是瀏覽者注意力較集中的地方，大多數(shù)網(wǎng)站設(shè)計(jì)者會(huì)在這里放置廣告條或一些重要鏈接等。

頁腳是指網(wǎng)頁底端部分，一般用來標(biāo)注網(wǎng)站所屬的企事業(yè)單位的名稱、地址，網(wǎng)站的版權(quán)，以及電子信箱等，訪問者可以從這里了解到站點(diǎn)所有者的一些情況。

7.導(dǎo)航欄

成功的網(wǎng)頁是不能缺少導(dǎo)航欄這個(gè)重要部分的。導(dǎo)航欄是網(wǎng)站設(shè)計(jì)中的一個(gè)獨(dú)立部分，它的位置對(duì)網(wǎng)頁的結(jié)構(gòu)和整體布局有很大的影響。導(dǎo)航欄的位置一般有4種——頁面左側(cè)、右側(cè)、頂部和底部。有的網(wǎng)站設(shè)置了多種導(dǎo)航，就是為了增強(qiáng)網(wǎng)頁的可訪問性。

盡管網(wǎng)頁設(shè)計(jì)和網(wǎng)站的開發(fā)有多種多樣的方式和技巧，但要完成一個(gè)美觀的、既讓訪問者喜歡又便于后期維護(hù)的網(wǎng)站，在設(shè)計(jì)時(shí)必須要注意以下網(wǎng)頁設(shè)計(jì)原則。

（1）內(nèi)容第一、形式第二

網(wǎng)站作為一個(gè)媒體，提供給瀏覽者最主要的還是網(wǎng)站的內(nèi)容，瀏覽者訪問網(wǎng)站的最終目的是獲取自己想要的知識(shí)。盡管現(xiàn)在有很多增加網(wǎng)站藝術(shù)效果和表現(xiàn)形式的技巧，但設(shè)計(jì)者時(shí)刻不要忘記這一點(diǎn)：沒有人會(huì)在一個(gè)沒有內(nèi)容的網(wǎng)站上流連忘返。

（2）重點(diǎn)信息要醒目突出

一個(gè)網(wǎng)站很重要的就是標(biāo)題，標(biāo)題就像路牌一樣，引導(dǎo)訪問者在網(wǎng)站上瀏覽。標(biāo)題要意義清晰，描述性強(qiáng)，另外，網(wǎng)頁標(biāo)題對(duì)搜索引擎檢索也有著重要影響。相對(duì)地，促銷性的內(nèi)容要適可而止。

（3）確保鏈接的有效性

這個(gè)問題看似不起眼，其實(shí)卻是最影響訪問者心情的問題，除非訪問者自己的網(wǎng)絡(luò)出現(xiàn)了故障，否則訪問者可能會(huì)心生不滿，并對(duì)繼續(xù)瀏覽這個(gè)網(wǎng)站失去興趣。為了保證網(wǎng)站在更新時(shí)鏈接正確，建議網(wǎng)站中所有路徑都采用相對(duì)路徑。

（4）流暢的訪問速度

除了服務(wù)器的穩(wěn)定快速外，決定訪問速度的主要因素是網(wǎng)頁的大小。瀏覽網(wǎng)頁的過程其實(shí)就是將服務(wù)器端的網(wǎng)頁數(shù)據(jù)向本地計(jì)算機(jī)傳輸?shù)倪^程，當(dāng)傳輸速度一定時(shí)，網(wǎng)頁數(shù)據(jù)量越大，下載和顯示的速度就越慢。所以在制作網(wǎng)頁時(shí)，通常要求頁面代碼和插圖等內(nèi)容必須經(jīng)過優(yōu)化處理。

（5）清晰的導(dǎo)航結(jié)構(gòu)

在網(wǎng)頁中無法找到自己期望的內(nèi)容無疑是一件令人不愉快的事情，這往往不是因?yàn)樵L問者找錯(cuò)了地方，而是因?yàn)殚_發(fā)者沒有合理地提供“路標(biāo)”。所有的超鏈接應(yīng)清晰無誤地向讀者標(biāo)識(shí)出來，所有導(dǎo)航性質(zhì)的設(shè)置，如圖像按鈕等，都要有清晰的標(biāo)志，讓人看得明白。

（6）良好的兼容性

現(xiàn)在普通上網(wǎng)用戶使用的多是IE瀏覽器，但仍然有不少人喜歡Firefox或Opera等瀏覽器。并且，同樣是IE瀏覽器，不同版本對(duì)網(wǎng)頁代碼的支持也是不盡相同的。如果不是客戶群集中的專業(yè)網(wǎng)站，那么一定要考慮代碼的兼容性。多做兼容性測試和改進(jìn)，對(duì)任何網(wǎng)站都是必需的工作。

（7）真實(shí)有效的客服信息

盡管很多時(shí)候不能要求訪問者提供真實(shí)的聯(lián)絡(luò)信息，但不論什么時(shí)候，寫在網(wǎng)頁上的聯(lián)系方式都應(yīng)該是真實(shí)有效的，這直接關(guān)系到網(wǎng)站在產(chǎn)品營銷時(shí)的獲利可能，并且代表著比網(wǎng)絡(luò)更為真實(shí)的、現(xiàn)實(shí)中企業(yè)的信譽(yù)問題。

1.6.6　網(wǎng)站的測試和發(fā)布

網(wǎng)站的測試評(píng)估與發(fā)布是不可分割的兩部分。制作完畢的網(wǎng)頁必須進(jìn)行測試。測試評(píng)估主要包括上傳前的兼容性測試、鏈接測試和上傳后的實(shí)地測試。完成上傳前所需要的測試后，利用FTP工具將網(wǎng)站發(fā)布到所申請(qǐng)的主頁服務(wù)器上。網(wǎng)站上傳后，繼續(xù)通過瀏覽器進(jìn)行實(shí)地測試，發(fā)現(xiàn)問題后及時(shí)修改，然后再上傳、測試。

1.6.7　網(wǎng)站的維護(hù)與推廣

網(wǎng)站必須定期維護(hù)，定期更新，只有不斷地補(bǔ)充新內(nèi)容，才能吸引瀏覽者。同時(shí)，隨著軟硬件的升級(jí)，網(wǎng)頁的設(shè)計(jì)也應(yīng)由文字向多媒體、平面圖像向立體動(dòng)畫或影片、單向傳播向交互式傳播等方向發(fā)展。

上傳網(wǎng)站之后，需要不斷地進(jìn)行宣傳，以便讓更多的人了解它，從而提高網(wǎng)站的訪問率與知名度。網(wǎng)站推廣主要有注冊搜索引擎、友情鏈接、網(wǎng)上廣告、廣告郵件等幾種方式。