網(wǎng)站設(shè)計步驟

1、信息處理與控制工程系信息處理與控制工程系第第2 2章章 網(wǎng)站設(shè)計步驟網(wǎng)站設(shè)計步驟.網(wǎng)站的設(shè)計與建設(shè)是需要一系列步驟來完網(wǎng)站的設(shè)計與建設(shè)是需要一系列步驟來完成的，能否遵循網(wǎng)站的設(shè)計步驟直接影響一個成的，能否遵循網(wǎng)站的設(shè)計步驟直接影響一個網(wǎng)站質(zhì)量，也直接影響網(wǎng)站發(fā)布后是否能成功網(wǎng)站質(zhì)量，也直接影響網(wǎng)站發(fā)布后是否能成功運行。運行。信息處理與控制工程系信息處理與控制工程系第第2 2章章 網(wǎng)站設(shè)計步驟網(wǎng)站設(shè)計步驟.l2.1 2.1 總體概述總體概述l2.2 2.2 網(wǎng)站的規(guī)劃與設(shè)計網(wǎng)站的規(guī)劃與設(shè)計l2.3 2.3 站點建設(shè)站點建設(shè)l2.4 2.4 站點發(fā)布和網(wǎng)站的管理與維護站點發(fā)布和網(wǎng)站的管理與維護l習

2、習 題題第二章第二章 網(wǎng)站設(shè)計步驟網(wǎng)站設(shè)計步驟信息處理與控制工程系信息處理與控制工程系第第2 2章章 網(wǎng)站設(shè)計步驟網(wǎng)站設(shè)計步驟.2.1 總體概述總體概述 網(wǎng)站建設(shè)總的網(wǎng)站建設(shè)總的來說需要經(jīng)歷四個來說需要經(jīng)歷四個步驟，分別是網(wǎng)站步驟，分別是網(wǎng)站的規(guī)劃與設(shè)計、站的規(guī)劃與設(shè)計、站點建設(shè)、網(wǎng)站發(fā)布點建設(shè)、網(wǎng)站發(fā)布和網(wǎng)站的管理與維和網(wǎng)站的管理與維護，如圖護，如圖2-1所示。所示。圖圖2-1 網(wǎng)站建設(shè)的步驟網(wǎng)站建設(shè)的步驟信息處理與控制工程系信息處理與控制工程系第第2 2章章 網(wǎng)站設(shè)計步驟網(wǎng)站設(shè)計步驟.網(wǎng)站的規(guī)劃與設(shè)計是網(wǎng)站建設(shè)的第一步。網(wǎng)站的規(guī)劃與設(shè)計是網(wǎng)站建設(shè)的第一步。在這在這步中需要對網(wǎng)站進行整體的分

3、析，明確步中需要對網(wǎng)站進行整體的分析，明確網(wǎng)站的建設(shè)目標，確定網(wǎng)站的訪問對象、網(wǎng)站網(wǎng)站的建設(shè)目標，確定網(wǎng)站的訪問對象、網(wǎng)站應提供的內(nèi)容與服務及網(wǎng)站的域名，設(shè)計網(wǎng)站應提供的內(nèi)容與服務及網(wǎng)站的域名，設(shè)計網(wǎng)站的標志、網(wǎng)站的風格、網(wǎng)站的目錄結(jié)構(gòu)等各方的標志、網(wǎng)站的風格、網(wǎng)站的目錄結(jié)構(gòu)等各方面的內(nèi)容。這一步是網(wǎng)站建設(shè)成功與否的前提，面的內(nèi)容。這一步是網(wǎng)站建設(shè)成功與否的前提，因為所有的后續(xù)步驟都必須按照第一步的規(guī)劃因為所有的后續(xù)步驟都必須按照第一步的規(guī)劃與設(shè)計來進行實施。與設(shè)計來進行實施。信息處理與控制工程系信息處理與控制工程系第第2 2章章 網(wǎng)站設(shè)計步驟網(wǎng)站設(shè)計步驟.網(wǎng)站的規(guī)劃與設(shè)計完成之后，接著進入具

4、體網(wǎng)站的規(guī)劃與設(shè)計完成之后，接著進入具體的站點建設(shè)步驟。這個步驟主要包括域名注冊、的站點建設(shè)步驟。這個步驟主要包括域名注冊、網(wǎng)站配置、網(wǎng)頁制作和網(wǎng)站測試四個部分。除了網(wǎng)站配置、網(wǎng)頁制作和網(wǎng)站測試四個部分。除了網(wǎng)站測試必須要在其他三項內(nèi)容開始之后才能進網(wǎng)站測試必須要在其他三項內(nèi)容開始之后才能進行之外，域名注冊、網(wǎng)站配置和網(wǎng)頁制作相對獨行之外，域名注冊、網(wǎng)站配置和網(wǎng)頁制作相對獨立，可以同時進行。立，可以同時進行。相關(guān)的內(nèi)容都建設(shè)好后，就可以正式地發(fā)布相關(guān)的內(nèi)容都建設(shè)好后，就可以正式地發(fā)布網(wǎng)站，也就是說將網(wǎng)站放到網(wǎng)站，也就是說將網(wǎng)站放到Internet上允許用戶上允許用戶通過網(wǎng)站的域名進行訪問。通過

5、網(wǎng)站的域名進行訪問。信息處理與控制工程系信息處理與控制工程系第第2 2章章 網(wǎng)站設(shè)計步驟網(wǎng)站設(shè)計步驟.網(wǎng)站的管理與維護雖然是最后一個步驟，但實網(wǎng)站的管理與維護雖然是最后一個步驟，但實際上貫穿網(wǎng)站建設(shè)的全過程，只要網(wǎng)站沒有停止運際上貫穿網(wǎng)站建設(shè)的全過程，只要網(wǎng)站沒有停止運行，就需要對其進行管理和維護，所以這一步也是行，就需要對其進行管理和維護，所以這一步也是最為費勁的一步。網(wǎng)站的管理和維護主要包括安全最為費勁的一步。網(wǎng)站的管理和維護主要包括安全管理、性能管理和內(nèi)容管理三個方面。管理、性能管理和內(nèi)容管理三個方面。另外從圖另外從圖2-1也可以看到，網(wǎng)站建設(shè)是一個循環(huán)也可以看到，網(wǎng)站建設(shè)是一個循環(huán)的過

6、程，并不是說一次過后就結(jié)束了。它需要隨著的過程，并不是說一次過后就結(jié)束了。它需要隨著需求的變化不斷地對網(wǎng)站進行再次規(guī)劃與設(shè)計，進需求的變化不斷地對網(wǎng)站進行再次規(guī)劃與設(shè)計，進而不斷地建設(shè)和發(fā)布新的內(nèi)容與服務，不斷地升級而不斷地建設(shè)和發(fā)布新的內(nèi)容與服務，不斷地升級服務器和網(wǎng)絡(luò)環(huán)境以保障網(wǎng)站的運行性能。服務器和網(wǎng)絡(luò)環(huán)境以保障網(wǎng)站的運行性能。信息處理與控制工程系信息處理與控制工程系第第2 2章章 網(wǎng)站設(shè)計步驟網(wǎng)站設(shè)計步驟.2.2 網(wǎng)站的規(guī)劃與設(shè)計網(wǎng)站的規(guī)劃與設(shè)計 在網(wǎng)站建設(shè)之前，需要對網(wǎng)站進行一系列在網(wǎng)站建設(shè)之前，需要對網(wǎng)站進行一系列的分析和估計，然后根據(jù)分析的結(jié)果提出合理的分析和估計，然后根據(jù)分析的

7、結(jié)果提出合理的建設(shè)方案，這就是網(wǎng)站的規(guī)劃與設(shè)計。網(wǎng)站的建設(shè)方案，這就是網(wǎng)站的規(guī)劃與設(shè)計。網(wǎng)站的規(guī)劃與設(shè)計可分為網(wǎng)站定位、內(nèi)容收集、欄的規(guī)劃與設(shè)計可分為網(wǎng)站定位、內(nèi)容收集、欄目規(guī)劃、目錄結(jié)構(gòu)設(shè)計、網(wǎng)站標志設(shè)計、風格目規(guī)劃、目錄結(jié)構(gòu)設(shè)計、網(wǎng)站標志設(shè)計、風格設(shè)計、導航系統(tǒng)設(shè)計七個環(huán)節(jié)。如圖設(shè)計、導航系統(tǒng)設(shè)計七個環(huán)節(jié)。如圖2-1所示。所示。信息處理與控制工程系信息處理與控制工程系第第2 2章章 網(wǎng)站設(shè)計步驟網(wǎng)站設(shè)計步驟.圖圖22 “淡藍的天空淡藍的天空”個人網(wǎng)站個人網(wǎng)站下面我們就以建立一個名為下面我們就以建立一個名為“淡藍的天空淡藍的天空”的的個人網(wǎng)站為例來進行欄目規(guī)劃。如圖個人網(wǎng)站為例來進行欄目規(guī)劃

