|
確定網(wǎng)站的目錄結(jié)構(gòu)和鏈接結(jié)構(gòu)
上篇講到：我們?cè)趧?dòng)手制作網(wǎng)頁(yè)前，一定要考慮好以下三方面：
1.確定欄目和版塊；
2.確定網(wǎng)站的目錄結(jié)構(gòu)和鏈接結(jié)構(gòu)
3.確定網(wǎng)站的整體風(fēng)格創(chuàng)意設(shè)計(jì)
今天我們繼續(xù)來(lái)討論“確定網(wǎng)站的目錄結(jié)構(gòu)和鏈接結(jié)構(gòu)”。
一.網(wǎng)站的目錄結(jié)構(gòu)
網(wǎng)站的目錄是指你建立網(wǎng)站時(shí)創(chuàng)建的目錄。例如：在用frontpage98建立網(wǎng)站時(shí)都默認(rèn)建立了根目錄和images子目錄。目錄的結(jié)構(gòu)是一個(gè)容易忽略的問(wèn)題，大多數(shù)站長(zhǎng)都是未經(jīng)規(guī)劃，隨意創(chuàng)建子目錄。目錄結(jié)構(gòu)的好壞，對(duì)瀏覽者來(lái)說(shuō)并沒(méi)有什么太大的感覺(jué)，但是對(duì)于站點(diǎn)本身的上傳維護(hù)，內(nèi)容未來(lái)的擴(kuò)充和移植有著重要的影響。下面是建立目錄結(jié)構(gòu)的一些建議：
●不要將所有文件都存放在根目錄下。
有網(wǎng)友為了方便，將所有文件都放在根目錄下。這樣做造成的不利影響在于：
1.文件管理混亂。你常常搞不清哪些文件需要編輯和更新，哪些無(wú)用的文件可以刪除，哪些是相關(guān)聯(lián)的文件，影響工作效率。
2.上傳速度慢。服務(wù)器一般都會(huì)為根目錄建立一個(gè)文件索引。當(dāng)您將所有文件都放在根目錄下，那么即使你只上傳更新一個(gè)文件，服務(wù)器也需要將所有文件再檢索一遍，建立新的索引文件。很明顯，文件量越大，等待的時(shí)間也將越長(zhǎng)。所以，給您的建議是：盡可能減少根目錄的文件存放數(shù)。
●按欄目?jī)?nèi)容建立子目錄。
子目錄的建立，首先按主菜單欄目建立。例如:網(wǎng)頁(yè)教程類(lèi)站點(diǎn)可以根據(jù)技術(shù)類(lèi)別分別建立相應(yīng)的目錄，象Flash,Dhtml,Javascript等；企業(yè)站點(diǎn)可以按公司簡(jiǎn)介，產(chǎn)品介紹，價(jià)格，在線(xiàn)定單，反饋聯(lián)系等建立相應(yīng)目錄。
其他的次要欄目，類(lèi)似what's new，友情連接內(nèi)容較多，需要經(jīng)常更新的可以建立獨(dú)立的子目錄。而一些相關(guān)性強(qiáng)，不需要經(jīng)常更新的欄目，例如：關(guān)于本站，關(guān)于站長(zhǎng)，站點(diǎn)經(jīng)歷等可以合并放在一個(gè)統(tǒng)一目錄下。
所有程序一般都存放在特定目錄。例如：CGI程序放在cgi-bin目錄。便于維護(hù)管理。所有需要下載的內(nèi)容也最好放在一個(gè)目錄下。
●在每個(gè)主目錄下都建立獨(dú)立的images目錄。
默認(rèn)的，一個(gè)站點(diǎn)根目錄下都有一個(gè)images目錄。剛開(kāi)始學(xué)習(xí)主頁(yè)制作時(shí)，阿捷習(xí)慣將所有圖片都存放在這個(gè)目錄里。可是后來(lái)發(fā)現(xiàn)很不方便，當(dāng)我需要將某個(gè)主欄目打包供網(wǎng)友下載，或者將某個(gè)欄目刪除時(shí)，圖片的管理相當(dāng)麻煩。經(jīng)過(guò)實(shí)踐發(fā)現(xiàn)：為每個(gè)主欄目建立一個(gè)獨(dú)立的images目錄是最方便管理的。而根目錄下的images目錄只是用來(lái)放首頁(yè)和一些次要欄目的圖片。
●目錄的層次不要太深。
目錄的層次建議不要超過(guò)3層。原因很簡(jiǎn)單，維護(hù)管理方便。
其它需要注意的還有：
1.不要使用中文目錄；網(wǎng)絡(luò)無(wú)國(guó)界，使用中文目錄可能對(duì)網(wǎng)址的正確顯示造成困難。
2.不要使用過(guò)長(zhǎng)的目錄；盡管服務(wù)器支持長(zhǎng)文件名，但是太長(zhǎng)的目錄名不便于記憶。
3.盡量使用意義明確的目錄；上面的例子中，你可以用Flash,Dhtml,Javascript來(lái)建立目錄，也可以用1，2，3建立目錄，但是哪一個(gè)更明確，更便于記憶和管理呢？顯然是前者！
隨著網(wǎng)頁(yè)技術(shù)的不斷發(fā)展，利用數(shù)據(jù)庫(kù)或者其他后臺(tái)程序自動(dòng)生成網(wǎng)頁(yè)越來(lái)越普遍，網(wǎng)站的目錄結(jié)構(gòu)也必將飛躍到一個(gè)新的結(jié)構(gòu)層次。
二.網(wǎng)站的鏈接結(jié)構(gòu)
網(wǎng)站的鏈接結(jié)構(gòu)是指頁(yè)面之間相互鏈接的拓?fù)浣Y(jié)構(gòu)。它建立在目錄結(jié)構(gòu)基礎(chǔ)之上，但可以跨越目錄。形象的說(shuō)：每個(gè)頁(yè)面都是一個(gè)固定點(diǎn)，鏈接則是在兩個(gè)固定點(diǎn)之間的連線(xiàn)。一個(gè)點(diǎn)可以和一個(gè)點(diǎn)連接，也可以和多個(gè)點(diǎn)連接。更重要的是，這些點(diǎn)并不是分布在一個(gè)平面上，而是存在于一個(gè)立體的空間中。
●我們研究網(wǎng)站的鏈接結(jié)構(gòu)的目的在于：用最少的鏈接，使得瀏覽最有效率。
一般的，建立網(wǎng)站的鏈接結(jié)構(gòu)有兩種基本方式：
1.樹(shù)狀鏈接結(jié)構(gòu)（一對(duì)一）。類(lèi)似DOS的目錄結(jié)構(gòu)，首頁(yè)鏈接指向一級(jí)頁(yè)面，一級(jí)頁(yè)面鏈接指向二級(jí)頁(yè)面。立體結(jié)構(gòu)看起來(lái)就象蒲公英。這樣的鏈接結(jié)構(gòu)瀏覽時(shí)，一級(jí)級(jí)進(jìn)入，一級(jí)級(jí)退出。優(yōu)點(diǎn)是條理清晰，訪(fǎng)問(wèn)者明確知道自己在什么位置，不會(huì)"迷"路。缺點(diǎn)是瀏覽效率低，一個(gè)欄目下的子頁(yè)面到另一個(gè)欄目下的子頁(yè)面，必須繞經(jīng)首頁(yè)。
2.星狀鏈接結(jié)構(gòu)（一對(duì)多）。類(lèi)似網(wǎng)絡(luò)服務(wù)器的鏈接，每個(gè)頁(yè)面相互之間都建立有鏈接。立體結(jié)構(gòu)象東方明珠電視塔上的鋼球。這種鏈接結(jié)構(gòu)的優(yōu)點(diǎn)是瀏覽方便，隨時(shí)可以到達(dá)自己喜歡的頁(yè)面。缺點(diǎn)是鏈接太多，容易使瀏覽者迷路，搞不清自己在什么位置，看了多少內(nèi)容。
這兩種基本結(jié)構(gòu)都只是理想方式，在實(shí)際的網(wǎng)站設(shè)計(jì)中，總是將這兩種結(jié)構(gòu)混合起來(lái)使用。我們希望瀏覽者既可以方便快速的達(dá)到自己需要的頁(yè)面，又可以清晰的知道自己的位置。所以，最好的辦法是：
●首頁(yè)和一級(jí)頁(yè)面之間用星狀鏈接結(jié)構(gòu)，一級(jí)和二級(jí)頁(yè)面之間用樹(shù)狀鏈接結(jié)構(gòu)。
舉個(gè)例子。一個(gè)新聞?wù)军c(diǎn)的頁(yè)面結(jié)構(gòu)如下：
---------------------------------------------------
一級(jí)頁(yè)面 二級(jí)頁(yè)面
財(cái)經(jīng)新聞頁(yè) -- [財(cái)經(jīng)新聞1，財(cái)經(jīng)新聞2...]
/ |
首頁(yè) -- 娛樂(lè)新聞頁(yè) -- [娛樂(lè)新聞1，娛樂(lè)新聞2...]
\ |
IT新聞頁(yè) -- [IT新聞1，IT新聞2...]
----------------------------------------------------
其中，首頁(yè)，財(cái)經(jīng)新聞頁(yè)，娛樂(lè)新聞頁(yè)，IT新聞頁(yè)之間是星狀鏈接，可以互相點(diǎn)擊，直接到達(dá)。而財(cái)經(jīng)新聞頁(yè)和它的子頁(yè)面之間是樹(shù)狀連接，瀏覽財(cái)經(jīng)新聞1后，你必須回到財(cái)經(jīng)新聞頁(yè)，才能瀏覽IT新聞2。所以,有站點(diǎn)為了免去返回一級(jí)頁(yè)面的麻煩，將二級(jí)頁(yè)面直接用新開(kāi)窗口(POP up windows)打開(kāi)，瀏覽結(jié)束后關(guān)閉即可。
注意：以上我們都是用的三級(jí)頁(yè)面舉例。如果您的站點(diǎn)內(nèi)容龐大，分類(lèi)明細(xì)，需要超過(guò)三級(jí)頁(yè)面，那么建議你在頁(yè)面里顯示導(dǎo)航條，可以幫助瀏覽者明確自己所處的位置。就是您經(jīng)�？吹皆S多網(wǎng)站頁(yè)面頂部的，類(lèi)似這樣：“您現(xiàn)在的位置是：首頁(yè)->財(cái)經(jīng)新聞->股市信息->深圳股->深發(fā)展”
關(guān)于鏈接結(jié)構(gòu)的設(shè)計(jì)，在實(shí)際的網(wǎng)頁(yè)制作中是非常重要一環(huán)。采用什么樣的鏈接結(jié)構(gòu)直接影響到版面的布局。例如你的主菜單放在什么位置，是否每頁(yè)都需要放置，是否需要用分幀框架，是否需要加入返回首頁(yè)的鏈接。在連接結(jié)構(gòu)確定后，再開(kāi)始考慮鏈接的效果和形式，是采用下拉表單，還是用DHTML動(dòng)態(tài)菜單等等。
隨著電子商務(wù)的推廣，網(wǎng)站競(jìng)爭(zhēng)的越來(lái)越激烈，對(duì)鏈接結(jié)構(gòu)設(shè)計(jì)的要求已經(jīng)不僅僅局限于可以方便快速的瀏覽，更加注重個(gè)性化和相關(guān)性。例如，一個(gè)愛(ài)嬰主題網(wǎng)站里，在8個(gè)月嬰兒的營(yíng)養(yǎng)問(wèn)題頁(yè)面上，你需要加入8個(gè)月嬰兒的健康問(wèn)題鏈接，智力培養(yǎng)鏈接，或者是有關(guān)奶粉宣傳的鏈接，一本圖書(shū)，一個(gè)玩具的鏈接。因?yàn)楦改覆豢赡艿矫總�(gè)欄目下去尋找關(guān)于8個(gè)月嬰兒的信息，他們可能在找到需要的問(wèn)題后就離開(kāi)網(wǎng)站了。如何盡可能留住訪(fǎng)問(wèn)者，是網(wǎng)站設(shè)計(jì)者未來(lái)必須考慮的問(wèn)題。
講到這里，阿捷忽然覺(jué)得自己很厲害，居然會(huì)總結(jié)出這么大一套理論:)什么，皮厚?可能吧，這么多高手都沒(méi)發(fā)言呢！有意見(jiàn)請(qǐng)來(lái)信ajie@soim.com
下次我們繼續(xù)討論“確定網(wǎng)站的整體風(fēng)格創(chuàng)意設(shè)計(jì)”。
出處：太平洋電腦網(wǎng)
責(zé)任編輯：冰點(diǎn)的冰藍(lán)色
上一頁(yè) 確定網(wǎng)站的欄目和版塊 下一頁(yè) 確定網(wǎng)站的整體風(fēng)格和創(chuàng)意設(shè)計(jì)
|
第 1 頁(yè) 
第 4 頁(yè) 確定網(wǎng)站的目錄結(jié)構(gòu)和鏈接結(jié)構(gòu)
