1.6　網站建設的流程

網站構建過程與軟件開發過程類似，為了加快網站建設的速度并減少失誤，應該采用一定的流程來策劃、設計和制作網站。好的制作流程能幫助設計者解決網站策劃的煩瑣問題，減少網站開發項目失敗的風險，同時又能保證網站的科學性和嚴謹性。

雖然任何一個網站的建設都不會有一個固定的模式，但通?？梢苑譃榍捌诓邉?、中期制作和后期維護3個階段。每個階段需要完成的工作如圖1-6所示。

1.6.1　明確網站的定位

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

網站定位從根本上是指在網站為用戶提供有價值的信息、內容，符合用戶體驗標準，這樣網站才能得以長期發展。根據網站建設的不同階段，網站定位可以從以下幾方面考慮。

1.網站行業定位

不管把網站定位成娛樂站、新聞站，還是定位成知識站、小說站、音樂站，都應注意不要把網站內容做得太過寬泛。因為目前網站不計其數，想把網站做得大而廣，不是單純依靠“采集+復制+粘貼”就能完成的，需要考慮是否有足夠的實力與人員。與其如此，倒不如把網站目標用戶精細化，確定主要的服務行業，定位好市場群體，把網站做精做強。

2.網站風格定位

由于網站建立的目的不同，所提供的服務及面向的群體也不相同，所以要根據設計原則和針對的訪問者確定適宜的風格。例如，政府部門網站一般莊重嚴謹；娛樂網站可以活潑生動一些；商務網站可以貼近民俗，使大眾喜聞樂見；文化教育網站則應該高雅大方，格調清新。

3.網站設計定位

網站中的網頁是與用戶接觸溝通的界面，要組織性地對網頁進行架構設計，使其清晰簡潔。合理搭配廣告與內容，樹立網站形象。頁面設計要符合搜索引擎友好性標準。要從顏色到布局再到用戶群體，逐一在網站設計中完善，可以先適當調查網站目標群體對網站的期待與建議。

4.網站推廣定位

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

圖1-7所示為一個示例網站的界面，網站定位在計算機知識的普及，采用表格的頁面設計，清晰簡潔。

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

1.6.2　確定網站的主題

網站的主題與網站的定位息息相關。網站主題就是建立的網站所要包含的主要內容，一個網站必須要有一個明確的主題。明確主題有助于設計者確定網站的結構，收集相關素材。一般來說，確定網站主題應從以下幾個方面入手。

1.理解站點功能

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

2.在理解站點基礎上，形成鮮明的主題

網站的定位要聚焦，內容要精。如果想制作一個包羅萬象的站點，把所有設計者認為精彩的東西都放在上面，往往會事與愿違，這樣的網站給人的感覺是沒有主題和特色，樣樣都有卻都很膚淺，因為設計者不可能有那么多精力去維護它。

3.網站的特色要突出

網站的題材最好是設計者自己擅長或者喜愛的內容，并且應該把自己的興趣、愛好盡情地發揮出來，突出自己的個性，辦出自己的特色。比如擅長編程，就可以建立一個編程愛好者網站；對足球感興趣，可以報道最新的足球戰況、球星動態等。這樣在制作時，才不會覺得力不從心。

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

1.6.3　網站的整體規劃

網站規劃是指在網站建設前對市場進行分析，確定網站的目的和功能，并根據需要對網站建設中的技術、內容、費用、測試、維護等做出規劃。網站規劃對網站建設起到指導作用，對網站的內容和維護起到定位作用。

一個網站設計得成功與否，很大程度上取決于設計者的規劃水平。規劃網站就像做建筑設計圖一樣，圖紙設計好了，才能建成一座漂亮的建筑。規劃網站時，首先應把網站的內容列舉出來，根據內容列出一個結構化的藍圖，根據實際情況設計各個頁面之間的鏈接。規劃網站的內容應包括欄目的設置、目錄結構、網站的風格（即顏色搭配、網站標志、版面布局、圖像的運用）等。只有在制作網頁之前考慮全面，才能在制作時駕輕就熟，胸有成竹。也只有如此，制作出來的網站才能有個性，有特色，有吸引力。

圖1-9所示為一個旅游網站的頁面布局規劃，下面從目錄結構、主題欄、版面布局等方面加以介紹。

1.目錄結構設計

網站目錄建立的好壞對瀏覽者并沒有多大影響，但對網站本身的后期維護意義重大。目錄結構設計一般應注意以下問題。一是要按欄目內容建立子目錄；二是每個目錄下分別為圖像文件創建一個子目錄images（圖像較少時可不創建）；三是目錄的層次不要太深，主要欄目最好能直接從首頁到達；四是盡量使用意義明確的非中文目錄。一個旅游網站的目錄結構如圖1-10所示。

2.主題欄的設置

在設計網站的主題欄時應注意以下問題。一是要突出主題，把主題欄放在最明顯的地方，讓瀏覽者更快、更明確地知道網站所表現的內容；二是要設計一個“最近更新”欄目，讓瀏覽者一目了然地了解更新內容：三是欄目不要設置太多。

3.版面布局

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

4.網站標志

網站標志（Logo）最重要的作用就是表達網站的理念，便于瀏覽者識別，可以廣泛用于站點的鏈接和宣傳。如同商標一樣，Logo是站點特色和內涵的集中體現。如果設計的是企業網站，最好在企業商標的基礎上設計，以保持企業形象的整體統一。設計Logo的原則是以簡潔、符號化的視覺藝術把網站的形象和理念展示出來。

5.顏色和圖像的運用

網頁選用的背景應和頁面的色調相協調，色彩搭配要遵循和諧、均衡、重點突出的原則。