8、。如圖22所示。所示。信息處理與控制工程系信息處理與控制工程系第第2 2章章 網(wǎng)站設(shè)計步驟網(wǎng)站設(shè)計步驟.案例假設(shè)：如你是一個開朗幽默、喜歡案例假設(shè)：如你是一個開朗幽默、喜歡交友、喜歡音樂、喜歡上網(wǎng)、喜歡讀書的人，交友、喜歡音樂、喜歡上網(wǎng)、喜歡讀書的人，你已經(jīng)收集網(wǎng)上很多好的資源和音樂，同時你已經(jīng)收集網(wǎng)上很多好的資源和音樂，同時在網(wǎng)絡(luò)和書刊中摘錄了許多好的文章，現(xiàn)在在網(wǎng)絡(luò)和書刊中摘錄了許多好的文章，現(xiàn)在你要為自己建立一個網(wǎng)站。目的是介紹自己、你要為自己建立一個網(wǎng)站。目的是介紹自己、張揚自己的個性、與所有愛好者分享你收集張揚自己的個性、與所有愛好者分享你收集的資源，同時給愛好者提供一個交流的平臺。

9、的資源，同時給愛好者提供一個交流的平臺。信息處理與控制工程系信息處理與控制工程系第第2 2章章 網(wǎng)站設(shè)計步驟網(wǎng)站設(shè)計步驟.實例實例21 “淡藍的天空淡藍的天空”個人網(wǎng)站個人網(wǎng)站的欄目規(guī)劃（）的欄目規(guī)劃（）要求與目的要求與目的l掌握網(wǎng)站的定位掌握網(wǎng)站的定位l掌握欄目規(guī)劃掌握欄目規(guī)劃l掌握邏輯結(jié)構(gòu)設(shè)計掌握邏輯結(jié)構(gòu)設(shè)計l掌握目錄結(jié)構(gòu)設(shè)計掌握目錄結(jié)構(gòu)設(shè)計信息處理與控制工程系信息處理與控制工程系第第2 2章章 網(wǎng)站設(shè)計步驟網(wǎng)站設(shè)計步驟.二、規(guī)劃分析過程二、規(guī)劃分析過程 1網(wǎng)站定位網(wǎng)站定位通過上述案例假設(shè)，從中可對網(wǎng)站做出定位：通過上述案例假設(shè)，從中可對網(wǎng)站做出定位：極具個性化的個人網(wǎng)站，根據(jù)個人興趣愛好

10、，分極具個性化的個人網(wǎng)站，根據(jù)個人興趣愛好，分享資源，以期通過網(wǎng)絡(luò)平臺結(jié)識更多的同好者。享資源，以期通過網(wǎng)絡(luò)平臺結(jié)識更多的同好者。網(wǎng)站訪問群體定位：所有志趣相投的朋友，網(wǎng)站訪問群體定位：所有志趣相投的朋友，共同交流和資源共享。共同交流和資源共享。為了表達一種心境，凸現(xiàn)自己的個性，將要為了表達一種心境，凸現(xiàn)自己的個性，將要建立的網(wǎng)站取名為建立的網(wǎng)站取名為“淡藍的天空淡藍的天空”。信息處理與控制工程系信息處理與控制工程系第第2 2章章 網(wǎng)站設(shè)計步驟網(wǎng)站設(shè)計步驟.2網(wǎng)站欄目劃分網(wǎng)站欄目劃分對網(wǎng)站及其訪問群體做了定位后，接著需對網(wǎng)站及其訪問群體做了定位后，接著需要做的是確定網(wǎng)站所必需的欄目，依案例假設(shè)

11、，要做的是確定網(wǎng)站所必需的欄目，依案例假設(shè)，確定欄目及其名稱如下：確定欄目及其名稱如下：（1）平凡的陌生人）平凡的陌生人：此欄目主要是為了在：此欄目主要是為了在網(wǎng)絡(luò)上展現(xiàn)自己，讓別人了解自己。網(wǎng)絡(luò)上展現(xiàn)自己，讓別人了解自己。 （2）感動你的心靈）感動你的心靈：此欄目主要是把自己：此欄目主要是把自己平時收集的文摘、網(wǎng)絡(luò)文學、雜文、幽默等共平時收集的文摘、網(wǎng)絡(luò)文學、雜文、幽默等共享出來，與有共同興趣的朋友一同來欣賞，以享出來，與有共同興趣的朋友一同來欣賞，以期望在心靈深處有所觸動。期望在心靈深處有所觸動。信息處理與控制工程系信息處理與控制工程系第第2 2章章 網(wǎng)站設(shè)計步驟網(wǎng)站設(shè)計步驟.（3）請聆聽

12、）請聆聽：此欄目主要是把自己喜歡的：此欄目主要是把自己喜歡的音樂呈現(xiàn)給同好者或瀏覽者，來共同欣賞這美妙音樂呈現(xiàn)給同好者或瀏覽者，來共同欣賞這美妙的樂曲。的樂曲。（4）那笨拙的腳印）那笨拙的腳?。捍藱谀恐饕翘峁┦眨捍藱谀恐饕翘峁┦占木W(wǎng)絡(luò)資源，起名集的網(wǎng)絡(luò)資源，起名“那笨拙的腳印那笨拙的腳印”主要是為主要是為了體現(xiàn)設(shè)計者在網(wǎng)絡(luò)和相關(guān)技術(shù)上的欠缺，同時了體現(xiàn)設(shè)計者在網(wǎng)絡(luò)和相關(guān)技術(shù)上的欠缺，同時也隱含設(shè)計者此方面雖然也隱含設(shè)計者此方面雖然“腳印笨拙腳印笨拙”，但仍孜，但仍孜孜不倦的追求的心境，也包含謙遜的成分在內(nèi)。孜不倦的追求的心境，也包含謙遜的成分在內(nèi)。信息處理與控制工程系信息處理與控制工程系

13、第第2 2章章 網(wǎng)站設(shè)計步驟網(wǎng)站設(shè)計步驟.（5）同心結(jié)）同心結(jié)：此欄目主要是給有著共同興趣：此欄目主要是給有著共同興趣的朋友提供相互鏈接的平臺，以達到能和同類的的朋友提供相互鏈接的平臺，以達到能和同類的網(wǎng)站進行相互推薦，建立良好的合作關(guān)系的目的。網(wǎng)站進行相互推薦，建立良好的合作關(guān)系的目的。（6）晚安）晚安：此欄目主要是留言本，提供瀏覽：此欄目主要是留言本，提供瀏覽者與瀏覽者、瀏覽者與作者間共同交流的地方，者與瀏覽者、瀏覽者與作者間共同交流的地方，起名起名“晚安晚安”主要是考慮到同好者多位全職，晚主要是考慮到同好者多位全職，晚上上網(wǎng)較多，同時也體現(xiàn)設(shè)計者不拘一格的設(shè)計上上網(wǎng)較多，同時也體現(xiàn)設(shè)計者

14、不拘一格的設(shè)計思想，表達個性，問候朋友。思想，表達個性，問候朋友。信息處理與控制工程系信息處理與控制工程系第第2 2章章 網(wǎng)站設(shè)計步驟網(wǎng)站設(shè)計步驟.在所有欄目中，在所有欄目中，“感動你的心靈感動你的心靈”和和“那那笨拙的腳印笨拙的腳印”是重要的欄目，其中是重要的欄目，其中“感動你的感動你的心靈心靈”需要對它進行更細的劃分，根據(jù)自己興需要對它進行更細的劃分，根據(jù)自己興趣和所收集的相關(guān)文章，本欄目又被劃分為：趣和所收集的相關(guān)文章，本欄目又被劃分為：“文摘文摘”、“網(wǎng)文網(wǎng)文”、“雜文雜文”、“幽默幽默”、“測驗測驗”、“專欄專欄”等子欄目。等子欄目。信息處理與控制工程系信息處理與控制工程系第第2 2

15、章章 網(wǎng)站設(shè)計步驟網(wǎng)站設(shè)計步驟.3. 網(wǎng)站邏輯結(jié)構(gòu)設(shè)計網(wǎng)站邏輯結(jié)構(gòu)設(shè)計 由于本網(wǎng)站屬于個由于本網(wǎng)站屬于個人網(wǎng)站。一般情況下欄人網(wǎng)站。一般情況下欄目不是太多，結(jié)構(gòu)不是目不是太多，結(jié)構(gòu)不是太復雜，層次不是太多，太復雜，層次不是太多，為了能使相關(guān)內(nèi)容劃分為了能使相關(guān)內(nèi)容劃分的很清楚，便于理解和的很清楚，便于理解和瀏覽，本網(wǎng)站采用層次瀏覽，本網(wǎng)站采用層次型邏輯結(jié)構(gòu)。如圖型邏輯結(jié)構(gòu)。如圖23所示。所示。圖圖2-3 層次型邏輯結(jié)構(gòu)層次型邏輯結(jié)構(gòu)信息處理與控制工程系信息處理與控制工程系第第2 2章章 網(wǎng)站設(shè)計步驟網(wǎng)站設(shè)計步驟.將網(wǎng)站所有欄目及其子欄目連在一起，本將網(wǎng)站所有欄目及其子欄目連在一起，本網(wǎng)站的邏輯

