13396739763 / 13136206268

APP開發 小程序制作(Do) 軟件外包 網站建設

我(I)們的(Of)服務

APP開發、微信建設、軟件定制外包、小程序制作(Do)

聯系電話:13396739763 / 13136206268

您當前位置> 主頁 > 網站設計的(Of)思考(4)确定網站的(Of)目錄結構和(And)鏈接結構

網站設計的(Of)思考(4)确定網站的(Of)目錄結構和(And)鏈接結構

2011-07-01
0
914
嘉興科技提供中高端網站制作(Do)服務

上(Superior)篇講到:我(I)們在(Exist)動手制作(Do)網頁前,一(One)定要(Want)考慮好以(By)下三方面:

  1.确定欄目和(And)版塊;
  2.确定網站的(Of)目錄結構和(And)鏈接結構
  3.确定網站的(Of)整體風格創意設計
  今天我(I)們繼續來(Come)讨論“确定網站的(Of)目錄結構和(And)鏈接結構”。

  一(One).網站的(Of)目錄結構

  網站的(Of)目錄是(Yes)指你建立網站時(Hour)創建的(Of)目錄。例如:在(Exist)用(Use)frontpage98建立網站時(Hour)都默認建立了(Got it)根目錄和(And)images子目錄。目錄的(Of)結構是(Yes)一(One)個(Indivual)容易被忽略的(Of)問題,多數站長都是(Yes)未經規劃,随意創建子目錄。目錄結構的(Of)好壞,對站點本身的(Of)上(Superior)傳維護,内容未來(Come)的(Of)擴充和(And)移植有着重要(Want)的(Of)影響。但是(Yes)對浏覽者來(Come)說并沒有什麽太大(Big)的(Of)感覺。下面是(Yes)建立目錄結構的(Of)一(One)些建議:

   1.不(No)要(Want)将所有文件都存放在(Exist)根目錄下。

  有網友爲(For)了(Got it)方便,将所有文件都放在(Exist)根目錄下。這(This)樣做造成的(Of)不(No)利影響在(Exist)于(At):

 (1)文件管理混亂。你常常搞不(No)清哪些文件需要(Want)編輯和(And)更新的(Of),哪些是(Yes)重要(Want)的(Of)相關聯的(Of)文件,哪些是(Yes)無用(Use)可以(By)删除的(Of)文件,影響你的(Of)工作(Do)效率。

 (2)上(Superior)傳速度慢。服務器一(One)般都會爲(For)根目錄建立一(One)個(Indivual)文件索引。當您将所有文件都放在(Exist)根目錄下,那麽即使你隻上(Superior)傳或更新一(One)個(Indivual)文件,服務器也需要(Want)将所有文件再檢索一(One)遍,建立新的(Of)索引文件。很明顯,文件量越大(Big),等待的(Of)時(Hour)間也将越長。所以(By)建議你:盡可能減少根目錄的(Of)文件存放數。

  2.在(Exist)每個(Indivual)主目錄下都建立獨立的(Of)images目錄。

  默認的(Of),一(One)個(Indivual)站點根目錄下都有一(One)個(Indivual)images目錄。剛開始學習主頁制作(Do)時(Hour),習慣将所有圖片都存放在(Exist)這(This)個(Indivual)目錄裏。後來(Come)發現很不(No)方便,當我(I)需要(Want)将某個(Indivual)主欄目打包供網友下載,或者将某個(Indivual)欄目删除時(Hour),圖片的(Of)管理相當麻煩。經過實踐發現:爲(For)每個(Indivual)主欄目建立一(One)個(Indivual)獨立的(Of)images目錄是(Yes)最方便管理的(Of)。根目錄下的(Of)images目錄隻是(Yes)用(Use)來(Come)放首頁和(And)一(One)些次要(Want)欄目的(Of)圖片。

   3.按欄目内容建立子目錄。

  子目錄的(Of)建立,首先按主菜單欄目建立。例如:網頁教程類站點可以(By)根據技術類别分别建立相應的(Of)目錄,象Flash,Dhtml,Javascript等;企業站點可以(By)按公司簡介,産品介紹,價格,在(Exist)線定單,反饋聯系等建立相應目錄。

    其他(He)的(Of)次要(Want)欄目,類似what's new,友情連接内容較多,需要(Want)經常更新的(Of)可以(By)建立獨立的(Of)子目錄。而一(One)些相關性強,不(No)需要(Want)經常更新的(Of)欄目,例如:關于(At)本站,關于(At)站長,站點經曆等可以(By)合并放在(Exist)一(One)個(Indivual)統一(One)目錄下。

