網站設計之網站欄目、目錄、鏈接的設計
2017.05.09
wangzhanshejibanmianbujubuzhoushimeigewangzhanshejishidoubixuyaonongqingchudeneirong，yinweiwangzhandebanmianbujushifouhelijiangjuedingqiyewangzhanzaiyonghuhesousuoyinqingzhongshifouhuishouhuanying。wangzhanshejibanmianbujushejishuyuwangzhanshejixijiefenxideyibufen，zhuyaobaokuolanmu、目錄、鏈接的設計。除此之外還有基他一些需要注意的細節。如網頁字體設計、排版等。
網站欄目、目錄、lianjiedeshejidouyougezidezhuyichengxiang，shejishizaijinxingbutonghuanjiedeshejishixuyaoyouzhenduixingdejinxingsheji。xiamianfenxingkejixiaobianjiuweidajiajieshaoyixiawangzhanshejizhiwangzhanlanmu、目錄、鏈接的設計的相關注意項。
第一，網站欄目的設計
shejiyigeqiyewangzhanhaobixieyipianwenzhang，yaozuodaozhutimingque，cengciqingxi。wangzhanlanmudeshejishizhishangshiyigewangzhandedagangsuoyin，suoyinyinggaijiangwangzhandezhutimingquexianshichulai。yibandewangzhanlanmuanpaiyaozhuyiyixiajidian：
1、要緊扣主題
wangzhanlanmudehuafenyaoyiwangzhanzhutiweihexin，zhutilanmugeshuzaizonglanmuzhongyaozhanjueduiyoushi，zheyangdewangzhanshejicainengxiandezhuanye，zhutituchu，rongyigeirenliuxiashenkeyinxiang。
2、設立最近更新或網站指南欄目
企(qi)業(ye)網(wang)站(zhan)是(shi)了(le)好(hao)設(she)立(li)一(yi)個(ge)最(zui)近(jin)更(geng)新(xin)或(huo)網(wang)站(zhan)指(zhi)南(nan)欄(lan)目(mu)欄(lan)目(mu)，這(zhe)樣(yang)可(ke)以(yi)讓(rang)用(yong)戶(hu)在(zai)來(lai)到(dao)網(wang)站(zhan)時(shi)第(di)一(yi)眼(yan)發(fa)現(xian)最(zui)新(xin)的(de)內(nei)容(rong)，並(bing)快(kuai)速(su)找(zhao)到(dao)自(zi)己(ji)想(xiang)要(yao)去(qu)的(de)欄(lan)目(mu)。
3、設立可以與用戶交流的欄目
這zhe個ge欄lan目mu主zhu要yao是shi為wei了le提ti升sheng網wang站zhan與yu用yong戶hu的de粘zhan度du，幫bang助zhu網wang站zhan與yu客ke戶hu建jian立li良liang好hao的de關guan係xi。如ru論lun壇tan，留liu言yan本ben，郵you件jian列lie表biao等deng，可ke以yi讓rang瀏liu覽lan者zhe留liu下xia他ta們men的de信xin息xi。
4、設立資料下載或常見問題回答欄目
xinxigongxiangshiwangluoshidaideyigetuchutedian，ziliaoxiazaihuochangjianwentihuidahuozhehenhaodezaiwangzhanzhongxingchengyigexinxigongxiangdepingtai。zheyangduiwangzhandexuanchuanheshuliwangzhanpinpaifeichangdeyouyi。
第二，確定網站的目錄結構
網(wang)站(zhan)的(de)目(mu)錄(lu)指(zhi)的(de)是(shi)在(zai)企(qi)業(ye)網(wang)站(zhan)中(zhong)創(chuang)建(jian)的(de)站(zhan)內(nei)目(mu)錄(lu)，相(xiang)當(dang)於(yu)網(wang)站(zhan)的(de)子(zi)目(mu)錄(lu)。目(mu)錄(lu)結(jie)構(gou)的(de)好(hao)壞(huai)，對(dui)於(yu)站(zhan)點(dian)本(ben)身(shen)的(de)上(shang)傳(chuan)維(wei)護(hu)，內(nei)容(rong)未(wei)來(lai)的(de)擴(kuo)充(chong)和(he)移(yi)植(zhi)有(you)著(zhe)重(zhong)要(yao)的(de)影(ying)響(xiang)。
確定網站的目錄結構的注意事項：
1、不要將所有文件都存放在根目錄下
wangzhandewenjiandoucunfangzaigenmuluxiahenshidewangzhanlanmuhunluan，changchangrangrengaobuqingnaxiewenjianxuyaobianjihegengxinde，naxiewuyongdewenjiankeyishanchu，naxieshixiangguanliandewenjian，zhejianghuifeichangyingxiangwangzhanhouqiyouhuadegongzuoxiaolv。
此ci外wai，就jiu是shi會hui影ying響xiang網wang站zhan文wen件jian的de上shang傳chuan速su度du慢man，因yin服fu務wu器qi一yi般ban都dou會hui為wei根gen目mu錄lu建jian立li一yi個ge文wen件jian索suo引yin，建jian立li新xin的de索suo引yin文wen件jian，文wen件jian量liang越yue大da，等deng待dai的de時shi間jian也ye將jiang越yue長chang。所suo以yi，盡jin可ke能neng的de減jian少shao根gen目mu錄lu的de文wen件jian存cun放fang數shu。
2、按欄目內容建立子目錄
子(zi)目(mu)錄(lu)的(de)建(jian)立(li)首(shou)先(xian)按(an)主(zhu)菜(cai)單(dan)欄(lan)目(mu)建(jian)立(li)。其(qi)他(ta)的(de)次(ci)要(yao)欄(lan)目(mu)，如(ru)需(xu)要(yao)經(jing)常(chang)更(geng)新(xin)的(de)可(ke)以(yi)建(jian)立(li)獨(du)立(li)的(de)子(zi)目(mu)錄(lu)。而(er)一(yi)些(xie)相(xiang)關(guan)性(xing)強(qiang)，不(bu)需(xu)要(yao)經(jing)常(chang)更(geng)新(xin)的(de)欄(lan)目(mu)可(ke)以(yi)合(he)並(bing)放(fang)在(zai)一(yi)個(ge)統(tong)一(yi)目(mu)錄(lu)下(xia)。建(jian)議(yi)所(suo)有(you)程(cheng)序(xu)一(yi)般(ban)都(dou)存(cun)放(fang)在(zai)特(te)定(ding)目(mu)錄(lu)。
3、目錄的層次不要太深
4、不要使用中文目錄
5、不要使用過長的目錄。
第三，確定網站的鏈接結構
網站的鏈接結構指的是網站各個頁麵之間相互鏈接的拓撲結構。一般建立在目錄結構基礎之上，但可以跨越目錄。
建立網站鏈接結構有兩種基本方式：
1、樹狀鏈接結構
樹狀鏈接結構是一種類似DOS的目錄結構，首頁鏈接指向一級頁麵，一級頁麵鏈接指向二級頁麵。
優點是：條理清晰，訪問者明確知道自己在什麼位置，不會"迷"路。
缺點是：瀏覽效率低，一個欄目下的子頁麵到另一個欄目下的子頁麵，必須繞經首頁。
2、星狀鏈接結構
星狀鏈接結構類似於網絡服務器的鏈接，每個頁麵相互之間都建立有鏈接。
優點是：瀏覽方便，隨時可以到達自己喜歡的頁麵。
缺點是：鏈接太多，容易使瀏覽者迷路，搞不清自己在什麼位置，看了多少內容。
網站欄目、目錄、lianjiedeshejidouyougezidezhuyichengxiang，shejishizaijinxingbutonghuanjiedeshejishixuyaoyouzhenduixingdejinxingsheji。xiamianfenxingkejixiaobianjiuweidajiajieshaoyixiawangzhanshejizhiwangzhanlanmu、目錄、鏈接的設計的相關注意項。
第一，網站欄目的設計
shejiyigeqiyewangzhanhaobixieyipianwenzhang，yaozuodaozhutimingque，cengciqingxi。wangzhanlanmudeshejishizhishangshiyigewangzhandedagangsuoyin，suoyinyinggaijiangwangzhandezhutimingquexianshichulai。yibandewangzhanlanmuanpaiyaozhuyiyixiajidian：
1、要緊扣主題
wangzhanlanmudehuafenyaoyiwangzhanzhutiweihexin，zhutilanmugeshuzaizonglanmuzhongyaozhanjueduiyoushi，zheyangdewangzhanshejicainengxiandezhuanye，zhutituchu，rongyigeirenliuxiashenkeyinxiang。
2、設立最近更新或網站指南欄目
企(qi)業(ye)網(wang)站(zhan)是(shi)了(le)好(hao)設(she)立(li)一(yi)個(ge)最(zui)近(jin)更(geng)新(xin)或(huo)網(wang)站(zhan)指(zhi)南(nan)欄(lan)目(mu)欄(lan)目(mu)，這(zhe)樣(yang)可(ke)以(yi)讓(rang)用(yong)戶(hu)在(zai)來(lai)到(dao)網(wang)站(zhan)時(shi)第(di)一(yi)眼(yan)發(fa)現(xian)最(zui)新(xin)的(de)內(nei)容(rong)，並(bing)快(kuai)速(su)找(zhao)到(dao)自(zi)己(ji)想(xiang)要(yao)去(qu)的(de)欄(lan)目(mu)。
3、設立可以與用戶交流的欄目
這zhe個ge欄lan目mu主zhu要yao是shi為wei了le提ti升sheng網wang站zhan與yu用yong戶hu的de粘zhan度du，幫bang助zhu網wang站zhan與yu客ke戶hu建jian立li良liang好hao的de關guan係xi。如ru論lun壇tan，留liu言yan本ben，郵you件jian列lie表biao等deng，可ke以yi讓rang瀏liu覽lan者zhe留liu下xia他ta們men的de信xin息xi。
4、設立資料下載或常見問題回答欄目
xinxigongxiangshiwangluoshidaideyigetuchutedian，ziliaoxiazaihuochangjianwentihuidahuozhehenhaodezaiwangzhanzhongxingchengyigexinxigongxiangdepingtai。zheyangduiwangzhandexuanchuanheshuliwangzhanpinpaifeichangdeyouyi。
第二，確定網站的目錄結構
網(wang)站(zhan)的(de)目(mu)錄(lu)指(zhi)的(de)是(shi)在(zai)企(qi)業(ye)網(wang)站(zhan)中(zhong)創(chuang)建(jian)的(de)站(zhan)內(nei)目(mu)錄(lu)，相(xiang)當(dang)於(yu)網(wang)站(zhan)的(de)子(zi)目(mu)錄(lu)。目(mu)錄(lu)結(jie)構(gou)的(de)好(hao)壞(huai)，對(dui)於(yu)站(zhan)點(dian)本(ben)身(shen)的(de)上(shang)傳(chuan)維(wei)護(hu)，內(nei)容(rong)未(wei)來(lai)的(de)擴(kuo)充(chong)和(he)移(yi)植(zhi)有(you)著(zhe)重(zhong)要(yao)的(de)影(ying)響(xiang)。
確定網站的目錄結構的注意事項：
1、不要將所有文件都存放在根目錄下
wangzhandewenjiandoucunfangzaigenmuluxiahenshidewangzhanlanmuhunluan，changchangrangrengaobuqingnaxiewenjianxuyaobianjihegengxinde，naxiewuyongdewenjiankeyishanchu，naxieshixiangguanliandewenjian，zhejianghuifeichangyingxiangwangzhanhouqiyouhuadegongzuoxiaolv。
此ci外wai，就jiu是shi會hui影ying響xiang網wang站zhan文wen件jian的de上shang傳chuan速su度du慢man，因yin服fu務wu器qi一yi般ban都dou會hui為wei根gen目mu錄lu建jian立li一yi個ge文wen件jian索suo引yin，建jian立li新xin的de索suo引yin文wen件jian，文wen件jian量liang越yue大da，等deng待dai的de時shi間jian也ye將jiang越yue長chang。所suo以yi，盡jin可ke能neng的de減jian少shao根gen目mu錄lu的de文wen件jian存cun放fang數shu。
2、按欄目內容建立子目錄
子(zi)目(mu)錄(lu)的(de)建(jian)立(li)首(shou)先(xian)按(an)主(zhu)菜(cai)單(dan)欄(lan)目(mu)建(jian)立(li)。其(qi)他(ta)的(de)次(ci)要(yao)欄(lan)目(mu)，如(ru)需(xu)要(yao)經(jing)常(chang)更(geng)新(xin)的(de)可(ke)以(yi)建(jian)立(li)獨(du)立(li)的(de)子(zi)目(mu)錄(lu)。而(er)一(yi)些(xie)相(xiang)關(guan)性(xing)強(qiang)，不(bu)需(xu)要(yao)經(jing)常(chang)更(geng)新(xin)的(de)欄(lan)目(mu)可(ke)以(yi)合(he)並(bing)放(fang)在(zai)一(yi)個(ge)統(tong)一(yi)目(mu)錄(lu)下(xia)。建(jian)議(yi)所(suo)有(you)程(cheng)序(xu)一(yi)般(ban)都(dou)存(cun)放(fang)在(zai)特(te)定(ding)目(mu)錄(lu)。
3、目錄的層次不要太深
4、不要使用中文目錄
5、不要使用過長的目錄。
第三，確定網站的鏈接結構
網站的鏈接結構指的是網站各個頁麵之間相互鏈接的拓撲結構。一般建立在目錄結構基礎之上，但可以跨越目錄。
建立網站鏈接結構有兩種基本方式：
1、樹狀鏈接結構
樹狀鏈接結構是一種類似DOS的目錄結構，首頁鏈接指向一級頁麵，一級頁麵鏈接指向二級頁麵。
優點是：條理清晰，訪問者明確知道自己在什麼位置，不會"迷"路。
缺點是：瀏覽效率低，一個欄目下的子頁麵到另一個欄目下的子頁麵，必須繞經首頁。
2、星狀鏈接結構
星狀鏈接結構類似於網絡服務器的鏈接，每個頁麵相互之間都建立有鏈接。
優點是：瀏覽方便，隨時可以到達自己喜歡的頁麵。
缺點是：鏈接太多，容易使瀏覽者迷路，搞不清自己在什麼位置，看了多少內容。