16、目錄結(jié)構(gòu)如圖網(wǎng)站的邏輯目錄結(jié)構(gòu)如圖24所示所示圖圖2-4 “淡藍的天空淡藍的天空”網(wǎng)站層次型目錄結(jié)構(gòu)圖網(wǎng)站層次型目錄結(jié)構(gòu)圖信息處理與控制工程系信息處理與控制工程系第第2 2章章 網(wǎng)站設(shè)計步驟網(wǎng)站設(shè)計步驟.4網(wǎng)站目錄結(jié)構(gòu)設(shè)計網(wǎng)站目錄結(jié)構(gòu)設(shè)計為了便于網(wǎng)站管理和維護，網(wǎng)站的目錄結(jié)構(gòu)為了便于網(wǎng)站管理和維護，網(wǎng)站的目錄結(jié)構(gòu)設(shè)計采用規(guī)范設(shè)計，即建立網(wǎng)站根目錄，再在網(wǎng)設(shè)計采用規(guī)范設(shè)計，即建立網(wǎng)站根目錄，再在網(wǎng)站根目錄下建立各級欄目的目錄，目錄名采用拼站根目錄下建立各級欄目的目錄，目錄名采用拼音，音，images目錄有兩級目錄有兩級網(wǎng)站網(wǎng)站images和各欄目和各欄目目錄下獨立的目錄下獨立的images。如圖

17、。如圖25所示。所示。信息處理與控制工程系信息處理與控制工程系第第2 2章章 網(wǎng)站設(shè)計步驟網(wǎng)站設(shè)計步驟.圖圖2-5 “淡藍的天空淡藍的天空”網(wǎng)站目錄網(wǎng)站目錄信息處理與控制工程系信息處理與控制工程系第第2 2章章 網(wǎng)站設(shè)計步驟網(wǎng)站設(shè)計步驟.三、本實例知識點三、本實例知識點1、網(wǎng)站的定位、網(wǎng)站的定位網(wǎng)站的定位就是確定網(wǎng)站的建設(shè)目標，它網(wǎng)站的定位就是確定網(wǎng)站的建設(shè)目標，它通常需要確定三個方面：網(wǎng)站的建設(shè)目的、網(wǎng)通常需要確定三個方面：網(wǎng)站的建設(shè)目的、網(wǎng)站的訪問對象和網(wǎng)站的內(nèi)容與服務。用更通俗站的訪問對象和網(wǎng)站的內(nèi)容與服務。用更通俗的話來說，就是回答的話來說，就是回答“為什么要建立這個網(wǎng)站為什么要建立這

18、個網(wǎng)站?這個網(wǎng)站為誰服務這個網(wǎng)站為誰服務?網(wǎng)站提供哪些方面的內(nèi)容網(wǎng)站提供哪些方面的內(nèi)容和服務和服務?”這三個問題。這三個問題。信息處理與控制工程系信息處理與控制工程系第第2 2章章 網(wǎng)站設(shè)計步驟網(wǎng)站設(shè)計步驟.不同性質(zhì)的站點有不同的建設(shè)目的，比不同性質(zhì)的站點有不同的建設(shè)目的，比如電子商務站點主要是為了在企業(yè)與企業(yè)、如電子商務站點主要是為了在企業(yè)與企業(yè)、企業(yè)名。與個人消費者之間建立更為直接和企業(yè)名。與個人消費者之間建立更為直接和高效的商務通道；電子政務網(wǎng)站代表的是政高效的商務通道；電子政務網(wǎng)站代表的是政府部門，所以主要是通過它來宣傳政府的形府部門，所以主要是通過它來宣傳政府的形象、實現(xiàn)政務公開、向

19、社會提供有價值的公象、實現(xiàn)政務公開、向社會提供有價值的公益和導向信息，以及實現(xiàn)網(wǎng)上政務；而個人益和導向信息，以及實現(xiàn)網(wǎng)上政務；而個人站點則主要是為了介紹個人的興趣愛好，通站點則主要是為了介紹個人的興趣愛好，通過共享信息來結(jié)識更多的朋友。過共享信息來結(jié)識更多的朋友。信息處理與控制工程系信息處理與控制工程系第第2 2章章 網(wǎng)站設(shè)計步驟網(wǎng)站設(shè)計步驟.網(wǎng)站的訪問對象指的是這個網(wǎng)站主要面向網(wǎng)站的訪問對象指的是這個網(wǎng)站主要面向哪些社會群體哪些社會群體?是企業(yè)、消費者、社會大眾、是企業(yè)、消費者、社會大眾、兄弟部門還是所有志趣相投的朋友兄弟部門還是所有志趣相投的朋友?比如你是比如你是一個非常喜歡一個非常喜歡R

20、OLLING STONE 樂隊的人，樂隊的人，那么你可能就非常希望通過你的網(wǎng)站來結(jié)交更那么你可能就非常希望通過你的網(wǎng)站來結(jié)交更多同樣喜歡多同樣喜歡ROLLING STONE 樂隊的朋友。樂隊的朋友。信息處理與控制工程系信息處理與控制工程系第第2 2章章 網(wǎng)站設(shè)計步驟網(wǎng)站設(shè)計步驟.網(wǎng)站的內(nèi)容與服務指的是你計劃在你的網(wǎng)站網(wǎng)站的內(nèi)容與服務指的是你計劃在你的網(wǎng)站上放置哪些內(nèi)容來讓別人訪問。接著上面的例子，上放置哪些內(nèi)容來讓別人訪問。接著上面的例子，你可能就會在你的網(wǎng)站上放置很多有關(guān)你可能就會在你的網(wǎng)站上放置很多有關(guān)ROLLING STONE 樂隊的內(nèi)容，比如樂隊的內(nèi)容，比如ROLLING STONE

21、樂隊的經(jīng)典樂曲、樂隊的經(jīng)典樂曲、ROLLING STONE 樂樂隊的圖片、隊的圖片、ROLLING STONE 樂隊的最新動態(tài)等。樂隊的最新動態(tài)等。網(wǎng)站是提供了一個與外界進行交流的窗口，而真網(wǎng)站是提供了一個與外界進行交流的窗口，而真正賦予網(wǎng)站生命力的是網(wǎng)站的內(nèi)容。具有能吸引正賦予網(wǎng)站生命力的是網(wǎng)站的內(nèi)容。具有能吸引人的內(nèi)容才能留住訪問過的人，才能吸引更多的人的內(nèi)容才能留住訪問過的人，才能吸引更多的人來訪問。人來訪問。信息處理與控制工程系信息處理與控制工程系第第2 2章章 網(wǎng)站設(shè)計步驟網(wǎng)站設(shè)計步驟.對于內(nèi)容收集，在確定好需要在網(wǎng)站上放對于內(nèi)容收集，在確定好需要在網(wǎng)站上放置什么內(nèi)容之后，接著要做的

22、就是大量收集相置什么內(nèi)容之后，接著要做的就是大量收集相關(guān)的內(nèi)容并對其進行整理。內(nèi)容收集的渠道很關(guān)的內(nèi)容并對其進行整理。內(nèi)容收集的渠道很多，一方面你可能已經(jīng)有了一些積累，另一方多，一方面你可能已經(jīng)有了一些積累，另一方面你也可以從朋友、雜志或者因特網(wǎng)上搜索和面你也可以從朋友、雜志或者因特網(wǎng)上搜索和下載，最后你還可以自己創(chuàng)作一些內(nèi)容。下載，最后你還可以自己創(chuàng)作一些內(nèi)容。信息處理與控制工程系信息處理與控制工程系第第2 2章章 網(wǎng)站設(shè)計步驟網(wǎng)站設(shè)計步驟.2、欄目規(guī)劃及其任務、欄目規(guī)劃及其任務欄目規(guī)劃的主要任務是對所收集的大量內(nèi)容欄目規(guī)劃的主要任務是對所收集的大量內(nèi)容進行有效的篩選，并將它們組織成一個合理