所有程序一(One)般都存放在(Exist)特定目錄。例如:CGI程序放在(Exist)cgi-bin目錄。便于(At)維護管理。所有需要(Want)下載的(Of)内容也最好放在(Exist)一(One)個(Indivual)目錄下。

   4.目錄的(Of)層次不(No)要(Want)太深。

  目錄的(Of)層次建議不(No)要(Want)超過3層。原因很簡單,維護管理方便。

  其它需要(Want)注意的(Of)還有:

  (1).不(No)要(Want)使用(Use)過長的(Of)目錄;盡管服務器支持長文件名,但是(Yes)太長的(Of)目錄名不(No)便于(At)記憶。
  (2).不(No)要(Want)使用(Use)中文目錄;網絡無國(Country)界,使用(Use)中文目錄可能對網址的(Of)正确顯示造成困難。
  (3).盡量使用(Use)意義明确的(Of)目錄;上(Superior)面的(Of)例子中,你可以(By)用(Use)Flash,Dhtml,Javascript來(Come)建立目錄,也可以(By)用(Use)1,2,3建立目錄,但是(Yes)哪一(One)個(Indivual)更明确,更便于(At)記憶和(And)管理呢?顯然是(Yes)前者!

  随着網頁技術的(Of)不(No)斷發展,利用(Use)數據庫或者其他(He)後台程序自動生成網頁越來(Come)越普遍,網站的(Of)目錄結構也必将飛躍到一(One)個(Indivual)新的(Of)結構層次。

 二.網站的(Of)鏈接結構

  網站的(Of)鏈接結構是(Yes)指頁面之間相互鏈接的(Of)拓撲結構。它建立在(Exist)目錄結構基礎之上(Superior),但可以(By)跨越目錄。形象的(Of)說:每個(Indivual)頁面都是(Yes)一(One)個(Indivual)固定點,鏈接則是(Yes)在(Exist)兩個(Indivual)固定點之間的(Of)連線。一(One)個(Indivual)點可以(By)和(And)一(One)個(Indivual)點連接,也可以(By)和(And)多個(Indivual)點連接。更重要(Want)的(Of)是(Yes),這(This)些點并不(No)是(Yes)分布在(Exist)一(One)個(Indivual)平面上(Superior),而是(Yes)存在(Exist)于(At)一(One)個(Indivual)立體的(Of)空間中。

  1.我(I)們研究網站的(Of)鏈接結構的(Of)目的(Of)在(Exist)于(At):用(Use)最少的(Of)鏈接,使得浏覽最有效率。

  一(One)般建立網站的(Of)鏈接結構有兩種基本方式:

  (1)樹狀鏈接結構(一(One)對一(One))。類似DOS的(Of)目錄結構,首頁鏈接指向一(One)級頁面,一(One)級頁面鏈接指向二級頁面。立體結構看起來(Come)就象蒲公英。這(This)樣的(Of)鏈接結構浏覽時(Hour),一(One)級級進入,一(One)級級退出(Out)。缺點是(Yes)浏覽效率低,一(One)個(Indivual)欄目下的(Of)子頁面到另一(One)個(Indivual)欄目下的(Of)子頁面,必須繞經首頁。優點是(Yes)條理清晰,訪問者明确知道自己在(Exist)什麽位置,不(No)會"迷"路。

  (2)星狀鏈接結構(一(One)對多)。類似網絡服務器的(Of)鏈接,每個(Indivual)頁面相互之間都建立有鏈接。立體結構象東方明珠電視塔上(Superior)的(Of)鋼球。這(This)種鏈接結構的(Of)優點是(Yes)浏覽方便,随時(Hour)可以(By)到達自己喜歡的(Of)頁面。缺點是(Yes)鏈接太多,容易使浏覽者迷路,搞不(No)清自己在(Exist)什麽位置,看了(Got it)多少内容。

  這(This)兩種基本結構都隻是(Yes)理想方式,在(Exist)實際的(Of)網站設計中,總是(Yes)将這(This)兩種結構混合起來(Come)使用(Use)。我(I)們希望浏覽者既可以(By)方便快速的(Of)達到自己需要(Want)的(Of)頁面,又可以(By)清晰的(Of)知道自己的(Of)位置。

    2.首頁和(And)一(One)級頁面之間用(Use)星狀鏈接結構,一(One)級和(And)二級頁面之間用(Use)樹狀鏈接結構。

  舉個(Indivual)例子。一(One)個(Indivual)新聞站點的(Of)頁面結構如下:

