1.5 制作網站的前期準備

制作網站的前期準備包括網站需求分析、網站風格定位、網頁版式的類型、網頁的字體和網頁設計創意等內容，一個網站的創建成功與否，關鍵在于網站制作的前期準備工作。

1.5.1 需求分析

網站需求分析是進行網站制作的整個流程中的第一步，也是非常重要的一步，只有先明確了網站的需求，才能進行下一步的工作。

網站需求分析主要包括進行市場調查、確定網站規模、確定網站類型和確定網站的目標群體。

1. 進行市場調查

為制作的網站尋找一個好的出發點，首先要進行一項詳細的市場調查，內容包括了解目前Internet的發展狀況和同類型網站的發展、經營狀況。同時還應借鑒同類型網站的優缺點，以此作為參考。

例如，搜狐網站在網站的制作初期就詳細調研了國外同類型網站的發展和經營狀況，以及國內的發展前景。現在搜狐網站已經發展成為一個著名的網站，如圖1.25所示。

2. 確定網站規模

網站的大小是由其自身的實際情況決定的，并不是想做多大就能做多大。確定網站的規模為小型、中型還是大型，或者從小規模開始逐步發展，這關系到網站的后期維護及網站的發展方向。

3. 確定網站類型

下面簡單地介紹一下幾種典型的網站，包括大型的門戶網站、政府部門形象類網站、企業網站和個人網站。

大型門戶網站

大型門戶網站在網站設計時都很注重其信息量，并盡力避免把網站做得太花哨。如果在制作網站時不注重信息量，就會給訪問者留下不好的印象，最終將會影響到網站的訪問量等問題。成功的例子如中國最大的門戶網站之一搜狐網（參見圖1.25）。

政府部門形象類網站

政府部門形象類網站是政府機關對外的窗口，它代表的是政府部門的形象，因此在制作這類網站時應考慮嚴肅性和親和性。如圖1.26所示為海南省人民政府網站。

企業網站

企業網站制作的主要目的是為了更廣泛地宣傳自己的產品，以將公司產品推廣到世界各地。同時，通過網站的宣傳也大大提高了企業在消費者心目中的形象。因此，企業網站與其他類型的網站相比更注重產品的營銷。

企業網站的制作通常是結合自身產品的特點來制作出具有特色的網站。另外應注意的是，在設計制作企業網站時，要使網站的風格與企業的文化背景相一致。如圖1.27所示的是聯想集團的網站。

個人網站

個人網站的制作比較自由，不受什么約束，可以根據個人的特長自由發揮與創作。不過，在制作個人網站時也要先明確自己的定位方向，這樣才能設計出比較適合自己的網站。如圖1.28所示的是一個比較個性的個人網站。

4. 確定網站的目標群體

由于網站的類別不同，其目標群體也不同。如圖1.29所示的中彩網是一個專門針對彩票愛好者的網站。

1.5.2 風格定位

在進行了網站的需求分析之后就要考慮網站的風格定位了。

風格是抽象的，是指網站的整體形象給訪問者的綜合感受。整體形象包括網站的CI （Corporate Identify，企業形象識別）、版面布局、瀏覽方式、交互性、文字、語氣、內容價值、存在意義和網站榮譽等諸多因素。

風格是獨特的，是一個網站不同于其他網站的地方。或者是色彩，或者是技術，或者是交互方式，都能讓訪問者明確分辨出這是你的網站所獨有的。例如，達芙妮網站以Flash動畫為主，如圖1.30所示。

風格是人性的。通過網站的外表、內容和文字等，可以概括出一個網站的個性和情緒，是溫文爾雅，是熱情奔放還是嚴肅深沉。例如，森馬集團的網站是活潑熱情的，國家圖書館的網站是嚴肅的。

因此，在制作網頁的時候要根據網站的定位做出具有獨特風格的頁面。另外，還要注意的是網站頁面的風格要統一，否則會給訪問者留下雜亂無章的感覺。如圖1.31所示的是必勝客網站，網站風格是比較輕松的。

1.5.3 網頁版式的類型

所謂版面設計就是在版面上對各種網頁元素進行規劃和安排。合理的版面設計會表現出各構成元素間和諧的比例關系。網頁版式是一個個性思維的展示，因此沒有固定的網頁版式模式，設計者可以根據自己的喜好隨心所欲地設計網頁版式。

常見的網頁版式類型包括上左右類型、上左中右類型、左中右類型、左右類型、上下類型和單一版式。

1. 上左右類型

該類型版式在網頁上部顯示的是Banner和導航條，網頁左側顯示的是功能類別，比如合作網站和友情鏈接等，右側顯示具體的內容。例如，圖1.32所示的一個公司的首頁就屬于該類型。

2. 上左中右類型

該類型的版式在網頁上部顯示的是導航條，左側、中部、右側均顯示具體的內容。例如，圖1.33所示的網頁就屬于該類。

3. 左中右類型

該類型的版式在網頁左側顯示的是導航條，中部顯示網頁的具體內容，網頁右側顯示的是鏈接等內容。如圖1.34所示的網頁就屬于左中右類型。

4. 左右類型

該類型版式在網頁左側顯示的是導航條，網頁右側顯示的是具體的內容。例如，圖1.35所示網頁就是左右類型的網頁。

5. 上下類型

該類型的版式在網頁上方一般用于放置色彩艷麗或者構思抽象的圖形，網頁下方用于放置導航條及按鈕等。例如，圖1.36所示的網頁就屬于該類型。

6. 單一版式

該版式沒有明顯的界限，頁面為一個整體的圖形，是一種展示個性的好選擇。例如，圖1.37所示的網頁即屬于該類型。