23、的便進行有效的篩選，并將它們組織成一個合理的便于理解的邏輯結(jié)構(gòu)，即建立網(wǎng)站的邏輯結(jié)構(gòu)，在于理解的邏輯結(jié)構(gòu)，即建立網(wǎng)站的邏輯結(jié)構(gòu)，在這其中不僅需要為整個網(wǎng)站建立層次型結(jié)構(gòu)，還這其中不僅需要為整個網(wǎng)站建立層次型結(jié)構(gòu)，還需要為每一個欄目或者子欄目設(shè)計合理的邏輯結(jié)需要為每一個欄目或者子欄目設(shè)計合理的邏輯結(jié)構(gòu)。除此之外，欄目規(guī)劃還需要確定哪些是重點構(gòu)。除此之外，欄目規(guī)劃還需要確定哪些是重點欄目、哪些是需要實時更新的欄目、需要提供哪欄目、哪些是需要實時更新的欄目、需要提供哪些功能性欄目等。些功能性欄目等。信息處理與控制工程系信息處理與控制工程系第第2 2章章 網(wǎng)站設(shè)計步驟網(wǎng)站設(shè)計步驟.（1）確定必需的欄目

24、）確定必需的欄目欄目規(guī)劃的第一步就是要確定哪些是必需的欄目規(guī)劃的第一步就是要確定哪些是必需的欄目，這通常取決于網(wǎng)站的性質(zhì)。比如對于一個欄目，這通常取決于網(wǎng)站的性質(zhì)。比如對于一個企業(yè)網(wǎng)站來說，公司簡介、產(chǎn)品介紹、服務內(nèi)容、企業(yè)網(wǎng)站來說，公司簡介、產(chǎn)品介紹、服務內(nèi)容、聯(lián)系方式、技術(shù)支持等欄目是必不可少的，而對聯(lián)系方式、技術(shù)支持等欄目是必不可少的，而對于政府網(wǎng)站來說政務、政策法規(guī)、地方經(jīng)濟、百于政府網(wǎng)站來說政務、政策法規(guī)、地方經(jīng)濟、百姓生活、觀光旅游等欄目都是必需的。個人網(wǎng)站姓生活、觀光旅游等欄目都是必需的。個人網(wǎng)站相對來說比較隨意，往往取決于所收集的內(nèi)容，相對來說比較隨意，往往取決于所收集的內(nèi)容，

25、但個人簡介、個人收藏等欄目通常不能缺少。但個人簡介、個人收藏等欄目通常不能缺少。信息處理與控制工程系信息處理與控制工程系第第2 2章章 網(wǎng)站設(shè)計步驟網(wǎng)站設(shè)計步驟.除了內(nèi)容欄目之外，網(wǎng)站還應該包含另外兩除了內(nèi)容欄目之外，網(wǎng)站還應該包含另外兩類欄目，分別是用戶指南類欄目和交互性欄目。類欄目，分別是用戶指南類欄目和交互性欄目。用戶指南類欄目的目的是為了幫助用戶了解這個用戶指南類欄目的目的是為了幫助用戶了解這個網(wǎng)站的背景、性質(zhì)、目的、功能及發(fā)展歷程，了網(wǎng)站的背景、性質(zhì)、目的、功能及發(fā)展歷程，了解如何更好地對網(wǎng)站進行訪問，了解網(wǎng)站建設(shè)的解如何更好地對網(wǎng)站進行訪問，了解網(wǎng)站建設(shè)的最新動態(tài)。這類欄目通常以最

26、新動態(tài)。這類欄目通常以“幫助幫助”、“關(guān)于網(wǎng)關(guān)于網(wǎng)站站”、“網(wǎng)站地圖網(wǎng)站地圖”、“最新動態(tài)最新動態(tài)”等名稱出現(xiàn)。等名稱出現(xiàn)。信息處理與控制工程系信息處理與控制工程系第第2 2章章 網(wǎng)站設(shè)計步驟網(wǎng)站設(shè)計步驟.交互性欄目是能與用戶進行雙向交流的欄目，交互性欄目是能與用戶進行雙向交流的欄目，通過它不僅可以解答用戶的疑問、了解用戶的需通過它不僅可以解答用戶的疑問、了解用戶的需求，而且還可以獲得用戶對網(wǎng)站的建議和看法，求，而且還可以獲得用戶對網(wǎng)站的建議和看法，讓用戶與網(wǎng)站、用戶與用戶之間建立良好的溝通，讓用戶與網(wǎng)站、用戶與用戶之間建立良好的溝通，以便更好地幫助網(wǎng)站的建設(shè)與發(fā)展。交互性欄目以便更好地幫助網(wǎng)

27、站的建設(shè)與發(fā)展。交互性欄目最常見的方式就是留言板。最常見的方式就是留言板。信息處理與控制工程系信息處理與控制工程系第第2 2章章 網(wǎng)站設(shè)計步驟網(wǎng)站設(shè)計步驟.（2）確定重點欄目）確定重點欄目在確定完需要設(shè)置哪些欄目之后，接著需要在確定完需要設(shè)置哪些欄目之后，接著需要做的是從這些欄目中挑選出最為重要的幾個欄目做的是從這些欄目中挑選出最為重要的幾個欄目然后對它們進行更為詳細的規(guī)劃，這種選擇往往然后對它們進行更為詳細的規(guī)劃，這種選擇往往取決于網(wǎng)站的目的與功能。比如企業(yè)網(wǎng)站，其目取決于網(wǎng)站的目的與功能。比如企業(yè)網(wǎng)站，其目的可能是為了更好地推銷自己的產(chǎn)品，所以產(chǎn)品的可能是為了更好地推銷自己的產(chǎn)品，所以產(chǎn)品

28、介紹便是它的重點欄目。因此為了更好地介紹產(chǎn)介紹便是它的重點欄目。因此為了更好地介紹產(chǎn)品，它除了基本的產(chǎn)品介紹之外，可能還需要設(shè)品，它除了基本的產(chǎn)品介紹之外，可能還需要設(shè)立價格信息、網(wǎng)上定購、產(chǎn)品動態(tài)等相關(guān)欄目。立價格信息、網(wǎng)上定購、產(chǎn)品動態(tài)等相關(guān)欄目。信息處理與控制工程系信息處理與控制工程系第第2 2章章 網(wǎng)站設(shè)計步驟網(wǎng)站設(shè)計步驟.又比如個人網(wǎng)站，它的目的通常是為了讓別又比如個人網(wǎng)站，它的目的通常是為了讓別人分享他收集到的信息，更想向別人介紹他的原人分享他收集到的信息，更想向別人介紹他的原創(chuàng)作品，所以它的重點欄目往往是個人作品和個創(chuàng)作品，所以它的重點欄目往往是個人作品和個人收藏。比如人收藏。比

29、如“淡藍的天空淡藍的天空”，它的重點欄目就，它的重點欄目就包括包括“感動你的心靈感動你的心靈”和和“那笨拙的腳印那笨拙的腳印”。信息處理與控制工程系信息處理與控制工程系第第2 2章章 網(wǎng)站設(shè)計步驟網(wǎng)站設(shè)計步驟.（3）建立層次型結(jié)構(gòu)）建立層次型結(jié)構(gòu)建立層次型結(jié)構(gòu)是一個遞進的過程，即從上建立層次型結(jié)構(gòu)是一個遞進的過程，即從上到下一級一級地確定每一層的欄目。首先是確定到下一級一級地確定每一層的欄目。首先是確定第一層，即網(wǎng)站所必需的欄目，然后對其中的重第一層，即網(wǎng)站所必需的欄目，然后對其中的重點欄目進行進一步的規(guī)劃，確定它們所必需的子點欄目進行進一步的規(guī)劃，確定它們所必需的子欄目，以此類推直至不需要再

30、細分為止。將所有欄目，以此類推直至不需要再細分為止。將所有的欄目及其子欄目連在一起就形成了網(wǎng)站的層次的欄目及其子欄目連在一起就形成了網(wǎng)站的層次型結(jié)構(gòu)。型結(jié)構(gòu)。信息處理與控制工程系信息處理與控制工程系第第2 2章章 網(wǎng)站設(shè)計步驟網(wǎng)站設(shè)計步驟.比如本例的比如本例的“淡藍的天空淡藍的天空”個人網(wǎng)站，它個人網(wǎng)站，它在第一層設(shè)置了在第一層設(shè)置了“那笨拙的腳印那笨拙的腳印”、“感動你感動你的心靈的心靈”二個重點欄目和二個重點欄目和“平凡的陌生人平凡的陌生人”、“請聆聽請聆聽”“”“同心結(jié)同心結(jié)”、“晚安晚安”四個其他欄四個其他欄目，其中目，其中“感動你的心靈感動你的心靈”重點欄目又進行了重點欄目又進行了更

