1.2 任務1 網站建設的需求分析

任何一個項目的開發都是一個系統的工程，對于一個Web應用程序的開發來說，不管是做一個只有幾頁的簡單的網站，還是做一個復雜的包含各類新技術的網站，都要在網站建設前做好基本的準備工作。

解決方案

為完成本任務，要完成以下幾個方面的工作：

（1）了解網站的基本結構；

（2）了解網站的組成要素；

（3）了解如何建設一個好的網站。

1.2.1 認識網站

在正式開始網站建設之前，首先要對網站有一個初步的認識。下面通過對幾個網站的訪問來了解網站的基本內容。

一、實戰演練

1．網易網站

通過在瀏覽器中輸入www.163.com，打開網易網站。從如圖1-3所示網易首頁的內容可以看到，網頁上充滿了各類信息及信息的導航，這些信息服務是免費的，但在頁面上充滿了許多廣告是收費的，是這類門戶網站的主要收入之一。這類網站的主要特點是信息量大、廣告多，充分利用頁面的空間，文字小、密度大，而且主頁的長度有多個屏幕。這類網站主要利用信息的快速更新來吸引網民，目前我國像這類較大的信息資源服務網站還有搜狐（www.sohu.com）、新浪（www.sina.com）等，是互聯網用戶生活中不可或缺的部分。

2．政府網站

如圖1-4所示的政府網站的設計采用了傳統的設計方法，在整個網站的布局中嚴謹而莊重，整個頁面的色彩統一、主題突出。在這類網站的設計過程中充分考慮了使用不同顯示器分辨率的用戶，頁面的大小正好充滿一個屏幕，用戶可以一目了然地瀏覽主頁的全部內容。

3．當當網網上購物中心

如圖1-5所示的當當網是一個典型的電子商務網站，該網站以銷售圖書、音像制品為主，兼具發展小家電、玩具、網絡游戲點卡等其他多種商品的銷售。這類網站的設計模式與網易這類信息門戶網站有相似之處，整個網站充滿著產品信息和產品廣告，信息量大。電子商務網站主要提供一些組織商業的運作，電子商務常見的模式有企業對企業（B to B）、企業對客戶（B to C）、客戶對客戶（C to C）。隨著電子商務這類商業運作模式在網民中的認可，這類網站在近幾年得到了快速發展。

二、知識點

1．網站類型

目前Internet上的網站很多，對網站的分類也有很多種，大致可以分為信息提供型、電子商務型和政府企業門戶型。不同網站可能屬于不同的類型，即使相同類型的網站也可能在內容、服務和風格上千變萬化、各不相同，但作為一個完整的功能實體，它們又具有很多相同的特征。

目前在互聯網中常見的網站還有：

1）導航網站

這類網站包括搜索引擎和網站目錄。用戶通過輸入所需查找信息的幾個關鍵字就可以快速查詢到所需的網站或內容，如百度（www.baidu.com）。導航網站的另一種形式是對互聯網上的網站設立分類導航，用戶通過單擊上面的超鏈接就可以轉到瀏覽的目標網站，如網址之家（www.hao123.com）。

2）教育網站

這類網站極大地方便了人們繼續學習和知識的提升。這類網站除了一些專門的遠程教育網站外，還包括一些科普網站、個人學習網站、行業學習網站等。如CSDN社區中心就是計算機技術類大型學習社區，為IT專業技術人員提供了最全面的信息傳播和學習服務的平臺，學習者不僅可以在上面找到自己想要的學習資料，也可以通過這個網站解決自己的技術難題。

3）財經網站

這類網站可提供強大的咨詢、交流平臺，協助客戶迅速建立自己的客戶群體，同時將各種應用系統、數據資源和互聯網資源集成到一個信息管理平臺上，并以統一的用戶界面提供給用戶。

4）娛樂網站

這類網站主要提供各種娛樂方式，如在線游戲、在線影院等都是典型的娛樂網站。

2．網頁基本元素

網頁的基本元素包括標題、網站LOGO、頁眉、頁腳、主體內容、功能區、導航區、廣告欄等。這些元素在網頁的位置安排，就是網頁的整體布局。

1）標題

每個網頁的最頂端都有一條信息，它往往出現在瀏覽器的標題欄，而非網頁中，但是它也是網頁布局中的一部分。這條信息是對這個網頁中主要內容的提示，即標題。

2）網站LOGO

