網(wǎng)站結(jié)構(gòu)與網(wǎng)站設(shè)計(jì) 4.1 網(wǎng)站結(jié)構(gòu)的設(shè)計(jì)原則 所謂網(wǎng)站，從資源的角度來看，就是指存放在 Internet服務(wù)器 上供瀏覽者瀏覽的所有文檔或文件夾，這些文檔或文件夾是一 些相互鏈接的網(wǎng)頁(yè)以及一些相關(guān)文件。 網(wǎng)站不僅是多個(gè)文字頁(yè)面的集合，其中還包含其他諸如圖片、 聲音、外部程序等相關(guān)聯(lián)的內(nèi)容。因此應(yīng)創(chuàng)建合理的站點(diǎn)結(jié) 構(gòu)，使用合理的組織形式來管理站點(diǎn)中的文檔或文件夾。如果 沒有對(duì)站點(diǎn)的結(jié)構(gòu)進(jìn)行認(rèn)真的設(shè)計(jì)和規(guī)劃，那么日后的維護(hù)工 作量就會(huì)很大。 在設(shè)計(jì)網(wǎng)站的結(jié)構(gòu)時(shí)，一般要 遵循如下的一些基本規(guī)則。 1用文件夾來保存文檔 應(yīng)該用文件夾來合理構(gòu)建站點(diǎn) 的結(jié)構(gòu)。首先為站點(diǎn)創(chuàng)建一個(gè) 根文件夾，然后在其中創(chuàng)建多 個(gè)子文件夾，再將文檔分門別 類地存儲(chǔ)到相應(yīng)的子文件夾 下，必要時(shí)可以創(chuàng)建更多級(jí)子 文件夾。這種樹型的組織類型 能使站點(diǎn)更容易維護(hù)和導(dǎo)航。 4.1 網(wǎng)站結(jié)構(gòu)的設(shè)計(jì)原則 4.1 網(wǎng)站結(jié)構(gòu)的設(shè)計(jì)原則 2使用合理的文件名稱 使用合理的文件名非常重要，在網(wǎng)站的規(guī)模很大時(shí)更是如此。 文件名應(yīng)該容易理解，這樣別人看了就能夠知道網(wǎng)頁(yè)表述的內(nèi) 容。另外，給文件命名時(shí)，應(yīng)避免使用中文文件名，因?yàn)楹芏?Internet服務(wù)器使用的是英文操作系統(tǒng)，不能對(duì)中文文件名提 供很好的支持，而且瀏覽網(wǎng)站的用戶也可能使用英文操作系 統(tǒng)，中文文件名同樣可能導(dǎo)致瀏覽錯(cuò)誤或訪問失敗。如果對(duì)英 文不熟悉，可以使用漢語拼音拼寫文件名。 3 在設(shè)計(jì)網(wǎng)站的邏輯鏈接結(jié)構(gòu)時(shí)，一 要符合瀏覽者的思維習(xí) 慣和瀏覽風(fēng)格 ；二要使網(wǎng)站中 最重要的信息 有最多的機(jī)會(huì)與瀏 覽者見面。 4.2 網(wǎng)站的邏輯鏈接結(jié)構(gòu) 合理的邏輯結(jié)構(gòu)設(shè)計(jì)對(duì)于網(wǎng)站的規(guī)劃是至關(guān)重要的。研究網(wǎng)站 的邏輯鏈接結(jié)構(gòu)的目的地于： 用最少的鏈接，使瀏覽更有效 率 。同時(shí)網(wǎng)站的鏈接結(jié)構(gòu)的好壞，也將直接影響網(wǎng)頁(yè)的瀏覽速 度。 網(wǎng)站的邏輯鏈接結(jié)構(gòu)反應(yīng)了 頁(yè)面之間相互鏈接關(guān)系 ，如果把這 種關(guān)系畫成示意圖表，就好象一個(gè)拓?fù)浣Y(jié)構(gòu)圖。邏輯鏈接的拓 撲結(jié)構(gòu)要能很好地把頁(yè)面之間的有機(jī)聯(lián)系反映出來，要能反映 站點(diǎn)多頁(yè)面之間的程序與內(nèi)容的關(guān)系。形象的說：每個(gè)頁(yè)面都 是一個(gè)固定點(diǎn)，鏈接則是在兩個(gè)固定點(diǎn)之間的連線，一個(gè)點(diǎn)可 以和一個(gè)點(diǎn)連接，也可以和多個(gè)點(diǎn)連接。更重要的是，這些點(diǎn) 并不是分布在一個(gè)平面上，而是存在于一個(gè)立體的空間中。因 此，網(wǎng)站的邏輯鏈接結(jié)構(gòu)是網(wǎng)站在運(yùn)行時(shí)抽象出來的。 4.2 網(wǎng)站的邏輯鏈接結(jié)構(gòu) 1層狀結(jié)構(gòu)（樹狀結(jié)構(gòu)） 層狀結(jié)構(gòu)類似于目錄系統(tǒng)的樹型結(jié)構(gòu)（如 DOS的目錄結(jié)構(gòu)）。 它是按照網(wǎng)頁(yè)之間的包含關(guān)系組織而成，如圖 4-2所示。層次 結(jié)構(gòu)采用一對(duì)一的形式，首頁(yè)鏈接指向一級(jí)頁(yè)面，一級(jí)鏈接指 向二級(jí)等等，其結(jié)構(gòu)看起來就像蒲公英。這樣的鏈接結(jié)構(gòu)瀏覽 時(shí)，一級(jí)級(jí)進(jìn)入，一級(jí)級(jí)退出。 層次型結(jié)構(gòu) 簡(jiǎn)單而且直觀，條理清晰 ，能將所有的內(nèi)容劃分得 非常清晰且便于理解。訪問者明確知道自己在什么位臵，不容 易“迷路”。所以幾乎所有的網(wǎng)站都采用這種結(jié)構(gòu)來進(jìn)行總體的 欄目規(guī)劃，即將所有的內(nèi)容先分成若干個(gè)大欄目，然后再將每 個(gè)大欄目細(xì)分成若干個(gè)小欄目，以此類推直到不用再細(xì)分為 止。 4.2 網(wǎng)站的邏輯鏈接結(jié)構(gòu) 主 頁(yè) 頁(yè)面 1 頁(yè)面 2 頁(yè)面 3 頁(yè)面 4 頁(yè)面 5 頁(yè)面 6 頁(yè)面 7 一級(jí)標(biāo)題 二級(jí)標(biāo)題 4.2 網(wǎng)站的邏輯鏈接結(jié)構(gòu) 層次型結(jié)構(gòu)也有不好的地方，就是效率較低。用戶如果要訪問 最底層的網(wǎng)頁(yè)不得不按照層次從上到下一級(jí)一級(jí)地訪問，必須 繞經(jīng)首頁(yè)，最終到達(dá)想要訪問的網(wǎng)頁(yè)。 主 頁(yè) 頁(yè)面 2 頁(yè)面 4 頁(yè)面 5 頁(yè)面 1 頁(yè)面 6 頁(yè)面 7 頁(yè)面 8 頁(yè)面 10 頁(yè)面 3 頁(yè)面 9 4.2 網(wǎng)站的邏輯鏈接結(jié)構(gòu) 2線性結(jié)構(gòu)（星狀鏈接結(jié)構(gòu)） 線性結(jié)構(gòu)類似于數(shù)據(jù)結(jié)構(gòu)中的線性表，用于組織線性順序形式 存在的信息，可以引導(dǎo)瀏覽者按部就班地瀏覽整個(gè)網(wǎng)站文件。 它類似網(wǎng)絡(luò)服務(wù)器的鏈接，每個(gè)頁(yè)面相互之間都建立有鏈接。 線性結(jié)構(gòu)瀏覽方便高效 ，隨時(shí)可以到達(dá)自己喜歡的頁(yè)面。缺點(diǎn) 是 鏈接太多 ,頁(yè)面之間的層次結(jié)構(gòu)不清晰 ,容易使訪問者“迷路” , 搞不清自己所在的位臵，也不能確定自己已經(jīng)瀏覽過的內(nèi)容。 通常情況下，網(wǎng)站文件的結(jié)構(gòu)是層狀結(jié)構(gòu)和線性結(jié)構(gòu)相結(jié)合 的。最好的辦法是：首頁(yè)和一級(jí)頁(yè)面之間用星狀鏈接結(jié)構(gòu)，一 級(jí)和二級(jí)頁(yè)面之間用樹狀鏈接結(jié)構(gòu)。 4.2 網(wǎng)站的邏輯鏈接結(jié)構(gòu) 線性結(jié)構(gòu)常用于需要按步驟進(jìn)行的欄目上，比如用戶注冊(cè)、建 立定單、教程等。圖 4-5所示的就是一個(gè)典型的用戶注冊(cè)的例 子，從這個(gè)圖可以看出，一個(gè)新用戶要完成注冊(cè)需要經(jīng)歷四個(gè) 步驟，而且必須按順序進(jìn)行，否則就不能完成注冊(cè)。 開始注冊(cè) 接受條款 填寫注冊(cè)信息 完成注冊(cè) 4.2 網(wǎng)站的邏輯鏈接結(jié)構(gòu) 又比如在當(dāng)當(dāng)網(wǎng)購(gòu)買圖書或者音像制品，也必須按順序進(jìn)行選 擇商品、圖 4-6所示的只是最簡(jiǎn)單的線性結(jié)構(gòu)，在這個(gè)基礎(chǔ)上 進(jìn)行擴(kuò)展可以演變出更具靈活性的線性結(jié)構(gòu)，以滿足各種不同 的需求。如圖 4-7所示的帶抉擇的線性結(jié)構(gòu)，可以根據(jù)用戶不 同的抉擇來訪問不同的下一個(gè)網(wǎng)頁(yè)。 選擇商品 確認(rèn)購(gòu)物車 填寫定單 生成定單 首頁(yè)面 一級(jí)子頁(yè)面 二級(jí)子頁(yè)面 三級(jí)子頁(yè)面 四級(jí)子頁(yè)面 一級(jí)子頁(yè)面 4.2 網(wǎng)站的邏輯鏈接結(jié)構(gòu) 又比如圖 4-8所示的帶選項(xiàng)的線性結(jié)構(gòu)，可以讓用戶直接跳轉(zhuǎn) 到后面的步驟以加快任務(wù)的完成。 首頁(yè)面 一級(jí)子頁(yè)面 二級(jí)子頁(yè)面 三級(jí)子頁(yè)面 四級(jí)子頁(yè)面 上述基本結(jié)構(gòu)都只是理想方式， 在實(shí)際的網(wǎng)站設(shè)計(jì)中，總是將 這兩種結(jié)構(gòu)混合起來使用 。我們希望瀏覽者既可以方便快速地 達(dá)到自己需要的頁(yè)面，又可以清晰地知道自己的位臵。所以， 最好的辦法是首頁(yè)和一級(jí)頁(yè)面之間用星狀鏈接結(jié)構(gòu)，一級(jí)和二 級(jí)頁(yè)面之間用樹狀鏈接結(jié)構(gòu)。 4.2 網(wǎng)站的邏輯鏈接結(jié)構(gòu) 3 Web結(jié)構(gòu)（混合鏈接結(jié)構(gòu)） Web結(jié)構(gòu)又稱為網(wǎng)絡(luò)型結(jié)構(gòu)。 Web結(jié)構(gòu)是層狀結(jié)構(gòu)和線性結(jié) 構(gòu)兩種結(jié)構(gòu)方式的混合，它能使訪問者既可快速方便到達(dá)所需 頁(yè)面，又可清楚知道自己的位臵。如圖 4-9所示。 主 頁(yè) 頁(yè)面 1 頁(yè)面 2 頁(yè)面 3 頁(yè)面 4 頁(yè)面 5 頁(yè)面 7 頁(yè)面 8 一級(jí)標(biāo)題 二級(jí)標(biāo)題 頁(yè)面 6 4.2 網(wǎng)站的邏輯鏈接結(jié)構(gòu) Web結(jié)構(gòu)類似于 Internet的組成結(jié)構(gòu)，各網(wǎng)頁(yè)之間形成網(wǎng)狀連接，允許用 戶隨意瀏覽。這些網(wǎng)頁(yè)可以是層次結(jié)構(gòu)上的任意網(wǎng)頁(yè)，但是因?yàn)閷?dǎo)航的需 要或者內(nèi)容上的相關(guān)性而鏈接在一起。 重點(diǎn)欄目導(dǎo)航 首都之窗的網(wǎng)站標(biāo)志 網(wǎng)站即時(shí)新聞 4.2 網(wǎng)站的邏輯鏈接結(jié)構(gòu) 又比如圖 4-11所示的網(wǎng)頁(yè)，這個(gè)網(wǎng)頁(yè)的右邊設(shè)臵了到其他幾個(gè)具有相關(guān)內(nèi) 容網(wǎng)頁(yè)的超鏈接，其他幾個(gè)網(wǎng)頁(yè)的情況也一樣。所以這幾個(gè)網(wǎng)頁(yè)之間就形 成了一個(gè)簡(jiǎn)單的網(wǎng)絡(luò)型結(jié)構(gòu) . 到其他內(nèi)容網(wǎng)頁(yè)的超鏈接 4.2 網(wǎng)站的邏輯鏈接結(jié)構(gòu) 網(wǎng)絡(luò)型結(jié)構(gòu)的實(shí)現(xiàn)就在于在所有相關(guān)的網(wǎng)頁(yè)上保留到其他網(wǎng)頁(yè) 的超鏈接。這種結(jié)構(gòu)使用戶能更方便地在網(wǎng)站上游弋，但同時(shí) 也帶來一個(gè)龐大超鏈接數(shù)的問題。我們可以簡(jiǎn)單地計(jì)算一下， 總的超鏈接數(shù)應(yīng)該等于網(wǎng)頁(yè)數(shù)乘以網(wǎng)頁(yè)數(shù)減一，所以四個(gè)網(wǎng)頁(yè) 的網(wǎng)絡(luò)型結(jié)構(gòu)的超鏈接總數(shù)為 4 3=12， 10個(gè)網(wǎng)頁(yè)的網(wǎng)絡(luò)型 結(jié)構(gòu)的超鏈接總數(shù)就達(dá)到 10 9=90。這么龐大的超鏈接數(shù)維 護(hù)起來相當(dāng)麻煩，某個(gè)網(wǎng)頁(yè)的改動(dòng)就可能同時(shí)需要對(duì)所有的網(wǎng) 頁(yè)進(jìn)行相應(yīng)的的修改，這是誰都不愿意做的。 關(guān)于鏈接結(jié)構(gòu)的設(shè)計(jì)，在實(shí)際的網(wǎng)頁(yè)制作中是非常重要的一、 環(huán)。采用什么樣的鏈接結(jié)構(gòu)直接影響到版面的布局。 4.3 網(wǎng)站的目錄結(jié)構(gòu) 目錄結(jié)構(gòu)又稱為物理結(jié)構(gòu)，是指網(wǎng)站組織和存放站內(nèi)所有文檔 的目錄設(shè)臵情況。它的設(shè)計(jì)解決的是如何在硬盤上更好在存放 包括網(wǎng)頁(yè)、圖片、 Flash動(dòng)畫、 Java Applet、數(shù)據(jù)庫(kù)等各種 資源在內(nèi)的所有網(wǎng)站資源。 任何網(wǎng)站都有一定的目錄結(jié)構(gòu)，大型網(wǎng)站的目錄數(shù)量多，層次 關(guān)系復(fù)雜。網(wǎng)站的目錄結(jié)構(gòu)是一個(gè)容易忽略的問題，不少網(wǎng)站 設(shè)計(jì)者都未經(jīng)周密規(guī)劃，隨意創(chuàng)建子目錄，這對(duì)未來網(wǎng)站的性 能、創(chuàng)建效率、上傳維護(hù)、內(nèi)容的擴(kuò)充和移植等會(huì)帶來諸多的 不便。 目錄結(jié)構(gòu)的好壞，目錄結(jié)構(gòu)是否合理，對(duì)瀏覽者來說并沒有多 少影響，但是對(duì)網(wǎng)站的本身有著重要的影響。所以，在網(wǎng)站設(shè) 計(jì)中需要合理定義目錄結(jié)構(gòu)和組織好所有的文檔。 4.3 網(wǎng)站的目錄結(jié)構(gòu) 4.3.1 目錄結(jié)構(gòu)的設(shè)計(jì) 目錄結(jié)構(gòu)對(duì)用戶來說是不可見的，它只針對(duì)網(wǎng)站管理員，所以 它的設(shè)計(jì)是為了網(wǎng)站管理員能從文件的角度更好地管理網(wǎng)站的 所有資源。目錄結(jié)構(gòu)的設(shè)計(jì)通常需要遵循以下的原則： 1不要將所有文件都存放在根目錄下 （ 1）文件管理混亂。項(xiàng)目開發(fā)到一定時(shí)期后，設(shè)計(jì)者常常搞不清哪些文件需要編輯和更新，哪些無用的文件可以刪除，哪些是相關(guān)聯(lián)的文件，從而影響工作效率。 （ 2）上傳速度慢。當(dāng)文件很多時(shí)，會(huì)非常影響 WWW服務(wù)器的索引速度。所以，盡可能減少根目錄的文件存放數(shù)。也就是說，除非非常有必要，文件才放在根目錄中，否則，放在子目錄中。 4.3 網(wǎng)站的目錄結(jié)構(gòu) 2每個(gè)主欄目目錄下都建立獨(dú)立的 images目錄 將圖片及資源文件都放在一個(gè)獨(dú)立的 images目錄下，可以使 目錄結(jié)構(gòu)更加清晰。如果很多網(wǎng)頁(yè)都需要用到同一個(gè)圖片，比 如網(wǎng)站標(biāo)志圖片，那么將這個(gè)圖片放到所有這些網(wǎng)頁(yè)共有的最 高目錄的 images目錄下。 在默認(rèn)的設(shè)臵中，每個(gè)站點(diǎn)的根目錄下都有一個(gè) images目 錄，可以將所有的圖片都存放在這個(gè)目錄里。但是這樣做也有 不方便的時(shí)候，當(dāng)需要將某個(gè)主欄目打包供用戶下載，或者將 某個(gè)欄目刪除時(shí)，圖片和管理相當(dāng)麻煩。實(shí)踐證明，為每個(gè)主 欄目建立一個(gè)獨(dú)立的 images目錄是最方便管理的，而根目錄 下的 images目錄只是用來放首頁(yè)和一些次要欄目的圖片。 4.3 網(wǎng)站的目錄結(jié)構(gòu) 3按欄目?jī)?nèi)容建立子目錄，并首先按主菜單欄目建立 一般情況下，可以按照網(wǎng)站的欄目?jī)?nèi)容來設(shè)計(jì)目錄結(jié)構(gòu)，使兩者有一一對(duì)應(yīng)的關(guān)系。但是這么做，也會(huì)導(dǎo)致一個(gè)安全問題，就是訪問者很容易猜出網(wǎng)站的目錄結(jié)構(gòu)，也就很容易對(duì)網(wǎng)站實(shí)施攻擊。所以在設(shè)計(jì)目錄結(jié)構(gòu)時(shí)候，盡量避免目錄名和欄目名相一致，可以采用數(shù)字、字母、下劃線等組合的方式來提高目錄名的猜測(cè)難度。 建立子目錄的做法首先是按主菜單的欄目來建立。例如，網(wǎng)上書店的圖書瀏覽欄目，可以根據(jù)不同的分類方法，如按中國(guó)圖書館法分類、按教材分類等，分別建立相應(yīng)的目錄。企業(yè)電子商務(wù)網(wǎng)站可以按公司簡(jiǎn)介、產(chǎn)品介紹、價(jià)格、在線訂單、意見反饋等欄目建立相應(yīng)的目錄。 4.3 網(wǎng)站的目錄結(jié)構(gòu) 其他的次要欄目，如新聞、行業(yè)動(dòng)態(tài)等內(nèi)容較多、需要經(jīng)常更新的內(nèi)容可以建立獨(dú)立的子目錄。而一些相關(guān)性強(qiáng)、不需要經(jīng)常更新的欄目，如關(guān)于本站、關(guān)于站長(zhǎng)等則可以合并放在一個(gè)統(tǒng)一的目錄下。 所有的程序一般都存放在特點(diǎn)目錄下，例如 CGI程序放在 Cgi-bin目錄。主頁(yè) HTML文件一般臵于 Web服務(wù)器的虛擬路徑的根目錄下，與之相關(guān)聯(lián)的資源 (如圖片，聲音等 )作為一個(gè)一級(jí)目錄，其他的一級(jí)頁(yè)面構(gòu)成各個(gè)一級(jí)目錄，而在一級(jí)頁(yè)面的目錄里又有與之相關(guān)的資源和上級(jí)頁(yè)面構(gòu)成二級(jí)目錄，類似地再往下分為三級(jí)目錄等。全局資源文件應(yīng)放在根目錄下的 Global目錄中。供客戶下載的內(nèi)容應(yīng)該放在一個(gè)目錄下，以方便系統(tǒng)設(shè)臵文件目錄的訪問權(quán)限。其他程序一般都存放在特定的目錄。 4.3 網(wǎng)站的目錄結(jié)構(gòu) 一般根目錄下可建立以下目錄：網(wǎng)頁(yè)中所需要圖像目錄、文本目錄、程序?qū)Ｓ媚夸浺约皵?shù)據(jù)庫(kù)目錄、各欄目目錄、臨時(shí)目錄等。建議在網(wǎng)站根目錄中開設(shè) images、 common、 temp等子目錄，根據(jù)需要再開設(shè) media子目錄， images目錄中放不同欄目的頁(yè)面都要用到的公共圖片，例如公司的標(biāo)志、banner條、菜單、按鈕等等； common子目錄中放 css、 js，php、 include等公共文件； temp子目錄放客戶提供的各種文字圖片等等原始資料， temp目錄中的文件往往會(huì)比較多，建議以時(shí)間為名稱開設(shè)目錄，將客戶陸續(xù)提供的資料歸類整理；media子目錄中放 flash、 avi、 quick time等多媒體文件。 4.3 網(wǎng)站的目錄結(jié)構(gòu) 4目錄的層次不要太深 為便于維護(hù)和管理，建議目錄結(jié)構(gòu)不應(yīng)十分復(fù)雜，網(wǎng)站的層次 不要超過 3層。應(yīng)該根據(jù)網(wǎng)站文件的功能，地位和大致的邏輯 結(jié)構(gòu)來建立樹狀的目錄結(jié)構(gòu)。 5不要使用過長(zhǎng)的目錄名 目錄的命名方法： （ 1）目錄命名不要使用中文目錄和中文文件名。使用中文目錄可能對(duì)網(wǎng)址的正確顯示造成困難，某些 Web服務(wù)器不支持對(duì)中文名稱的目錄和文件的訪問。 （ 2）不要使用過長(zhǎng)的目錄名，盡管服務(wù)器支持長(zhǎng)文件名，但是太長(zhǎng)的目錄名不便于記憶，也不便于管理。 （ 3）盡量使用意義明確的目錄，便于記憶和管理。 4.3 網(wǎng)站的目錄結(jié)構(gòu) 6不要使用中文目錄 因?yàn)槟愕恼军c(diǎn)是對(duì) Internet所有用戶開放的，所以你得考慮到使用非中文操作系統(tǒng)的客戶也能正常訪問你的站點(diǎn)，因?yàn)榫幋a的差異以及異地服務(wù)器解釋程序的差異可能使中文目錄網(wǎng)址的正確顯示造成困難。對(duì)于目錄名，最好都使用英文。 7可執(zhí)行文件和不可執(zhí)行文件分開放臵 將可執(zhí)行的動(dòng)態(tài)服務(wù)器網(wǎng)頁(yè)文件和不可執(zhí)行的的靜態(tài)網(wǎng)頁(yè)文件分別放在兩個(gè)目錄下，然后將存放可執(zhí)行網(wǎng)頁(yè)文件的目錄設(shè)為不可讀和執(zhí)行。這樣做的好處就是可以避免動(dòng)態(tài)服務(wù)器網(wǎng)頁(yè)文件被讀起。 4.3 網(wǎng)站的目錄結(jié)構(gòu) 8數(shù)據(jù)庫(kù)文件單獨(dú)放臵 數(shù)據(jù)庫(kù)文件因?yàn)榘踩枨蠛芨?，所以最好放臵在 HTTP所不能 訪問到的目錄底下。這樣就可以避免惡意的用戶通過 HTTP方 式取到數(shù)據(jù)庫(kù)文件。 隨著網(wǎng)頁(yè)技術(shù)的不斷發(fā)展，利用數(shù)據(jù)庫(kù)或者其他后臺(tái)程序自動(dòng) 生成網(wǎng)頁(yè)越來越普遍，網(wǎng)站的目錄結(jié)構(gòu)設(shè)計(jì)也必將上升到一個(gè) 新的層次。 Images Images WoDeTuPian JingYanZhiTan Images Web WoDeJianJie Images Images Images WoDeZuoPin TuPianXinShang LiuYanBan Images GuangGao DongWu KaTong QuWei Images Images Images ZuiXinDongTai GuanYuWangZhan WangZhanLianJie 4.3 網(wǎng)站的目錄結(jié)構(gòu) 從這個(gè)圖可以看到： 1網(wǎng)站的目錄結(jié)構(gòu)也應(yīng)用了網(wǎng)站的層次型結(jié)構(gòu)，即網(wǎng)站的目錄結(jié)構(gòu)和網(wǎng)站的層次型結(jié)構(gòu)是可對(duì)應(yīng)的。 2并不是將所有文件都存放在根目錄下，采用了分層結(jié)構(gòu)，網(wǎng)站的層次沒有超過 3層。 3每個(gè)主欄目目錄下都建立了獨(dú)立的 images目錄。 4沒有使用過長(zhǎng)的目錄名，沒有使用中文目錄。 4.3 網(wǎng)站的目錄結(jié)構(gòu) 4.3.2 網(wǎng)站結(jié)構(gòu)設(shè)計(jì)舉例 假設(shè)根據(jù)網(wǎng)站策劃階段 網(wǎng)站規(guī)劃方案 文檔，得到這個(gè)商業(yè) 網(wǎng)站系統(tǒng)的目標(biāo)定位為：主要為網(wǎng)民提供快速、大量、有價(jià)值 的 IT營(yíng)銷信息，注冊(cè)用戶還可以使用網(wǎng)站提供的論壇功能。 根據(jù)這個(gè)目標(biāo)，知道系統(tǒng)需要實(shí)現(xiàn)的核心功能如下： 新聞瀏覽 用戶注冊(cè) 發(fā)表評(píng)論 社區(qū)討論 廣告記費(fèi) 后臺(tái)管理。包括數(shù)據(jù)的維護(hù)、新聞更新、評(píng)論的管理、討論社區(qū)、用戶的管理等。 4.3 網(wǎng)站的目錄結(jié)構(gòu) 上面是已經(jīng)分了組的功能列表單，每一項(xiàng)是一個(gè)功能組。每個(gè) 功能組內(nèi)包含了一系列相互聯(lián)系的功能項(xiàng)。例如，新聞瀏覽中 包括新聞標(biāo)題、專題和欄目的列表功能，新聞查詢功能，新聞 內(nèi)容的展示功能，新聞評(píng)論列表功能，瀏覽新聞評(píng)論功能等 等。 在劃分了功能組后，就可以進(jìn)行頁(yè)面的初步劃分。頁(yè)面初步劃 分是基于功能組劃分的，通常一個(gè)功能組的組項(xiàng)就放在一個(gè)總 頁(yè)面之中，該頁(yè)面由派生出各個(gè)功能項(xiàng)的頁(yè)面。如果功能實(shí)現(xiàn) 要多個(gè)步驟，例如用戶注冊(cè)需要簽寫協(xié)議書、填寫個(gè)人資料、 返回成功或失敗信息等，則應(yīng)該再分開多個(gè)頁(yè)面。 4.3 網(wǎng)站的目錄結(jié)構(gòu) 由于要實(shí)現(xiàn)后臺(tái)管理這個(gè)獨(dú)立的功能（一般訪問者沒有權(quán)限使 用該功能，因此與前面的功能組分離開來），于是將整個(gè)網(wǎng)站 分成兩大部分： 公眾訪問部分和后臺(tái)管理部分 ，頁(yè)面也相對(duì)應(yīng) 劃分為這兩部分。 1網(wǎng)站的目錄結(jié)構(gòu)設(shè)計(jì) 網(wǎng)站分為公眾訪問部分和管理員訪問部分。因此將這兩部分的 頁(yè)面分別放在虛擬路徑根目錄的兩個(gè)一級(jí)目錄下，分別命名為 Public和 Management。另外，建立一個(gè)一級(jí)目錄 Global， 用來存放所有頁(yè)面的公用部分。由于被外部用戶訪問時(shí)，默認(rèn) 為一般公眾訪問者，所以將公眾部分的主頁(yè)放于根目錄下，并 設(shè)為默認(rèn)訪問頁(yè)。在根目錄下還有一個(gè)名為 “ Global.asa”的文 件，這是一個(gè)十分重要的文件。 4.3 網(wǎng)站的目錄結(jié)構(gòu) 在 Public和 Management里分別是兩個(gè)部分的頁(yè)面文件，在 這個(gè)網(wǎng)站里主要采用了 ASP技術(shù)，因此文件基本上為 .asp文 件。一般來說，要判斷用戶要求來鏈接的頁(yè)面都采用 .asp 文 件，只有靜態(tài)文本的輸出，如新聞、通知等的輸出才采用 html文本。 除了各個(gè)頁(yè)面的文件外，我們?cè)?Public中建立了 banner、 image、 picture、 include目錄。 Banner主要存放為網(wǎng)站或 企業(yè)做廣告制作的 gif廣告條，在許多網(wǎng)站中一般被臵于頁(yè)面的 頂部或底部。 image和 picture是有分別的， image主要存放 一些固定讀取的小按鈕、標(biāo)簽、圖標(biāo)、 Logo等小型 gif或 jpg等 文件，而 picture則存放一些較大的或暫時(shí)讀取的圖片，如新 聞圖片等。 4.3 網(wǎng)站的目錄結(jié)構(gòu) Public中的 Include目錄是存放 Public頁(yè)面的公共部分的，包 括一些公共過程、函數(shù)文件（以 .inc文件形式存放 ,在應(yīng)用時(shí)， 通過 ASP的 SSI機(jī)制包含進(jìn) .asp文件）以及各頁(yè)面的公共樣式 （ CSS Style）等。 在 Management目錄中也包含 include和 image目錄，其作用 與 Public部分是相同的，區(qū)別在于管理員部分不會(huì)出現(xiàn)一些暫 時(shí)性的圖片，也不用過分地修飾頁(yè)面。 整個(gè)網(wǎng)站的詳細(xì)目錄結(jié)構(gòu)如圖 4-13所示。 4.3 網(wǎng)站的目錄結(jié)構(gòu) Website Global image Management imclude Public image banner image include pictrue 圖 4-13 示例網(wǎng)站的目錄結(jié)構(gòu) 4.3 網(wǎng)站的目錄結(jié)構(gòu) 2網(wǎng)站公眾部分的結(jié)構(gòu)列表 首先，考慮主頁(yè)的鏈接功能，為了讓網(wǎng)站的重要功能方便使 用，將最重要的功能放在了首頁(yè)：用戶登錄；新用戶注冊(cè)；鏈 接至新聞專題、欄目及標(biāo)題頁(yè)面；鏈接至社區(qū)討論；鏈接至新 聞搜索。以上幾項(xiàng)作為主頁(yè)的基本鏈接，放在了頁(yè)面較顯眼的 地方以方便鏈接。而在主頁(yè)中間的內(nèi)容中，除了一些友好界面 的部分（如當(dāng)前時(shí)間、顯示訪問人數(shù)、動(dòng)畫效果、向訪問者問 好等內(nèi)容），為了突出當(dāng)前的某些主題或者焦點(diǎn)新聞，提供了 某些重要專題和新聞的直接鏈接。而對(duì)于新聞專目的分類鏈 接，在“精彩欄目”欄，分別給出了新聞專題的二級(jí)目錄和它們 以下的三級(jí)目錄，二級(jí)目錄和三級(jí)目錄的名字采用不同顏色的 字體區(qū)分。另外，在主頁(yè)底部提供通常的介紹性和聯(lián)系性的鏈 接，如廣告聯(lián)系、管理員聯(lián)系、招聘信息、版權(quán)信息等等。 4.3 網(wǎng)站的目錄結(jié)構(gòu) 下面給出主頁(yè)的鏈接結(jié)構(gòu)。 1 P主頁(yè) 1.1首頁(yè)（鏈接本主頁(yè)） 1.2焦點(diǎn)新聞（鏈接至焦點(diǎn)新聞頁(yè)面） 1.3 IT社區(qū)（鏈接至 IT社區(qū)頁(yè)面） 1.4搜索引擎（鏈接至搜索引擎頁(yè)面） 1.5精彩欄目 1.5.1營(yíng)銷新聞 營(yíng)銷總議 網(wǎng)上尋寶 促銷活動(dòng) 公關(guān)活動(dòng) 營(yíng)銷專題 1.5.2各地市場(chǎng) 廣州市場(chǎng) 1.6 IT社區(qū) 1.6.1社區(qū)論壇 1.7焦點(diǎn)新聞 1.7.1（具體新聞的鏈接） 1.8今日導(dǎo)讀 l.8.1（具體專題的鏈接） l.9用戶登錄和新用戶注冊(cè) 1.10網(wǎng)站簡(jiǎn)介 1.11廣告聯(lián)系 1.12管理員聯(lián)系 4.3 網(wǎng)站的目錄結(jié)構(gòu) 下面對(duì) 后臺(tái)管理部分 結(jié)構(gòu)進(jìn)行討論。 Management部分是后臺(tái)管理部分，只有管理員才有權(quán)限訪 問。后臺(tái)管理部分在設(shè)臵方面不應(yīng)由于過分強(qiáng)調(diào)瀏覽方便而使 結(jié)構(gòu)設(shè)計(jì)得混亂，而是在整體構(gòu)思上，以樹狀結(jié)構(gòu)為主，體現(xiàn) 管理的條理性，只在每個(gè)頁(yè)面加上了各個(gè)一級(jí)管理項(xiàng)目的鏈接 （在實(shí)現(xiàn)上，通過構(gòu)造公共的邊框和鏈接，形成 .inc文件，在 各個(gè)管理項(xiàng)頁(yè)面中包含進(jìn)去即可）。 Management中的管理項(xiàng)目分類是由公眾頁(yè)面的功能決定 的，對(duì)公眾頁(yè)面的每一功能，在 Management中都應(yīng)該設(shè)立 相應(yīng)的管理項(xiàng)目。例如，對(duì)于新聞瀏覽的功能，就應(yīng)設(shè)立新聞 的添加、刪除；新聞專題的增加等等。以下給出了部分主頁(yè)的 頁(yè)面結(jié)構(gòu)列表。 4.3 網(wǎng)站的目錄結(jié)構(gòu) 1 M主頁(yè) 1.1添加新聞 1.2管理新聞 1.3管理評(píng)論 1.4管理欄目 1.5社區(qū)管理 1.6添加欄目 1.6.l添加一級(jí)新聞欄目 1.6.2添加二級(jí)新聞欄目 1.6.3添加三級(jí)新聞欄目 1.6.4添加四級(jí)新聞欄目 1.6.5添加討論區(qū)專題 1.6.6添加討論區(qū)欄目 1.6.7添加新聞來源 1.7管理用戶 1.8管理廣告用戶 1.9管理廣告 1.10每頁(yè)的公共鏈接：添加新聞、管理新聞、管理評(píng)論、管理欄目、管理社區(qū)、添加欄目、管理用戶 4.4 網(wǎng)站結(jié)構(gòu)藍(lán)圖 欄目規(guī)劃最基本的任務(wù)