31、細的規(guī)劃更細的規(guī)劃“文摘文摘”、“網(wǎng)文網(wǎng)文”、“雜文雜文”、“幽默幽默”、“測驗測驗”、“專欄專欄”等子欄目。將等子欄目。將這些欄目及其子欄目連在一起，我們可以很清這些欄目及其子欄目連在一起，我們可以很清楚地看到楚地看到“淡藍的天空淡藍的天空”個人網(wǎng)站的層次型結(jié)個人網(wǎng)站的層次型結(jié)構(gòu)，如圖構(gòu)，如圖2-4所示。所示。信息處理與控制工程系信息處理與控制工程系第第2 2章章 網(wǎng)站設(shè)計步驟網(wǎng)站設(shè)計步驟.成功的欄目規(guī)劃不僅能給用戶的訪問成功的欄目規(guī)劃不僅能給用戶的訪問帶來極大的便利，幫助用戶準確地了解網(wǎng)帶來極大的便利，幫助用戶準確地了解網(wǎng)站所提供的內(nèi)容和服務和快速地找到自己站所提供的內(nèi)容和服務和快速地找到

32、自己所感興趣的網(wǎng)頁，而且能幫助網(wǎng)站管理員所感興趣的網(wǎng)頁，而且能幫助網(wǎng)站管理員對網(wǎng)站進行更為高效的管理。對網(wǎng)站進行更為高效的管理。信息處理與控制工程系信息處理與控制工程系第第2 2章章 網(wǎng)站設(shè)計步驟網(wǎng)站設(shè)計步驟.（4）設(shè)計每一個欄目）設(shè)計每一個欄目層次型結(jié)構(gòu)的建立只是對網(wǎng)站的欄目進行層次型結(jié)構(gòu)的建立只是對網(wǎng)站的欄目進行了總體的規(guī)劃，接下來要做的是對每一個欄目了總體的規(guī)劃，接下來要做的是對每一個欄目或者子欄目進行更為細致的設(shè)計。設(shè)計一個欄或者子欄目進行更為細致的設(shè)計。設(shè)計一個欄目通常需要做三件事情，首先是描述這個欄目，目通常需要做三件事情，首先是描述這個欄目，描述這個欄目的目的、服務對象、內(nèi)容、資

33、料描述這個欄目的目的、服務對象、內(nèi)容、資料來源等。描述能讓瀏覽者對這個欄目有整體的來源等。描述能讓瀏覽者對這個欄目有整體的了解和把握，也能讓網(wǎng)站建設(shè)者對這個欄目有了解和把握，也能讓網(wǎng)站建設(shè)者對這個欄目有一個準確、清晰的認識。一個準確、清晰的認識。信息處理與控制工程系信息處理與控制工程系第第2 2章章 網(wǎng)站設(shè)計步驟網(wǎng)站設(shè)計步驟.其次是設(shè)計這個欄目的實現(xiàn)方法，即設(shè)計其次是設(shè)計這個欄目的實現(xiàn)方法，即設(shè)計這個欄目的網(wǎng)頁構(gòu)成、各個網(wǎng)頁之間的邏輯關(guān)這個欄目的網(wǎng)頁構(gòu)成、各個網(wǎng)頁之間的邏輯關(guān)系、各個網(wǎng)頁的內(nèi)容、內(nèi)容的顯示方式、數(shù)據(jù)系、各個網(wǎng)頁的內(nèi)容、內(nèi)容的顯示方式、數(shù)據(jù)庫結(jié)構(gòu)等各個方面的問題。比如很多網(wǎng)站都有

34、庫結(jié)構(gòu)等各個方面的問題。比如很多網(wǎng)站都有的用戶注冊欄目，如圖的用戶注冊欄目，如圖2-6所示，這個欄目通常所示，這個欄目通常需要五個網(wǎng)頁，采用線型結(jié)構(gòu)（參見下個知識需要五個網(wǎng)頁，采用線型結(jié)構(gòu)（參見下個知識點）來進行組織。點）來進行組織。信息處理與控制工程系信息處理與控制工程系第第2 2章章 網(wǎng)站設(shè)計步驟網(wǎng)站設(shè)計步驟.第一個網(wǎng)頁第一個網(wǎng)頁“開始注冊開始注冊”是用戶注冊的入口，是用戶注冊的入口，它的內(nèi)容通常只是一個指向第二個網(wǎng)頁的超鏈接。它的內(nèi)容通常只是一個指向第二個網(wǎng)頁的超鏈接。第二個網(wǎng)頁第二個網(wǎng)頁“接受條款接受條款”上除了列出相應的條款上除了列出相應的條款之外，還需要設(shè)置一個用于選擇是否接受條款

35、的之外，還需要設(shè)置一個用于選擇是否接受條款的表單。第三個網(wǎng)頁表單。第三個網(wǎng)頁“填寫注冊信息填寫注冊信息”采用表單來采用表單來實現(xiàn)，所需注冊的信息根據(jù)網(wǎng)站的需求而定，通實現(xiàn)，所需注冊的信息根據(jù)網(wǎng)站的需求而定，通常包括用戶名、密碼、性別、國籍、省份、常包括用戶名、密碼、性別、國籍、省份、E-mail等內(nèi)容。等內(nèi)容。信息處理與控制工程系信息處理與控制工程系第第2 2章章 網(wǎng)站設(shè)計步驟網(wǎng)站設(shè)計步驟.第四個網(wǎng)頁第四個網(wǎng)頁“信息檢驗信息檢驗”是為了檢驗用戶信是為了檢驗用戶信息的合法性，即檢查所填寫的用戶名是否已經(jīng)存息的合法性，即檢查所填寫的用戶名是否已經(jīng)存在、所填寫的出生年月是否在正常范圍之內(nèi)、所在、所填

36、寫的出生年月是否在正常范圍之內(nèi)、所填寫的內(nèi)容是否包含非法腳本和不文明的詞匯等填寫的內(nèi)容是否包含非法腳本和不文明的詞匯等內(nèi)容。這個網(wǎng)頁可能不會顯示給用戶，只是根據(jù)內(nèi)容。這個網(wǎng)頁可能不會顯示給用戶，只是根據(jù)其檢查的結(jié)果跳轉(zhuǎn)到相應的網(wǎng)頁，比如檢查通過其檢查的結(jié)果跳轉(zhuǎn)到相應的網(wǎng)頁，比如檢查通過就跳轉(zhuǎn)到就跳轉(zhuǎn)到“完成注冊完成注冊”網(wǎng)頁，檢查不通過就跳轉(zhuǎn)網(wǎng)頁，檢查不通過就跳轉(zhuǎn)到到“填寫注冊信息填寫注冊信息”網(wǎng)頁要求重新填寫或者修改網(wǎng)頁要求重新填寫或者修改不合法的部分。最后一個網(wǎng)頁是不合法的部分。最后一個網(wǎng)頁是“完成注冊完成注冊”，它需要將用戶的注冊信息保存到數(shù)據(jù)庫中并將成它需要將用戶的注冊信息保存到數(shù)據(jù)庫

37、中并將成功注冊的信息顯示給用戶。功注冊的信息顯示給用戶。信息處理與控制工程系信息處理與控制工程系第第2 2章章 網(wǎng)站設(shè)計步驟網(wǎng)站設(shè)計步驟.圖圖2-6 用戶注冊欄目用戶注冊欄目信息處理與控制工程系信息處理與控制工程系第第2 2章章 網(wǎng)站設(shè)計步驟網(wǎng)站設(shè)計步驟.最后是設(shè)計這個欄目和其他欄目之間的關(guān)系。最后是設(shè)計這個欄目和其他欄目之間的關(guān)系。雖然分為不同的欄目，但很多情況下，欄目與欄目雖然分為不同的欄目，但很多情況下，欄目與欄目之間存在著從數(shù)據(jù)、內(nèi)容到布局等各個層次上的關(guān)之間存在著從數(shù)據(jù)、內(nèi)容到布局等各個層次上的關(guān)聯(lián)。比如企業(yè)站點的產(chǎn)品介紹、價格信息和在線定聯(lián)。比如企業(yè)站點的產(chǎn)品介紹、價格信息和在線定

38、單等欄目之間通常使用統(tǒng)一的數(shù)據(jù)庫，這樣在任何單等欄目之間通常使用統(tǒng)一的數(shù)據(jù)庫，這樣在任何一個欄目中打開同一個產(chǎn)品時都能看到相同的介紹一個欄目中打開同一個產(chǎn)品時都能看到相同的介紹信息，保證了信息的一致性，而且統(tǒng)一的數(shù)據(jù)庫也信息，保證了信息的一致性，而且統(tǒng)一的數(shù)據(jù)庫也便于管理和維護。又比如門戶網(wǎng)站通常將娛樂資訊便于管理和維護。又比如門戶網(wǎng)站通常將娛樂資訊分為電影、音樂、短信、游戲等多個子欄目，它們分為電影、音樂、短信、游戲等多個子欄目，它們之間有許多關(guān)聯(lián)的內(nèi)容，比如電影都有電影主題曲之間有許多關(guān)聯(lián)的內(nèi)容，比如電影都有電影主題曲信息處理與控制工程系信息處理與控制工程系第第2 2章章 網(wǎng)站設(shè)計步驟網(wǎng)站