LOGO是網站所有者對外宣傳自身形象的工具。LOGO集中體現了這個網站的文化內涵和內容定位，使人們在看到LOGO標志的同時，自然地產生聯想，從而對所代表事物產生認同。LOGO是網站形象的重要體現。對于精美的網站，LOGO更是它的靈魂所在。LOGO也是與其他網站鏈接及讓其他網站鏈接的標志和門戶。一個好的LOGO應具備以下條件：符合國際標準、精美、獨特，與網站的整體風格相融，能夠體現網站的類型、內容和風格。

3）頁眉

網頁的上端即頁面的頁眉。并不是在所有的網頁中都有頁眉，一些特殊的網頁就沒有明確劃分出頁眉。頁眉往往在一個頁面中相當重要的位置，容易引起瀏覽者的注意，所以很多網站都會在頁眉中設置宣傳本網站的內容，如網站宗旨、網站LOGO等，也有一些網站將這個“黃金地段”作為廣告位出租。

4）頁腳

網頁的最底端部分被稱為頁腳，頁腳部分通常被用來介紹網站所有者的具體信息和聯絡方式，如名稱、地址、聯系方式、版權信息等。其中一些內容被做成標題式的超鏈接，引導瀏覽者進一步了解詳細的內容。

5）功能區

功能區是網站主要功能的集中表現，一般位于網頁的右上方或右側邊欄。功能區包括：電子郵件、信息發布、用戶名注冊、登錄網站等內容。有些網站使用IP定位功能，定位瀏覽者所在地，然后可在功能區顯示當地的天氣、新聞等個性化信息。

6）主體內容

主體內容一般由圖片和文檔構成，現在一些網站的主體內容中還加入了視頻、音頻等多媒體文件。由于人們的閱讀習慣是由上至下、由左至右，所以主體內容的分布也是這個規律，依照重要到不重要的順序安排內容。在主體內容中，左上方的內容是最重要的。

主體內容是網頁中最重要的元素。主體內容并不完整，往往由下一級內容的標題、內容提要、內容摘編的超鏈接構成。主體內容借助超鏈接，可以利用一個頁面高度概括幾個頁面所表達的內容，而首頁的主體內容甚至能在一個頁面中高度概括整個網站的內容。

7）導航區

如果說主體內容重要的話，那么導航區的重要性與其不相上下，甚至導航區的設計可以成為一種獨立的設計，與網頁布局設計分庭抗禮。之所以說導航區重要，是因為其所在位置左右著整個網頁布局的設計。導航區一般分為4種位置，分別是左側、右側、頂部和底部。一般網站使用的導航區都是單一的，但是也有一些網站為了使網頁更便于瀏覽者操作，增加可訪問性，往往采用了多導航技術，如Yahoo!網站采用了左側導航與底部導航相結合的方式。但是無論采用幾個導航區，網站中每個頁面的導航區位置均是固定的。

8）廣告區

廣告區是網站實現盈利或自我展示的區域，一般位于網頁的頁眉、右側和底部。廣告區內容以文字、圖像、Flash動畫為主，通過吸引瀏覽者單擊鏈接的方式達到廣告效果。廣告區設置要明顯、合理、引人注目，這對整個網站的布局很重要。

3．網頁的整體布局結構

網頁的基本元素包括標題在網頁中的位置安排，就是網頁的整體布局。

網頁布局都是有一定規則的，縱觀各類網頁可以歸納為：左右對稱結構布局、“同”字型結構布局、“回”字型結構布局、“匡”字型結構布局、“丁”字型結構布局、自由式結構布局、“另類”結構布局等。

4．網站建設的基本原則

建設網站是一件很容易的事，但建設一個好網站是一件困難的事。網站建設的過程中，對網站規模、業務背景要進行深入分析，對結構規劃、頁面設計及數據庫設計等每一步都要做完整的策劃。事前全面、充分的準備，將有效地提高后續工作的效率和質量，如果網站的設計人員在網站項目開始時沒有做好充分的準備，那么在網站的設計、維護過程中就容易出現各種問題。

1）網站的總體目標

網站建設的第一步就是確定整體目標，很多網站因為缺少清晰的目標而最終失敗。網站項目能否最終獲得成功，取決于能否對各種相關需求進行有效的收集和整理，需求來自于潛在訪問者及網站的所有者。如何更好地了解、分析、明確用戶需求，保證網站項目的成功，是每個網站項目管理者需要面對的問題。在確定目標時一定要考慮的問題是：這個網站能夠做什么？為什么要做這個網站？

在實際工作中，設計人員會發現，不斷有各種需求出現。這些需求來自于設計人員、客戶的建設性意見或者靈感，設計人員應該將其中積極可行的需求轉化為相應的功能。相反，一些不良的需求會影響項目的穩定性，這樣的需求包括客戶不斷否定、修改前期提出的需求，在預算不充分的情況下實現某些高成本的需求等。

