網(wǎng)站結(jié)構(gòu)與網(wǎng)站設(shè)計【稀缺資源，路過別錯過】

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