39、設(shè)計步驟.和插曲，很多歌曲又被編輯成手機鈴聲和短信，很和插曲，很多歌曲又被編輯成手機鈴聲和短信，很多電影被制作成游戲，同時又有很多游戲被拍成多電影被制作成游戲，同時又有很多游戲被拍成電影，比如古墓麗影，相關(guān)的內(nèi)容將這些不同欄目電影，比如古墓麗影，相關(guān)的內(nèi)容將這些不同欄目串聯(lián)在一起，使用戶的訪問更加方便。所以設(shè)計欄串聯(lián)在一起，使用戶的訪問更加方便。所以設(shè)計欄目之間關(guān)系的工作就是找出各個欄目之間可以共享目之間關(guān)系的工作就是找出各個欄目之間可以共享和相關(guān)的內(nèi)容，并確定采用什么樣的方式將它們串和相關(guān)的內(nèi)容，并確定采用什么樣的方式將它們串聯(lián)起來。聯(lián)起來。 欄目規(guī)劃最便捷的方法就是參考同類網(wǎng)站的欄欄目規(guī)劃

40、最便捷的方法就是參考同類網(wǎng)站的欄目規(guī)劃，吸收共同的欄目，去掉不適合的欄目，然目規(guī)劃，吸收共同的欄目，去掉不適合的欄目，然后添加有自己特色的欄目。后添加有自己特色的欄目。信息處理與控制工程系信息處理與控制工程系第第2 2章章 網(wǎng)站設(shè)計步驟網(wǎng)站設(shè)計步驟.3、邏輯結(jié)構(gòu)設(shè)計、邏輯結(jié)構(gòu)設(shè)計不同網(wǎng)頁之間通常具有一定的邏輯關(guān)系，不同網(wǎng)頁之間通常具有一定的邏輯關(guān)系，比如先后關(guān)系、包含關(guān)系、并列關(guān)系等，多個比如先后關(guān)系、包含關(guān)系、并列關(guān)系等，多個網(wǎng)頁按照它們之間的邏輯關(guān)系組織在一起就形網(wǎng)頁按照它們之間的邏輯關(guān)系組織在一起就形成了各種邏輯結(jié)構(gòu)。在現(xiàn)在的網(wǎng)站中，最常見成了各種邏輯結(jié)構(gòu)。在現(xiàn)在的網(wǎng)站中，最常見的邏輯結(jié)

41、構(gòu)就是層次型結(jié)構(gòu)，其次是線型結(jié)構(gòu)的邏輯結(jié)構(gòu)就是層次型結(jié)構(gòu)，其次是線型結(jié)構(gòu)和網(wǎng)型結(jié)構(gòu)。和網(wǎng)型結(jié)構(gòu)。信息處理與控制工程系信息處理與控制工程系第第2 2章章 網(wǎng)站設(shè)計步驟網(wǎng)站設(shè)計步驟.（1）線型結(jié)構(gòu)）線型結(jié)構(gòu)線型結(jié)構(gòu)是最為簡單的邏輯結(jié)構(gòu)，如圖線型結(jié)構(gòu)是最為簡單的邏輯結(jié)構(gòu)，如圖2-7所所示，它將多個網(wǎng)頁按照一定的先后順序鏈接起來，示，它將多個網(wǎng)頁按照一定的先后順序鏈接起來，使得用戶在沒有完成上一個網(wǎng)頁的訪問之前就無使得用戶在沒有完成上一個網(wǎng)頁的訪問之前就無法進入下一個網(wǎng)頁。法進入下一個網(wǎng)頁。圖圖2-7 線性結(jié)構(gòu)線性結(jié)構(gòu)信息處理與控制工程系信息處理與控制工程系第第2 2章章 網(wǎng)站設(shè)計步驟網(wǎng)站設(shè)計步驟.線

42、型結(jié)構(gòu)最常用于需要按步驟進行的欄目上，線型結(jié)構(gòu)最常用于需要按步驟進行的欄目上，比如用戶注冊、建立定單、教程等。圖比如用戶注冊、建立定單、教程等。圖2-5所示所示的就是一個典型的用戶注冊的例子，從這個圖可的就是一個典型的用戶注冊的例子，從這個圖可以看出。一個新用戶要完成注冊需要經(jīng)歷四個步以看出。一個新用戶要完成注冊需要經(jīng)歷四個步驟，而且必須按順序進行，否則就不能完成注冊。驟，而且必須按順序進行，否則就不能完成注冊。信息處理與控制工程系信息處理與控制工程系第第2 2章章 網(wǎng)站設(shè)計步驟網(wǎng)站設(shè)計步驟. 又比如在當當網(wǎng)購買圖書或者音像制品，又比如在當當網(wǎng)購買圖書或者音像制品，也必須按順序進行選擇商品、確

43、認購物車、填寫也必須按順序進行選擇商品、確認購物車、填寫定單、生成定單四個步驟，如圖定單、生成定單四個步驟，如圖2-8所示。所示。圖圖2-8 當當網(wǎng)購物流程當當網(wǎng)購物流程信息處理與控制工程系信息處理與控制工程系第第2 2章章 網(wǎng)站設(shè)計步驟網(wǎng)站設(shè)計步驟. 圖圖2-7所示的只是最簡單的線型結(jié)構(gòu)，在這所示的只是最簡單的線型結(jié)構(gòu)，在這個基礎(chǔ)上進行擴展可以演變出更具靈活性的線型個基礎(chǔ)上進行擴展可以演變出更具靈活性的線型結(jié)構(gòu)，以滿足各種不同的需求。如圖結(jié)構(gòu)，以滿足各種不同的需求。如圖2-8所示的所示的帶抉擇的線型結(jié)構(gòu)，可以根據(jù)用戶不同的抉擇來帶抉擇的線型結(jié)構(gòu)，可以根據(jù)用戶不同的抉擇來訪問不同的下一個網(wǎng)頁。

44、又比如圖訪問不同的下一個網(wǎng)頁。又比如圖2-9所示的帶所示的帶選項的線型結(jié)構(gòu)，可以讓用戶直接跳轉(zhuǎn)到后面的選項的線型結(jié)構(gòu)，可以讓用戶直接跳轉(zhuǎn)到后面的步驟以加快任務的完成。步驟以加快任務的完成。信息處理與控制工程系信息處理與控制工程系第第2 2章章 網(wǎng)站設(shè)計步驟網(wǎng)站設(shè)計步驟.圖圖2-9 帶抉擇的線型結(jié)構(gòu)帶抉擇的線型結(jié)構(gòu)圖圖2-10 帶選項的線型結(jié)構(gòu)帶選項的線型結(jié)構(gòu)信息處理與控制工程系信息處理與控制工程系第第2 2章章 網(wǎng)站設(shè)計步驟網(wǎng)站設(shè)計步驟.（2）層次型結(jié)構(gòu)）層次型結(jié)構(gòu)相對于按先后順序組織而成的線型結(jié)構(gòu)，層相對于按先后順序組織而成的線型結(jié)構(gòu)，層次型結(jié)構(gòu)是按照網(wǎng)頁之間的包含關(guān)系組織而成。次型結(jié)構(gòu)是按

45、照網(wǎng)頁之間的包含關(guān)系組織而成。圖圖2-2所示的就是一個典型的層次型結(jié)構(gòu)，它很像所示的就是一個典型的層次型結(jié)構(gòu)，它很像一棵倒置的樹。一棵倒置的樹。層次型結(jié)構(gòu)簡單而且直觀，能將所有的內(nèi)容層次型結(jié)構(gòu)簡單而且直觀，能將所有的內(nèi)容劃分得非常清晰且便于理解，所以幾乎所有的網(wǎng)劃分得非常清晰且便于理解，所以幾乎所有的網(wǎng)站都采用這種結(jié)構(gòu)來進行總體的欄目規(guī)劃，即將站都采用這種結(jié)構(gòu)來進行總體的欄目規(guī)劃，即將所有的內(nèi)容先分成若干個大欄目，然后再將每個所有的內(nèi)容先分成若干個大欄目，然后再將每個大欄目細分成若干小欄目，以此類推直到不用再大欄目細分成若干小欄目，以此類推直到不用再細分為止。細分為止。 信息處理與控制工程系信