實際上，一個網站不可能滿足所有人的需求，所以在確定總體目標時不僅要收集來自各方面信息，包括客戶、網站開發團隊甚至包括瀏覽的用戶群體，更關鍵的是對這些信息進行提煉，確定網站特定的任務和特定的用戶群。

2）網站的用戶群

一個網站成功的關鍵不是有好的域名，也不是做得有多漂亮，而是能夠吸引客戶，因為沒有使用者去光顧，任何自認為再好的網站都是沒有意義的。網站的成功建立在不斷地了解用戶、滿足用戶的過程中，而為了及時了解用戶的需求，就必須擁有與用戶有效溝通的渠道。

3）網站的功能

目前網站的功能有很多，但也不是功能越多網站就越完整。一個網站應該具備哪些功能應該與網站的總體目標一致，如一個電子商務網站，購物車是必備的功能；而一個政府網站，新聞系統卻是不可少的。目前常見的網站功能有：新聞發布系統、留言板、論壇、網站計數器、Web郵件、用戶注冊系統、信息下載、信息搜索、購物車、后臺管理系統等。

隨著Internet技術的發展這些功能不是一成不變的，還會有新的功能出現在網站開發中。

4）網站的響應時間

目前國內的網絡傳輸資源極為有限，因此使用圖形時一定要考慮傳輸時間的問題。根據經驗與統計，使用者可以忍受的最長等待時間大約是90s，如果頁面無法在這段時間內傳輸并顯示完畢，那么使用者就會毫不留情地掉頭離去。因此必須依據HTML文件、圖形文件的大小，考慮傳輸速率、延遲時間、網絡交通狀況，以及服務端與客戶端的軟、硬件條件，估算頁面的傳輸與顯示時間。

5）網站的易訪問性

網站的易訪問性是指網站能夠被其訪問者訪問的難易程度。不同類型的網站根據網站的易訪問性的提高將有效改善搜索引擎對網站的索引，使用戶更容易訪問信息和獲得相關的服務。

6）網站的易維護性

建站容易維護難。對于網站來說，只有不斷地更新內容，才能保證網站的生命力。而許多網站使用單位的維護者不一定具備專業知識，所以網站的易維護性是網站開發人員必須掌握的因素。

三、任務拓展

本節完成一個課內拓展實踐任務。

1.2.2 網站的要素

網站是一個綜合體，一個完整的網站由多方面的元素組成。其中，網址、服務器、瀏覽器、網頁是組成網站的主要元素。

一、實戰演練

（1）打開瀏覽，在瀏覽器的地址欄中輸入網站。

（2）單擊網頁中的鏈接，觀察狀態欄和地址欄的變化。

二、知識點

正如前面所說的，網站開發是一項系統工程，所涉及的內容比較多。一個網站能正常運行應具備以下四個基本要素：

1．網址

用戶在瀏覽器中輸入網址訪問網站，在瀏覽器中看到并通過超鏈接進一步訪問相關網頁。網址是Internet上標示網站的地址。

1）IP地址

IP地址就是給每個連接在Internet上的主機分配的一個32 bit地址，通常由4組數字組成，中間由小圓點分隔，如192.168.40.120。

Internet上的每臺主機都有一個唯一的IP地址。IP協議就是使用這個地址在主機之間傳遞信息的，這是Internet運行的基礎。IP地址分為4段，每段8位，用十進制數字表示，每段數字范圍為0～255。IP地址根據網絡ID的不同分為A、B、C、D、E五種類型，常用的是B和C兩類。不同類的地址有不同的作用。

2）域名地址

由于IP地址是數字型的，比較難理解和記憶，因此通常用另外一種表示方式即域名地址來表示。

域名地址的結構是一個樹形結構，包括計算機名、組織機構名、網絡類型名、最高層域名。因此，域名結構由若干分量組成，各個分量之間用點隔開：….三級域名.二級域名.頂級域名，如acm.zju.edu.cn。各分量代表不同級別的域名，級別最低的域名寫在最左邊，級別最高的頂級域名則寫在最右邊。完整的域名不能夠超過255個字符。一個域名包含的下級域名的數目并沒有明確的規定，各級域名由各自的上一級域名管理機構管理，而最高級的頂級域名則由因特網的有關機構管理。