一(One)級頁面 二級頁面

财經新聞頁 -- [财經新聞1,财經新聞2...]
/ |
首頁 -- 娛樂新聞頁 -- [娛樂新聞1,娛樂新聞2...]
\ |
IT新聞頁 -- [IT新聞1,IT新聞2...]


 其中,首頁,财經新聞頁,娛樂新聞頁,IT新聞頁之間是(Yes)星狀鏈接,可以(By)互相點擊,直接到達。而财經新聞頁和(And)它的(Of)子頁面之間是(Yes)樹狀連接,浏覽财經新聞1後,你必須回到财經新聞頁,才能浏覽IT新聞2。所以(By),有站點爲(For)了(Got it)免去返回一(One)級頁面的(Of)麻煩,将二級頁面直接用(Use)新開窗口(POP up windows)打開,浏覽結束後關閉即可。

 注意:以(By)上(Superior)我(I)們都是(Yes)用(Use)的(Of)三級頁面舉例。如果您的(Of)站點内容龐大(Big),分類明細,需要(Want)超過三級頁面,那麽建議你在(Exist)頁面裏顯示導航條,可以(By)幫助浏覽者明确自己所處的(Of)位置。就是(Yes)您經常看到許多網站頁面頂部的(Of),類似這(This)樣:“您現在(Exist)的(Of)位置是(Yes):首頁->建站知識網 > 行業資訊>正文;


關于(At)鏈接結構的(Of)設計,在(Exist)實際的(Of)網頁制作(Do)中是(Yes)非常重要(Want)一(One)環。采用(Use)什麽樣的(Of)鏈接結構直接影響到版面的(Of)布局。例如你的(Of)主菜單放在(Exist)什麽位置,是(Yes)否每頁都需要(Want)放置,是(Yes)否需要(Want)用(Use)分幀框架,是(Yes)否需要(Want)加入返回首頁的(Of)鏈接。在(Exist)連接結構确定後,再開始考慮鏈接的(Of)效果和(And)形式,是(Yes)采用(Use)下拉表單,還是(Yes)用(Use)DHTML動态菜單等等。

嘉興雷鳥是(Yes)一(One)家集企業軟件開發,WEB網站建設,移動APP制作(Do)等綜合型的(Of)互聯網公司,爲(For)嘉興顧客提供一(One)站式的(Of)企業軟件開發,安卓app開發,ios開發服務,同時(Hour)爲(For)嘉興企業提供全面移動互聯軟件技術解決方案,是(Yes)嘉興知名的(Of)綜合型APP軟件外包開發公司。根據前期調研方案和(And)客戶實際需求,以(By)專業獨到的(Of)設計理念、精益求精的(Of)技術精神、嚴格完善的(Of)品控系統,爲(For)嘉興每一(One)位客戶提供專屬的(Of)移動互聯軟件技術解決方案。經過不(No)斷積累,嘉興雷鳥陸續推出(Out)視頻直播APP、電商商城APP、P2P網貸APP、智能硬件APP開發、移動APP開發、微信公衆平台開發、一(One)元購APP、智慧社區服務APP、生活服務O2O系統APP等各類APP産品,爲(For)嘉興各行企業向移動互聯網轉型奠定了(Got it)堅實基礎。在(Exist)激烈的(Of)市場競争中,嘉興雷鳥創造了(Got it)嘉興軟件定制開發行業的(Of)卓越口碑,是(Yes)具有更高品質的(Of)移動互聯網軟件技術定制服務商。

聲明:文章來(Come)源于(At)互聯網!

企業名稱:瑞昌天啓雲網絡科技有限公司

聯系電話:13396739763 13136206268 (節假日均可撥打)

售前咨詢QQ:點擊這(This)裏給我(I)發消息

技術咨詢QQ:點擊這(This)裏給我(I)發消息

所在(Exist)地址: 浙江省嘉興市城南路1539号創業大(Big)廈

網址:www.lei-niao.com

主營行業: APP開發 / 蘋果手機APP開發 / 安卓手機開發 / 軟件定制 / 平闆應用(Use)開發/軟件定制/微信開發/微網站建設/微網站設計/嘉興微網站建設/微網站  專業做高端網站建設網站設計網站改版網站維護微網站建設微網站制作(Do)嘉興網站建設嘉興網站設計嘉興網站制作(Do)軟件開發APP應用(Use)嘉興微官網制作(Do)動畫制作(Do)域名注冊空間托管企業郵箱注冊樣本宣傳冊印刷制作(Do)400電話做網站業務

相關案例查看更多