46、息處理與控制工程系第第2 2章章 網(wǎng)站設(shè)計步驟網(wǎng)站設(shè)計步驟.層次型結(jié)構(gòu)也有不好的地方，就是用戶如層次型結(jié)構(gòu)也有不好的地方，就是用戶如果要訪問最底層的網(wǎng)頁就不得不按照層次從上果要訪問最底層的網(wǎng)頁就不得不按照層次從上到下一級一級地訪問，最終到達想要訪問的網(wǎng)到下一級一級地訪問，最終到達想要訪問的網(wǎng)頁。如果層次型結(jié)構(gòu)的層次很深，比如有五層頁。如果層次型結(jié)構(gòu)的層次很深，比如有五層或者六層，那么所帶來的麻煩就大大降低了層或者六層，那么所帶來的麻煩就大大降低了層次型網(wǎng)絡(luò)所具有的優(yōu)點。又比如圖次型網(wǎng)絡(luò)所具有的優(yōu)點。又比如圖2-11所示的所示的例子，用戶想從網(wǎng)頁例子，用戶想從網(wǎng)頁A轉(zhuǎn)到網(wǎng)頁轉(zhuǎn)到網(wǎng)頁B，很可能不得

47、，很可能不得不先從網(wǎng)頁不先從網(wǎng)頁A一級一級級地返回到網(wǎng)頁級地返回到網(wǎng)頁C，然后再，然后再一級一級地往下走直到網(wǎng)頁一級一級地往下走直到網(wǎng)頁B。信息處理與控制工程系信息處理與控制工程系第第2 2章章 網(wǎng)站設(shè)計步驟網(wǎng)站設(shè)計步驟.圖圖2-11 層次型結(jié)構(gòu)說明圖層次型結(jié)構(gòu)說明圖所以過深過于復雜的層次型結(jié)構(gòu)反而會帶來所以過深過于復雜的層次型結(jié)構(gòu)反而會帶來很多不良的影響，最好的深度就是三層，最多不很多不良的影響，最好的深度就是三層，最多不要超過五層。另外，建立一個良好的導航系統(tǒng)也要超過五層。另外，建立一個良好的導航系統(tǒng)也可以彌補層次型結(jié)構(gòu)這方面的缺點?？梢詮浹a層次型結(jié)構(gòu)這方面的缺點。信息處理與控制工程系信息

48、處理與控制工程系第第2 2章章 網(wǎng)站設(shè)計步驟網(wǎng)站設(shè)計步驟.如圖如圖2-12所示，網(wǎng)絡(luò)型結(jié)構(gòu)是指多個網(wǎng)頁相所示，網(wǎng)絡(luò)型結(jié)構(gòu)是指多個網(wǎng)頁相互之間都超鏈接的一種結(jié)構(gòu)，這些網(wǎng)頁可以是層互之間都超鏈接的一種結(jié)構(gòu)，這些網(wǎng)頁可以是層次結(jié)構(gòu)上的任意網(wǎng)頁，但是因為導航的需要或者次結(jié)構(gòu)上的任意網(wǎng)頁，但是因為導航的需要或者內(nèi)容上的相關(guān)性而鏈接在一起。內(nèi)容上的相關(guān)性而鏈接在一起。（3）網(wǎng)絡(luò)型結(jié)構(gòu)）網(wǎng)絡(luò)型結(jié)構(gòu)圖圖2-12 網(wǎng)絡(luò)型結(jié)構(gòu)網(wǎng)絡(luò)型結(jié)構(gòu)信息處理與控制工程系信息處理與控制工程系第第2 2章章 網(wǎng)站設(shè)計步驟網(wǎng)站設(shè)計步驟.比如我們在第比如我們在第1章曾訪問過的甘肅省人民政府網(wǎng)站章曾訪問過的甘肅省人民政府網(wǎng)站()，它的導

49、航條就出現(xiàn)在主頁和所有欄目的首頁之中，它的導航條就出現(xiàn)在主頁和所有欄目的首頁之中，它們之間就形成了一個網(wǎng)絡(luò)型結(jié)構(gòu)，這樣用戶在任何它們之間就形成了一個網(wǎng)絡(luò)型結(jié)構(gòu)，這樣用戶在任何一個網(wǎng)頁上進行訪問的時候，都可以通過這個結(jié)構(gòu)一一個網(wǎng)頁上進行訪問的時候，都可以通過這個結(jié)構(gòu)一步切換到其他欄目的網(wǎng)頁之上。步切換到其他欄目的網(wǎng)頁之上。又比如圖又比如圖2-13所示的網(wǎng)頁，這個網(wǎng)頁的右邊設(shè)置所示的網(wǎng)頁，這個網(wǎng)頁的右邊設(shè)置了到其他二個具有相關(guān)內(nèi)容網(wǎng)頁的超鏈接，其他二個了到其他二個具有相關(guān)內(nèi)容網(wǎng)頁的超鏈接，其他二個網(wǎng)頁的情況也一樣。所以這三個網(wǎng)頁之間就形成了一網(wǎng)頁的情況也一樣。所以這三個網(wǎng)頁之間就形成了一個簡單的網(wǎng)

50、絡(luò)型結(jié)構(gòu)，使得用戶在瀏覽某個網(wǎng)頁的時個簡單的網(wǎng)絡(luò)型結(jié)構(gòu)，使得用戶在瀏覽某個網(wǎng)頁的時候能非常方便地跳轉(zhuǎn)到相關(guān)的網(wǎng)頁上以便繼續(xù)瀏覽。候能非常方便地跳轉(zhuǎn)到相關(guān)的網(wǎng)頁上以便繼續(xù)瀏覽。信息處理與控制工程系信息處理與控制工程系第第2 2章章 網(wǎng)站設(shè)計步驟網(wǎng)站設(shè)計步驟.圖圖2-13 網(wǎng)絡(luò)型結(jié)構(gòu)實例網(wǎng)絡(luò)型結(jié)構(gòu)實例信息處理與控制工程系信息處理與控制工程系第第2 2章章 網(wǎng)站設(shè)計步驟網(wǎng)站設(shè)計步驟.網(wǎng)絡(luò)型結(jié)構(gòu)的實現(xiàn)就在于在所有相關(guān)的網(wǎng)頁上網(wǎng)絡(luò)型結(jié)構(gòu)的實現(xiàn)就在于在所有相關(guān)的網(wǎng)頁上保留到其他網(wǎng)頁的超鏈接。這種結(jié)構(gòu)使用戶能更方保留到其他網(wǎng)頁的超鏈接。這種結(jié)構(gòu)使用戶能更方便地在網(wǎng)站上游弋，但同時也帶來一個龐大超鏈接便地在網(wǎng)

51、站上游弋，但同時也帶來一個龐大超鏈接數(shù)的問題。我們可以簡單地計算一下，總的超鏈接數(shù)的問題。我們可以簡單地計算一下，總的超鏈接數(shù)應該等于網(wǎng)頁數(shù)乘以網(wǎng)頁數(shù)減一，所以三個網(wǎng)頁數(shù)應該等于網(wǎng)頁數(shù)乘以網(wǎng)頁數(shù)減一，所以三個網(wǎng)頁的網(wǎng)絡(luò)型結(jié)構(gòu)的超鏈接總數(shù)為的網(wǎng)絡(luò)型結(jié)構(gòu)的超鏈接總數(shù)為32=6，10個網(wǎng)頁的個網(wǎng)頁的網(wǎng)絡(luò)型結(jié)構(gòu)的超鏈接總數(shù)就到達網(wǎng)絡(luò)型結(jié)構(gòu)的超鏈接總數(shù)就到達lO9=99。這么龐大的超鏈接數(shù)維護起來相當麻煩，某個這么龐大的超鏈接數(shù)維護起來相當麻煩，某個網(wǎng)頁的改動網(wǎng)頁的改動(如改名、刪除、增加如改名、刪除、增加)就可能同時需要對就可能同時需要對所有的網(wǎng)頁進行相應的修改，這是誰都不愿意做的所有的網(wǎng)頁進行相應的

52、修改，這是誰都不愿意做的事情，所以在網(wǎng)站中需要謹慎使用網(wǎng)絡(luò)型結(jié)構(gòu)。事情，所以在網(wǎng)站中需要謹慎使用網(wǎng)絡(luò)型結(jié)構(gòu)。信息處理與控制工程系信息處理與控制工程系第第2 2章章 網(wǎng)站設(shè)計步驟網(wǎng)站設(shè)計步驟.4、網(wǎng)站目錄結(jié)構(gòu)設(shè)計、網(wǎng)站目錄結(jié)構(gòu)設(shè)計目錄結(jié)構(gòu)又稱為物理結(jié)構(gòu)，它的設(shè)計解決的目錄結(jié)構(gòu)又稱為物理結(jié)構(gòu)，它的設(shè)計解決的是如何在硬盤上更好地存放包括網(wǎng)頁、圖片、是如何在硬盤上更好地存放包括網(wǎng)頁、圖片、Flash動畫、動畫、JavaApplet、數(shù)據(jù)庫等各種資源在內(nèi)、數(shù)據(jù)庫等各種資源在內(nèi)的所有網(wǎng)站資源。的所有網(wǎng)站資源。目錄結(jié)構(gòu)是否合理，對網(wǎng)站的創(chuàng)建效率會產(chǎn)目錄結(jié)構(gòu)是否合理，對網(wǎng)站的創(chuàng)建效率會產(chǎn)生較大的影響，但更主要

