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

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

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

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

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

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

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

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

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

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

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

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

12、）請(qǐng)聆聽：此欄目主要是把自己喜歡的：此欄目主要是把自己喜歡的音樂呈現(xiàn)給同好者或?yàn)g覽者，來共同欣賞這美妙音樂呈現(xiàn)給同好者或?yàn)g覽者，來共同欣賞這美妙的樂曲。的樂曲。（4）那笨拙的腳?。┠潜孔镜哪_印：此欄目主要是提供收：此欄目主要是提供收集的網(wǎng)絡(luò)資源，起名集的網(wǎng)絡(luò)資源，起名“那笨拙的腳印那笨拙的腳印”主要是為主要是為了體現(xiàn)設(shè)計(jì)者在網(wǎng)絡(luò)和相關(guān)技術(shù)上的欠缺，同時(shí)了體現(xiàn)設(shè)計(jì)者在網(wǎng)絡(luò)和相關(guān)技術(shù)上的欠缺，同時(shí)也隱含設(shè)計(jì)者此方面雖然也隱含設(shè)計(jì)者此方面雖然“腳印笨拙腳印笨拙”，但仍孜，但仍孜孜不倦的追求的心境，也包含謙遜的成分在內(nèi)。孜不倦的追求的心境，也包含謙遜的成分在內(nèi)。信息處理與控制工程系信息處理與控制工程系

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

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

15、章章 網(wǎng)站設(shè)計(jì)步驟網(wǎng)站設(shè)計(jì)步驟.3. 網(wǎng)站邏輯結(jié)構(gòu)設(shè)計(jì)網(wǎng)站邏輯結(jié)構(gòu)設(shè)計(jì) 由于本網(wǎng)站屬于個(gè)由于本網(wǎng)站屬于個(gè)人網(wǎng)站。一般情況下欄人網(wǎng)站。一般情況下欄目不是太多，結(jié)構(gòu)不是目不是太多，結(jié)構(gòu)不是太復(fù)雜，層次不是太多，太復(fù)雜，層次不是太多，為了能使相關(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è)計(jì)步驟網(wǎng)站設(shè)計(jì)步驟.將網(wǎng)站所有欄目及其子欄目連在一起，本將網(wǎng)站所有欄目及其子欄目連在一起，本網(wǎng)站的邏輯

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

39、設(shè)計(jì)步驟.和插曲，很多歌曲又被編輯成手機(jī)鈴聲和短信，很和插曲，很多歌曲又被編輯成手機(jī)鈴聲和短信，很多電影被制作成游戲，同時(shí)又有很多游戲被拍成多電影被制作成游戲，同時(shí)又有很多游戲被拍成電影，比如古墓麗影，相關(guān)的內(nèi)容將這些不同欄目電影，比如古墓麗影，相關(guān)的內(nèi)容將這些不同欄目串聯(lián)在一起，使用戶的訪問更加方便。所以設(shè)計(jì)欄串聯(lián)在一起，使用戶的訪問更加方便。所以設(shè)計(jì)欄目之間關(guān)系的工作就是找出各個(gè)欄目之間可以共享目之間關(guān)系的工作就是找出各個(gè)欄目之間可以共享和相關(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è)計(jì)步驟網(wǎng)站設(shè)計(jì)步驟.3、邏輯結(jié)構(gòu)設(shè)計(jì)、邏輯結(jié)構(gòu)設(shè)計(jì)不同網(wǎng)頁(yè)之間通常具有一定的邏輯關(guān)系，不同網(wǎng)頁(yè)之間通常具有一定的邏輯關(guān)系，比如先后關(guān)系、包含關(guān)系、并列關(guān)系等，多個(gè)比如先后關(guān)系、包含關(guān)系、并列關(guān)系等，多個(gè)網(wǎng)頁(yè)按照它們之間的邏輯關(guān)系組織在一起就形網(wǎng)頁(yè)按照它們之間的邏輯關(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è)計(jì)步驟網(wǎng)站設(shè)計(jì)步驟.（1）線型結(jié)構(gòu)）線型結(jié)構(gòu)線型結(jié)構(gòu)是最為簡(jiǎn)單的邏輯結(jié)構(gòu)，如圖線型結(jié)構(gòu)是最為簡(jiǎn)單的邏輯結(jié)構(gòu)，如圖2-7所所示，它將多個(gè)網(wǎng)頁(yè)按照一定的先后順序鏈接起來，示，它將多個(gè)網(wǎng)頁(yè)按照一定的先后順序鏈接起來，使得用戶在沒有完成上一個(gè)網(wǎng)頁(yè)的訪問之前就無使得用戶在沒有完成上一個(gè)網(wǎng)頁(yè)的訪問之前就無法進(jìn)入下一個(gè)網(wǎng)頁(yè)。法進(jìn)入下一個(gè)網(wǎng)頁(yè)。圖圖2-7 線性結(jié)構(gòu)線性結(jié)構(gòu)信息處理與控制工程系信息處理與控制工程系第第2 2章章 網(wǎng)站設(shè)計(jì)步驟網(wǎng)站設(shè)計(jì)步驟.線

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

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

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

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

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

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

