您當前位置> 主頁 > 網站設計的(Of)思考(4)确定網站的(Of)目錄結構和(And)鏈接結構
網站設計的(Of)思考(4)确定網站的(Of)目錄結構和(And)鏈接結構
上(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)移動互聯網軟件技術定制服務商。
上(Superior)一(One)篇:網站建設過程中必須要(Want)考慮到的(Of)SEO事項
下一(One)篇:網站建設分享如何提高網站權重
- ·網站建設完畢後日常的(Of)維護怎麽辦
- ·手機App軟件制作(Do)背後的(Of)莫大(Big)價值
- ·網絡營銷已成爲(For)企業實現盈利的(Of)必經之路
- ·網站建設中電子商務建站的(Of)步驟及潛在(Exist)風險
- ·産品設計:巧搭色彩迎合用(Use)戶
- ·用(Use)步伐音樂APP,釋放運動中的(Of)痛楚
- ·外貿網站建設過程中需要(Want)關注的(Of)問題
- ·醫學營養類小程序開發與醫療APP開發解決方案
- ·如何處理網站首頁被k問題
- ·怎樣利用(Use)App正确的(Of)推送消息
- ·手機WAP網站制作(Do)解決方案
- ·學習知識樂無窮,iOS天氣APP推薦
- ·找APP公司開發手機軟件
- ·建網站:建站十要(Want)十不(No)要(Want)/網站制作(Do)步驟網站制作(Do)問題
- ·北京中關村一(One)個(Indivual)IT業行業協會生長曆程的(Of)個(Indivual)案研究
- ·網站設計有哪些經典不(No)過時(Hour)的(Of)主流風格?
- ·如何建設完美網站 這(This)些小竅門要(Want)知曉
- ·企業網站建設方案如何做 包含哪些内容
- ·企業做商城類微信小程序,就不(No)能忽視這(This)些優勢
- ·企業網站建設在(Exist)搜索引擎優化時(Hour)應避免的(Of)五點
- ·服裝行業手機APP營銷引爆市場
- ·網站SEOer如何提升自己的(Of)寫作(Do)軟文能力
- ·微信小程序紅利迎來(Come)大(Big)爆發,各個(Indivual)行業該如何去獲取
- ·企業APP開發有哪些優點?
- ·學員兩周學會蘋果APP開發,你能做到嗎?
- ·專業網站設計公司
- ·網站建設-關于(At)網站各方面的(Of)布局方法
- ·電商APP開發是(Yes)傳統企業轉型升級的(Of)關鍵
- ·小程序上(Superior)線18個(Indivual)月,商機在(Exist)哪裏?
- ·APP軟件開發該如何配合用(Use)戶體驗?
- ·讓APP開發深入生活
- ·網站建設-企業網站用(Use)長尾詞來(Come)提升網站流量
- ·商用(Use)APP開發 APP開發背後商業模式解析
- ·如何提高金融公司app軟件的(Of)用(Use)戶體驗
- ·開發APP爲(For)什麽要(Want)選擇外包?不(No)自己組建團隊?答案都在(Exist)這(This)了(Got it)
- ·如何利用(Use)消費者心理提高轉化率?
- ·要(Want)趁早開發小程序的(Of)重要(Want)性!
- ·讓你的(Of)APP脫穎而出(Out)五大(Big)絕招
- ·如何分析網站關鍵詞是(Yes)否優化的(Of)到位
- ·開發一(One)個(Indivual)類似美團的(Of)團購App要(Want)多少錢
- ·關于(At)網站關鍵詞優化技巧
- ·家教O2O前景暗淡:估值虛高,模式存疑
- ·淺談IOS APP定制
- ·APP定制開發和(And)APP在(Exist)線開發的(Of)利弊
- ·企業開發APP能帶來(Come)什麽優勢?
- ·網站推廣
- ·企業網站建設要(Want)優先考慮網站的(Of)響應速度
- ·網頁設計常用(Use)術語解釋(一(One))
- ·網站建設上(Superior)線前該做的(Of)工作(Do)
- ·網站優化-seo服務報價價格低廉的(Of)背後
- ·房車租賃APP開發帶來(Come)不(No)一(One)樣的(Of)旅遊
- ·母嬰行業App開發市場分析
- ·如何用(Use)微信小程序打造屬于(At)自己的(Of)流量池,持續穩定的(Of)獲得精準客戶!
- ·建材網站的(Of)優化案例
- ·企業APP開啓移動化營銷的(Of)新模式
- ·優質服務是(Yes)提升網站建設公司客戶回頭率的(Of)關鍵因素
- ·通過老客戶的(Of)口碑相傳,科技簽給“鮮果365”電子購物網站建設項目
- ·創業公司走向移動化的(Of)5個(Indivual)誤區
- ·皮膚檢測APP開發會有哪些作(Do)用(Use)?
- ·分銷商城系統如何最大(Big)限度地吸引用(Use)戶
- ·網站建設-新站上(Superior)線如何應對風波
- ·APP如何開發才具有商業價值?優勢有哪些?
- ·企業如何選擇一(One)個(Indivual)靠譜的(Of)蘋果APP開發公司?
- ·Ios app開發公司:創業者,你對用(Use)戶需求了(Got it)解多少?
- ·移動端app開發新技能 商業模式很重要(Want)
- · iOS APP開發的(Of)優勢
- ·網站建設中網站策劃的(Of)誤區
- ·淺析汽車App軟件開發
- ·Android和(And)iOS APP制造商冷面微軟Windows 10的(Of)到來(Come)
- ·有了(Got it)小程序,看實體店如何逆襲電商!
- ·運營小程序需要(Want):頂層思維、二八法則、拓寬知識面、方法轉化實踐
- ·網絡營銷發展的(Of)優勢
- ·新零售已來(Come),零售店微信公衆号如何運營?
- ·怎麽選擇靠譜的(Of)網站建設公司
- ·服裝行業開發電商版微信小程序的(Of)價值
- ·網站建設公司分享外鏈如何建設
- ·網站建設前期準備階段如何布局企業網站欄目?
- ·淺析手機App應用(Use)開發的(Of)三大(Big)原則
- ·聽說最近papi醬很火,引得投資者頻關注
- ·發展一(One)年有餘的(Of)微信小程序究竟能夠帶來(Come)什麽?
- ·訂閱号要(Want)如何提升粉絲粘性
- ·微信APP應用(Use)的(Of)推廣制約其發展
- ·企業營銷型網站五大(Big)要(Want)素決定成敗!
- ·網站建設中的(Of)優化常識?
- ·移動APP品牌營銷的(Of)創意構思
- ·網站建設分享關于(At)網站首頁快照更新的(Of)小方法
- ·微信小程序爲(For)電商帶來(Come)了(Got it)什麽?
- ·安卓軟件開發與蘋果軟件開發的(Of)區别
- ·企業APP開發是(Yes)移動信息化趨勢
- ·企業app與微信的(Of)區别與聯系
- ·做個(Indivual)網站多少錢?可以(By)先報個(Indivual)價嗎?
- ·網站建設必須注意的(Of)三大(Big)誤區
- ·關于(At)CSS布局的(Of)知識
- ·手機裏有“僵屍”APP應用(Use)開發嗎?
- ·app公司做智能硬件要(Want)注意什麽?
- ·在(Exist)網站開發之中怎樣運用(Use)半透明效果
- ·成功seo優化者需要(Want)具體哪些條件
- ·建設品牌型企業網站對企業都有哪些幫助
- ·高端大(Big)氣簡約型網站有助于(At)提高用(Use)戶體驗
- ·網站建設提醒:無網不(No)勝的(Of)中小企業網站建設
- ·緻科技公司客戶2011中秋賀詞
- ·咖啡店手機軟件開發能爲(For)品牌創造哪些效益
- ·智慧社區App開發改變社區生活
- ·生活服務類App軟件開發成爲(For)開發市場主流
- ·電商app定制開發有哪些細節需要(Want)注意?
- ·企業網站如何建設才能出(Out)效益?
- ·公衆号的(Of)價值意義
- ·做網站優化一(One)定要(Want)認真實踐,切勿盲目跟風
- ·網站建設之品牌網站建設
- ·企業如何正确開發手機應用(Use)
- ·app軟件開發需要(Want)一(One)個(Indivual)好的(Of)開發團隊
- ·微信公衆号推送哪些内容更容易被傳播
- ·成功入選天河區2017年度科技計劃項目
- ·微信閱讀成爲(For)一(One)種新型的(Of)生活方式
- ·2017年,APP開發公司的(Of)發展趨勢
- ·品牌網站設計與建設要(Want)注意哪些細節
- ·網站建設之後需要(Want)了(Got it)解什麽?
- ·網站建設改善這(This)4個(Indivual)問題能夠提高用(Use)戶體驗度
- ·如何選擇PC網站開發語言
- ·高效推廣商務網站研究
- ·ICU愛心醫生做了(Got it)個(Indivual)醫患交流APP
- ·獲取微信小程序紅利的(Of)方式你了(Got it)解的(Of)夠詳細嗎?
- ·開發微商城對商家來(Come)說有哪些好處?
- ·微信二次開發有哪五大(Big)問題?
- ·手機APP開發用(Use)戶體驗度是(Yes)關鍵
- ·不(No)會理财沒關系找錢大(Big)人(People)iOS APP幫助你
- ·代購APP外包的(Of)優勢有哪些
- ·企業移動辦公管理一(One)個(Indivual)app就夠了(Got it)
- ·微分銷店鋪銷量下降可能有哪些原因造成?
- ·App制作(Do)費用(Use)多少錢
- ·微信分銷系統在(Exist)小程序生态可以(By)怎麽更好的(Of)發揮呢?
- ·幾款iOS APP應用(Use)助你進入二次元世界
- ·Ios app與安卓app開發兩者之間有什麽區别?
- ·在(Exist)線開發工具制作(Do)App
- ·手機軟件開發在(Exist)現在(Exist)充當什麽角色
- ·爲(For)什麽要(Want)做html5手機站
- ·網站制作(Do)之商城網站建設的(Of)定位價值和(And)常見功能模塊
- ·手機應用(Use)泛濫,應用(Use)程序制作(Do)要(Want)找專業的(Of)企業APP定制公司
- ·網站優化的(Of)核心您是(Yes)否知道?
- ·Facebook瞄準電商app進發
- ·什麽是(Yes)雲訪客SEO優化外包平台呢?
- ·細說企業APP開發市場中遇到的(Of)一(One)些問題
- ·Native App和(And)web App怎麽區别
- ·點餐APP開發爲(For)什麽火?有什麽優勢?
- ·淺析企業app軟件開發定制的(Of)優點
- ·企業網站建設幾大(Big)要(Want)素?
- ·網站建設之外鏈減少的(Of)原因及解決方法
- ·爲(For)什麽選擇APP創建平台
- ·APP開發設計的(Of)關鍵
- ·想要(Want)小程序排名靠前?有哪些快速直接的(Of)方式?