53、的，會對未來網(wǎng)站的性生較大的影響，但更主要的，會對未來網(wǎng)站的性能、網(wǎng)站的維護及擴展產(chǎn)生很大的影響。舉一個能、網(wǎng)站的維護及擴展產(chǎn)生很大的影響。舉一個例子來說明，比如極端情況下，例子來說明，比如極端情況下，信息處理與控制工程系信息處理與控制工程系第第2 2章章 網(wǎng)站設(shè)計步驟網(wǎng)站設(shè)計步驟.將所有的網(wǎng)頁文件和資源文件都放在同一個目將所有的網(wǎng)頁文件和資源文件都放在同一個目錄底下。那么當文件一多時，錄底下。那么當文件一多時，www服務器的性能服務器的性能就會急劇下降，因為查找一個網(wǎng)頁文件需要很長的就會急劇下降，因為查找一個網(wǎng)頁文件需要很長的時間，而且網(wǎng)站管理員在區(qū)分不同性質(zhì)的文件和查時間，而且網(wǎng)站管理員在

54、區(qū)分不同性質(zhì)的文件和查找某一個特定的文件時也會變得非常麻煩。找某一個特定的文件時也會變得非常麻煩。目錄結(jié)構(gòu)對用戶來說是不可見的，它只針對網(wǎng)目錄結(jié)構(gòu)對用戶來說是不可見的，它只針對網(wǎng)站管理員，所以它的設(shè)計是為了網(wǎng)站管理員能從文站管理員，所以它的設(shè)計是為了網(wǎng)站管理員能從文件的角度更好地管理網(wǎng)站的所有資源。如圖件的角度更好地管理網(wǎng)站的所有資源。如圖25所所示。示。信息處理與控制工程系信息處理與控制工程系第第2 2章章 網(wǎng)站設(shè)計步驟網(wǎng)站設(shè)計步驟.目錄結(jié)構(gòu)的設(shè)計通常需要遵循以下原則：目錄結(jié)構(gòu)的設(shè)計通常需要遵循以下原則：（1）不要將所有的文件都放在根目錄下）不要將所有的文件都放在根目錄下有的管理員為了圖方便

55、，將所有的文件都放在有的管理員為了圖方便，將所有的文件都放在根目錄下。正像前面剛提到的，這么做很容易造成根目錄下。正像前面剛提到的，這么做很容易造成文件管理混亂。而且當文件很多時，會非常影響文件管理混亂。而且當文件很多時，會非常影響WWW服務器的索引速度。因為服務器通常需要為服務器的索引速度。因為服務器通常需要為根目錄建立一個索引，而且每增加一個新的文件時根目錄建立一個索引，而且每增加一個新的文件時都需要重新建立索引，所以很明顯，文件越多，建都需要重新建立索引，所以很明顯，文件越多，建立索引的時間也就越長。立索引的時間也就越長。信息處理與控制工程系信息處理與控制工程系第第2 2章章 網(wǎng)站設(shè)計步

56、驟網(wǎng)站設(shè)計步驟.（2）根據(jù)欄目規(guī)劃來設(shè)計目錄結(jié)構(gòu)）根據(jù)欄目規(guī)劃來設(shè)計目錄結(jié)構(gòu)一般情況下，可以按照網(wǎng)站的欄目規(guī)劃來設(shè)一般情況下，可以按照網(wǎng)站的欄目規(guī)劃來設(shè)計目錄結(jié)構(gòu)，使兩者有一一對應的關(guān)系。但是這計目錄結(jié)構(gòu)，使兩者有一一對應的關(guān)系。但是這么做，也會導致一個安全問題，就是訪問者很容么做，也會導致一個安全問題，就是訪問者很容易猜測出網(wǎng)站的目錄結(jié)構(gòu)，也就容易對網(wǎng)站實施易猜測出網(wǎng)站的目錄結(jié)構(gòu)，也就容易對網(wǎng)站實施攻擊。所以在設(shè)計目錄結(jié)構(gòu)的時候，盡量避免目攻擊。所以在設(shè)計目錄結(jié)構(gòu)的時候，盡量避免目錄名和欄目名相一致，可以錄名和欄目名相一致，可以a的方式來提高目錄的方式來提高目錄名的猜測難度。名的猜測難度。信

57、息處理與控制工程系信息處理與控制工程系第第2 2章章 網(wǎng)站設(shè)計步驟網(wǎng)站設(shè)計步驟.（3）每個目錄下都建立獨立的）每個目錄下都建立獨立的images子目子目錄錄將圖片及資源文件都放在一個獨立的將圖片及資源文件都放在一個獨立的images目錄下，可以使目錄結(jié)構(gòu)更加清晰。如果很多網(wǎng)目錄下，可以使目錄結(jié)構(gòu)更加清晰。如果很多網(wǎng)頁都需要用到同一個圖片，比如網(wǎng)站標志圖片，頁都需要用到同一個圖片，比如網(wǎng)站標志圖片，那么將這個圖片放到所有這些網(wǎng)頁共有的最高層那么將這個圖片放到所有這些網(wǎng)頁共有的最高層目錄的目錄的images子目錄下。子目錄下。信息處理與控制工程系信息處理與控制工程系第第2 2章章 網(wǎng)站設(shè)計步驟網(wǎng)站

58、設(shè)計步驟.（4）目錄的層次不要太深）目錄的層次不要太深（5） 不要使用中文目錄名不要使用中文目錄名因為你的站點是對因為你的站點是對Internet所有用戶開放所有用戶開放的，所以你得考慮到使用非中文操作系統(tǒng)的客的，所以你得考慮到使用非中文操作系統(tǒng)的客戶也能正常訪問你的站點。對于目錄名，最好戶也能正常訪問你的站點。對于目錄名，最好都使用英文。都使用英文。信息處理與控制工程系信息處理與控制工程系第第2 2章章 網(wǎng)站設(shè)計步驟網(wǎng)站設(shè)計步驟.（6）可執(zhí)行文件和不可執(zhí)行文件分開放置）可執(zhí)行文件和不可執(zhí)行文件分開放置將可執(zhí)行的動態(tài)服務器網(wǎng)頁文件和不可執(zhí)行將可執(zhí)行的動態(tài)服務器網(wǎng)頁文件和不可執(zhí)行的靜態(tài)網(wǎng)頁文件與

59、動態(tài)網(wǎng)頁文件分別放在兩個目的靜態(tài)網(wǎng)頁文件與動態(tài)網(wǎng)頁文件分別放在兩個目錄下，然后將存放可執(zhí)行網(wǎng)頁文件的目錄設(shè)為不錄下，然后將存放可執(zhí)行網(wǎng)頁文件的目錄設(shè)為不可讀和執(zhí)行。這么做的好處就是可以避免動態(tài)服可讀和執(zhí)行。這么做的好處就是可以避免動態(tài)服務器網(wǎng)頁文件被讀取。務器網(wǎng)頁文件被讀取。（7）數(shù)據(jù)庫文件單獨放置）數(shù)據(jù)庫文件單獨放置數(shù)據(jù)庫文件因為安全需求很高，所以最好放數(shù)據(jù)庫文件因為安全需求很高，所以最好放置在置在HTTP所不能訪問到的目錄底下。這樣就可以所不能訪問到的目錄底下。這樣就可以避免惡意的用戶通過避免惡意的用戶通過HTTP方式取到數(shù)據(jù)庫文件。方式取到數(shù)據(jù)庫文件。信息處理與控制工程系信息處理與控制工

60、程系第第2 2章章 網(wǎng)站設(shè)計步驟網(wǎng)站設(shè)計步驟.實例實例22 “淡藍的天空淡藍的天空”個人網(wǎng)站個人網(wǎng)站的欄目規(guī)劃（二）的欄目規(guī)劃（二）要求與目的要求與目的l掌握網(wǎng)站的色彩搭配掌握網(wǎng)站的色彩搭配l掌握網(wǎng)站的版面布局設(shè)計掌握網(wǎng)站的版面布局設(shè)計l掌握網(wǎng)站的導航設(shè)計掌握網(wǎng)站的導航設(shè)計信息處理與控制工程系信息處理與控制工程系第第2 2章章 網(wǎng)站設(shè)計步驟網(wǎng)站設(shè)計步驟.二、規(guī)劃分析過程二、規(guī)劃分析過程1風格設(shè)計風格設(shè)計風格設(shè)計包含很多內(nèi)容，為了體現(xiàn)個人風格，風格設(shè)計包含很多內(nèi)容，為了體現(xiàn)個人風格，符合網(wǎng)站的名稱和定位。下面我們在色彩搭配和符合網(wǎng)站的名稱和定位。下面我們在色彩搭配和版面布局方面做一些規(guī)劃和設(shè)計。