48、處理與控制工程系第第2 2章章 網(wǎng)站設(shè)計(jì)步驟網(wǎng)站設(shè)計(jì)步驟.如圖如圖2-12所示，網(wǎng)絡(luò)型結(jié)構(gòu)是指多個(gè)網(wǎng)頁(yè)相所示，網(wǎng)絡(luò)型結(jié)構(gòu)是指多個(gè)網(wǎng)頁(yè)相互之間都超鏈接的一種結(jié)構(gòu)，這些網(wǎng)頁(yè)可以是層互之間都超鏈接的一種結(jié)構(gòu)，這些網(wǎng)頁(yè)可以是層次結(jié)構(gòu)上的任意網(wǎng)頁(yè)，但是因?yàn)閷?dǎo)航的需要或者次結(jié)構(gòu)上的任意網(wǎng)頁(yè)，但是因?yàn)閷?dǎo)航的需要或者內(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è)計(jì)步驟網(wǎng)站設(shè)計(jì)步驟.比如我們?cè)诘诒热缥覀冊(cè)诘?章曾訪問過的甘肅省人民政府網(wǎng)站章曾訪問過的甘肅省人民政府網(wǎng)站()，它的導(dǎo)

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

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

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

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

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

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

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

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

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

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

59、動(dòng)態(tài)網(wǎng)頁(yè)文件分別放在兩個(gè)目的靜態(tài)網(wǎng)頁(yè)文件與動(dòng)態(tài)網(wǎng)頁(yè)文件分別放在兩個(gè)目錄下，然后將存放可執(zhí)行網(wǎng)頁(yè)文件的目錄設(shè)為不錄下，然后將存放可執(zhí)行網(wǎng)頁(yè)文件的目錄設(shè)為不可讀和執(zhí)行。這么做的好處就是可以避免動(dòng)態(tài)服可讀和執(zhí)行。這么做的好處就是可以避免動(dòng)態(tài)服務(wù)器網(wǎng)頁(yè)文件被讀取。務(wù)器網(wǎng)頁(yè)文件被讀取。（7）數(shù)據(jù)庫(kù)文件單獨(dú)放置）數(shù)據(jù)庫(kù)文件單獨(dú)放置數(shù)據(jù)庫(kù)文件因?yàn)榘踩枨蠛芨?，所以最好放?shù)據(jù)庫(kù)文件因?yàn)榘踩枨蠛芨撸宰詈梅胖迷谥迷贖TTP所不能訪問到的目錄底下。這樣就可以所不能訪問到的目錄底下。這樣就可以避免惡意的用戶通過避免惡意的用戶通過HTTP方式取到數(shù)據(jù)庫(kù)文件。方式取到數(shù)據(jù)庫(kù)文件。信息處理與控制工程系信息處理與控制工

60、程系第第2 2章章 網(wǎng)站設(shè)計(jì)步驟網(wǎng)站設(shè)計(jì)步驟.實(shí)例實(shí)例22 “淡藍(lán)的天空淡藍(lán)的天空”個(gè)人網(wǎng)站個(gè)人網(wǎng)站的欄目規(guī)劃（二）的欄目規(guī)劃（二）要求與目的要求與目的l掌握網(wǎng)站的色彩搭配掌握網(wǎng)站的色彩搭配l掌握網(wǎng)站的版面布局設(shè)計(jì)掌握網(wǎng)站的版面布局設(shè)計(jì)l掌握網(wǎng)站的導(dǎo)航設(shè)計(jì)掌握網(wǎng)站的導(dǎo)航設(shè)計(jì)信息處理與控制工程系信息處理與控制工程系第第2 2章章 網(wǎng)站設(shè)計(jì)步驟網(wǎng)站設(shè)計(jì)步驟.二、規(guī)劃分析過程二、規(guī)劃分析過程1風(fēng)格設(shè)計(jì)風(fēng)格設(shè)計(jì)風(fēng)格設(shè)計(jì)包含很多內(nèi)容，為了體現(xiàn)個(gè)人風(fēng)格，風(fēng)格設(shè)計(jì)包含很多內(nèi)容，為了體現(xiàn)個(gè)人風(fēng)格，符合網(wǎng)站的名稱和定位。下面我們?cè)谏蚀钆浜头暇W(wǎng)站的名稱和定位。下面我們?cè)谏蚀钆浜桶婷娌季址矫孀鲆恍┮?guī)劃和設(shè)計(jì)。