網頁上應適當地添加圖像。使用圖像時一般應注意以下問題。一是圖像是為主頁內容服務的，不能讓圖像喧賓奪主；二是圖像要兼顧大小和美觀，不僅要好看，還應在保證圖片質量的前提下盡量縮小圖片的大?。醋止潝担?，圖像過大將影響網頁的傳輸速度；三是應合理地采用JPEG和GIF圖像格式，顏色較少的（256色以內）圖像可處理為GIF格式，色彩比較豐富的圖像最好處理為JPEG格式。

1.6.4　收集資料與素材

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

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

1.6.5　設計制作網頁

網頁設計要考慮頁面構圖、色彩搭配、平面布局、版式設計、空間表現等方面的內容，這些內容要符合人們的審美心理，給人以藝術美感和視覺沖擊，能引起瀏覽者的好奇心。

網頁設計人員美化網頁，增加網頁設計的藝術感，是為網頁的內容服務的。一般說來，網頁有幾項基本內容：標題、網站標志、主體內容、頁眉頁腳、導航欄、廣告欄等。網頁的內容與其性質有關，不同性質的網頁設計時采用的策略也不相同。

1.標題

設計一個頁面，首先要有明確的標題。標題能夠體現出網頁設計的目的，在很大程度上決定了網頁其他元素的定位。一個好的網頁要求其標題有概括性、簡短、有特色、易記，還要符合網站的總體風格，頁面中的內容要緊緊圍繞其標題來組織，絕對不要出現名不副實的現象。

2.背景

背景是指網頁的底部圖案，許多網頁的背景都為純色，實際上并不一定要這樣，網頁選用的背景應該與整套頁面的色彩相協調。要使自己的網頁美觀，合理地使用顏色是非常重要的。如果網頁屬于莊重型的，可以使用藍色作背景，因為這樣看來肅穆一些；如果網頁屬于感情化的，就多使用一些粉紅色、淡紫色等浪漫的顏色。黑色一般不常用，因為黑色太過深沉，給人以壓抑感。在圖案設計中，黑色通常用來勾畫或點綴最深沉的部分。

3.內容

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

4.多媒體元素

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

5.網站標志

網站標志一般在網站設計時完成。設計頁面時，要注意頁面風格與網站標志風格統一。

6.頁眉和頁腳

頁眉是指網頁頂端部分，它和整個頁面的設計風格相同，設計良好的頁眉在頁面中會起到較好的標志作用。頁眉的位置是瀏覽者注意力較集中的地方，大多數網站設計者會在這里放置廣告條或一些重要鏈接等。

頁腳是指網頁底端部分，一般用來標注網站所屬的企事業單位的名稱、地址，網站的版權，以及電子信箱等，訪問者可以從這里了解到站點所有者的一些情況。

7.導航欄

成功的網頁是不能缺少導航欄這個重要部分的。導航欄是網站設計中的一個獨立部分，它的位置對網頁的結構和整體布局有很大的影響。導航欄的位置一般有4種——頁面左側、右側、頂部和底部。有的網站設置了多種導航，就是為了增強網頁的可訪問性。

盡管網頁設計和網站的開發有多種多樣的方式和技巧，但要完成一個美觀的、既讓訪問者喜歡又便于后期維護的網站，在設計時必須要注意以下網頁設計原則。

（1）內容第一、形式第二

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

（2）重點信息要醒目突出

一個網站很重要的就是標題，標題就像路牌一樣，引導訪問者在網站上瀏覽。標題要意義清晰，描述性強，另外，網頁標題對搜索引擎檢索也有著重要影響。相對地，促銷性的內容要適可而止。

（3）確保鏈接的有效性

這個問題看似不起眼，其實卻是最影響訪問者心情的問題，除非訪問者自己的網絡出現了故障，否則訪問者可能會心生不滿，并對繼續瀏覽這個網站失去興趣。為了保證網站在更新時鏈接正確，建議網站中所有路徑都采用相對路徑。

（4）流暢的訪問速度

除了服務器的穩定快速外，決定訪問速度的主要因素是網頁的大小。瀏覽網頁的過程其實就是將服務器端的網頁數據向本地計算機傳輸的過程，當傳輸速度一定時，網頁數據量越大，下載和顯示的速度就越慢。所以在制作網頁時，通常要求頁面代碼和插圖等內容必須經過優化處理。

（5）清晰的導航結構

在網頁中無法找到自己期望的內容無疑是一件令人不愉快的事情，這往往不是因為訪問者找錯了地方，而是因為開發者沒有合理地提供“路標”。所有的超鏈接應清晰無誤地向讀者標識出來，所有導航性質的設置，如圖像按鈕等，都要有清晰的標志，讓人看得明白。

（6）良好的兼容性

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

（7）真實有效的客服信息

盡管很多時候不能要求訪問者提供真實的聯絡信息，但不論什么時候，寫在網頁上的聯系方式都應該是真實有效的，這直接關系到網站在產品營銷時的獲利可能，并且代表著比網絡更為真實的、現實中企業的信譽問題。

1.6.6　網站的測試和發布

網站的測試評估與發布是不可分割的兩部分。制作完畢的網頁必須進行測試。測試評估主要包括上傳前的兼容性測試、鏈接測試和上傳后的實地測試。完成上傳前所需要的測試后，利用FTP工具將網站發布到所申請的主頁服務器上。網站上傳后，繼續通過瀏覽器進行實地測試，發現問題后及時修改，然后再上傳、測試。

1.6.7　網站的維護與推廣

網站必須定期維護，定期更新，只有不斷地補充新內容，才能吸引瀏覽者。同時，隨著軟硬件的升級，網頁的設計也應由文字向多媒體、平面圖像向立體動畫或影片、單向傳播向交互式傳播等方向發展。

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