1.網站的目錄結構
) \0 ~. e+ q% |8 c4 z
2 X* V+ Y, d; d& Q9 K 網站的目錄是指建立網站時創建的目錄,它們通常是一個個的文件夾。在用Frontpage98建立網站時都默認建立了根目錄和Images子目錄。目錄的結構是一個容易忽略的問題,目前我國許多網站都未經認真規劃,隨意創建子目錄。目錄結構的好壞,對瀏覽者來說並沒有什麼太大的感覺,但是對於站點本身的上傳維護,內容信息未來的擴充和移植有著重要的影響。在建立目錄結構的的過程中,應注意一下幾個問題 :
( X. p) s4 Y. ? @- w
7 G3 i! J& Q* {+ |. z(一)合理按排文件的目錄。不要將所有文件都存放在根目錄下。 有網站設計者為了方便,將所有文件都放在根目錄下。這樣做很容易造成文件管理的混亂。你常常搞不清哪些文件需要編輯和更新,哪些無用的文件可以刪除,哪些是相關聯的文件,十分影響工作效率。 另外,所有文件都在同一個根目錄下,在提交時會造成上傳速度慢。服務器一般都會為根目錄建立一個文件索引。當您將所有文件都放在根目錄下,那麼即使你僅僅上傳一個更新文件,服務器也需要將所有文件再檢索一遍,建立新的索引文件。很明顯,文件量越大,等待的時間也將越長。所以盡可能減少根目錄下的文件存放數。
% V) V) R" t" ?7 c% W7 r3 z$ l! h* u( k: B1 F; e+ O! K Y$ x. b' S# {
(二)按欄目內容建立子目錄 。子目錄的建立,首先按主菜單欄目建立。例如:計算機教育類站點可以根據應用軟件的類別分別建立相應的目錄,取名為Flash, windows,JavaScript等;商品零售站點可以按公司簡介,產品分類,價格,反饋聯繫等建立相應目錄。其他次要欄目,比如"新聞"、"友情連接",需要經常更新的可以建立獨立的子目錄。而一些相關性強,不需要經常更新的欄目可以合併放在一個統一目錄下。為了便於維護管理,所有需要下載的內容也最好放在一個目錄下,這樣可以方便瀏覽者。 ! p8 A2 \$ s( [+ I- d+ n% E+ M& Q
+ {* W) t) G @; v0 M(三)在每個一級目錄或二級目錄下都建立獨立的Images目錄。 每一個站點根目錄下都有一個Images目錄。如果將所有圖片都存放在這個目錄裡,對於網站管理很不方便,尤其是需要將某個主欄目打包供網民下載,或者將某個欄目刪除時,圖片的管理相當麻煩。在大型網站,圖片數以萬計,為一級二級欄目建立一個獨立的Images目錄是最方便管理的。而根目錄下的Images目錄只是用來放首頁和一些暫時性欄目的圖片。 需要注意的還有:1.目錄的層次不要太多,一般目錄的層次不要超過5層。對於網站的工作人員來說,層次越少查找起來也就越容易,也就越便於維護管理。 2. 不要使用中文目錄。網絡是無國界,Internet上使用最廣泛的語言是英語,如果使用中文目錄,有可能對網址的正確顯示造成困難,尤其會給非漢語的瀏覽者帶來不便。 3.使用意義明確的目錄文件名,當目錄眾多時,為目錄取名字時,取的名字盡量反映內容,以便於記憶管理。在前面的例子中,可以用Flash,windows,JavaScript做子目錄的名字,也可以用1,2,3或AAA,BBB,bbb建立目錄,但是前者更明確,更便於記憶和管理。 ; x& k6 p- G6 @/ T% I
$ v( e# d7 H( y( j4 O$ u2.網站的鏈接結構
2 j! L4 Y- k6 Q0 N# \
$ e# f2 n% x; ^& ^ f* i 網站的鏈接結構是指頁面之間相互鏈接關係,如果把這種關係畫成示意圖表,就好比一個拓撲結構圖。它建立在目錄結構基礎之上,但可以跨越目錄。形象的說:每個頁面都是一個固定點,鏈接則是在兩個固定點之間的連線。一個點可以和一個點連接,也可以和多個點連接。更重要的是,這些點並不是分佈在一個平面上,而是存在於一個立體的空間中。我們研究網站的鏈接結構的目的在於:用最少的鏈接,使瀏覽最有效率。當然,一個一般的個人主頁,一個一般的專業網站的內容有限,鏈接也就比較簡單;如果是建立電子商務站點,內容豐富,容量巨大,就必須設計合理的鏈接關係。否則,有些內容就可能少有機會與瀏覽者見面,或者瀏覽者進入網站如入雲霧山中,找不到出路。 安排鏈接結構的原則一是要符合瀏覽者的思維習慣和瀏覽習慣;一是要將網站中最重要的信息有最多的機會與瀏覽者見面。
5 U- k, [+ O$ V* n2 @# j5 n- g5 J5 K8 m0 \9 D3 |; ]# K! s, E
一般的說,建立網站的鏈接結構有兩種基本方式:
! m* q$ k4 Z! N3 Y& B' |8 ?# Y" o. Q9 j( L& }$ Q
(1).樹狀鏈接結構。首頁鏈接指向一級頁面,一級頁面鏈接指向二級頁面。這樣的鏈接結構頁面在被瀏覽時,一級一級地進入,一級一級地退出。優點是條理清晰,訪問者明確知道自己在什麼位置,不會"迷"路。缺點是瀏覽效率低,從一個欄目下的子頁面到另一個欄目下的子頁面,必須返回首頁後再進入。內容較少的個人站點可以採用這種鏈接結構。
3 |+ |( e& A$ x! Y; l4 @5 X) P$ I) b- ~5 I& H- s- E$ l
(2).星狀鏈接結構。類似網絡服務器的鏈接。在每個網頁設置一個共同的鏈接樞紐,使所有的頁面都可通過樞紐保持鏈接,也就是說鏈接樞紐是所有頁面的入口。Amazon網上書店,CCTV的網站,BHP網站都有這種鏈接結構,它的的優點是瀏覽方便,隨時可以切換到自己想看的頁面。這種鏈接結構有三個缺點:一是必須專門在網頁上留出一塊地方安置鏈接樞紐,佔用寶貴的網頁面積;二是鏈接太多,容易使瀏覽者迷失方向,搞不清自己在什麼位置,看了多少內容;三是這種鏈接要求每次翻頁都會將頁面全屏刷新,在顯示速度上會稍微慢一點。樹狀鏈接結構和星狀鏈接結構是兩種基本結構,它們很少有單一存在,在實際的網站設計中,總是將這兩種結構混合起來使用,以便達到互補的作用。我們希望瀏覽者既可以方便快速的看到自己需要的頁面,又可以清晰的知道自己的位置。所以,通常的做法是:首頁和一、二級頁面之間用星狀鏈接結構,二級和三級、四級頁面之後用樹狀鏈接結構。
5 G. |5 {6 e' T& r, x
V1 ?7 G" I: ?1 m有些電子商務站點的內容龐大,分類明細,往往有五六級甚至更多級數的目錄頁面,為幫助瀏覽者明確自己所處的位置,網站設計師往往在頁面裡顯示導航條,就像Amazon網上書店中的各個頁面裡均記錄著瀏覽者的位置,如:
. Z& l |8 K; |+ l, n2 c books>art,architecture & photography> architecture 4 Z. z( p$ t: M7 @6 @% Z
+ X0 W6 p8 ?* x3 A
: y8 K! `3 l, q6 b7 {9 {
中國的sina(新浪網)網站頁面上也有這種提示性字樣,如:0 k+ s1 y% @: }9 p
"您現在的位置是:首頁->財經新聞->股市信息->深圳股->深發展". s: k9 z' r; R
$ A. V# k" K2 S9 w1 g4 ]5 [/ [ 關於鏈接結構的設計,在實際的網站建設中是非常重要問題。採用什麼樣的鏈接結構直接影響到版面的佈局。例如鏈接樞紐放在什麼位置,是否每頁都需要放置,是否需要加入返回首頁的鏈接。在鏈接結構確定後,再開始考慮鏈接的效果和形式,是採用下拉表單,還是用DHTML動態菜單等等。/ Q( {; H. p! q) n" n
1 t# @" }# o- T4 M6 Q/ q2 }
隨著電子商務的推廣,網站競爭的越來越激烈,在網上交易、網上消費還未成氣候的情況下,網站的訪問人次的多少就成了衡量一個網站成功與失敗的重要指標。不管網站是什麼行業、什麼內容,只要它擁有大量的訪問人數,就具備了潛在的經濟價值,就有可能吸引廣告商;就有可能將網站高價賣出去;就有可能上市;在資本市場大大地賺一把。 難怪有人將網絡經濟稱之為"注意力經濟"或"眼球經濟"。) P& Q Q9 i' E, n) d
面對這樣一種嶄新的經營發展模式,電子商務站點如何吸引大量的瀏覽者,如何使他們在自己的網站中停留下來,或者說為瀏覽者提供什麼樣的信息服務,如何讓他們在網上消費,是網站經營者首先考慮的問題。這樣一來,網站對鏈接結構設計的要求已經不僅僅局限於可以方便快速的瀏覽,而是更加注重商品的屬性和相關性,更注重為客戶提供更多更全面的服務。例如,一個百貨零售網站裡,在嬰兒用品的頁面上,你需要加入有關嬰兒健康問題的鏈接,智力培養鏈接,或者是有關奶粉的鏈接,一本幼兒圖書,一個玩具的鏈接,甚至有關保姆價格信息,雇工法律咨詢的內容等等。瀏覽者通過一個欄目尋找關於嬰兒用品的大量信息,他們就可能長時間在網站停留,買很多的東西,並且下一次還會再來。如何盡可能增加瀏覽者在網上的消費,不單單是網絡技術問題,而是商務經營問題,網站設計者必須時時處處為客戶著想才能將網頁設計得適於商業的需要。
# }& q! u* N L7 M; t) o有人說過,軟件界面設計的最高境界是軟件使用過程的流暢性,說白了,也就是使用起來方便快捷。同樣,這一原則也適應於網站的鏈接結構設計。不過一個大型的電子商務網站鏈接要做到流暢性並不容易,往往需要試用,修改幾次反覆才趨於合理完善。 |
|