域名地址要經過注冊才能使用。最為通用的域名.com/.net的管理機構是ICANN，但ICANN并不負責域名注冊，它只是管理其授權的域名注冊商，如萬網、新網等。每一個域名的注冊都是獨一無二、不可重復的。因此，在網絡上，域名是一種相對有限的資源，它的價值將隨著注冊企業的增多而逐步為人們所重視。在網址欄里輸入域名地址，由DNS服務器將域名地址翻譯為該域名所對應的IP地址后，才能正常連接目標服務器。

常見的域名類型如下：

com—Commercial organizations 工、商、金融等企業

edu—Educational institutions 教育機構

gov—Governmental entities 政府部門

mil—Military 軍事機構

net—Network operations and service centers 互聯網絡、接入網絡的信息中心和運行中心

org—Other organizations 各種非盈利性的組織

cn—中國專用的頂級域名

3）URL

URL（Universal Resource Locator，統一資源定位器）用于完整地描述Internet上網頁和其他資源地址的一種標識方法。URL由三部分組成：協議類型、主機名、路徑及文件名。通過URL瀏覽器可以訪問到用戶所要查詢的信息資源，如http://women.sohu.com/20100201/n269918641.shtml，其中http是協議類型，women.sohu.com是主機名，/20100201/ n269918641. shtml則是路徑及文件名。

常見的協議類型如下：

? http：文件在Web服務器上；

? file：用于瀏覽本地文件，如file://E:/ShowA.htm；

? ftp：在FTP服務器上，用于文件的上傳與下載，如ftp://home.163.com；

? mailto：用于發送電子郵件，如mailto:abc@xxx.com；

? news：可以訪問Internet中各種各樣的新聞組，如news:msnews.microsoft.com；

? Telnet：Internet遠程登陸服務的標準協議和主要方式；

URL可以分為絕對地址和相對地址。從協議開始的URL稱為絕對地址，如http://women.sohu.com；從非協議開始的URL地址稱為相對地址，如www.baidu.com。

2．Web服務器

Web服務器是互聯網的節點，存儲、處理網絡上的數據、信息，一個Web服務器包括兩個平臺：硬件和軟件。

硬件平臺通常就是指計算機，根據網站的信息量的大小來選擇計算機類型，對于一些小型的網站，一臺普通的個人電腦也可以作服務器。

軟件平臺包括服務器操作系統和Web服務器。常見服務器操作系統有Windows NT/2000/2003/Server、Unix、Linux；常見的Web服務器有IIS、Apache、Tomcat、NetBox。

一般Windows系列的操作系統選擇IIS作為Web服務器軟件，而Unix和Linux則常選擇Apache或Tomcat。

自建Web網站服務器不僅費用非常高，同時還需要專業的維護人員。有的企業在購買服務器后將其托管于一些網絡服務機構，而對于一些中小型網站來說，采用租用虛擬空間的方式則是比較經濟的選擇。

3．瀏覽器

瀏覽器是指可以顯示網頁服務器或者文件系統的HTML文件內容，并讓用戶與這些文件交互的一種軟件。瀏覽器包括微軟的Internet Explorer、Mozilla的Firefox、Apple的Safari及國內常用的遨游等，瀏覽器是最經常使用的客戶端程序。

4．網頁

網頁是構成網站的基本元素，是能通過瀏覽器解釋后顯示出來的一類文件。網頁可以籠統地分為動態網頁和靜態網頁。靜態網頁文件一般以.htm或.html為后綴，俗稱HTML文件；動態網頁有不同后綴的網頁文件，如.ASP、.ASPX、.PHP、.JSP等。

靜態網頁的內容是相對固定的，如果要修改靜態網頁的內容，必須打開網頁文件進行修改。而動態網頁上的信息則會根據用戶的瀏覽條件自動生成或更新。

靜態網頁直接由瀏覽器解釋并顯示；動態網頁則通過網站服務器運行生成后再傳送給瀏覽器解釋并顯示。如圖1-6所示表示了動態網頁和靜態網頁的生成過程。

靜態網頁的工作過程主要分為三步：

（1）瀏覽器（即客戶端）將用戶提出的訪問請求發給Web服務器；

（2）Web服務器響應請求，并把找到的HTML文件返回給瀏覽器；

（3）瀏覽器顯示請求獲得的頁面。

動態網頁的工作過程則繁雜得多，主要的工作步驟如下：

（1）瀏覽器將用戶提出的訪問請求發給Web服務器；

（2）Web服務器響應請求，并向數據庫發出提取數據命令；

（3）數據庫得到請求后，驗證請求的合法性，對數據進行處理后將處理結果返回給Web服務器；

（4）Web服務器通過編譯把動態頁面編譯成標準的HTML代碼，傳遞給用戶瀏覽器；

（5）瀏覽器顯示請求獲得的頁面。