在設計網(wǎng)站界面之前，不妨先勾畫(huà)出站點(diǎn)結構圖。心中有了藍圖，就有助于構建網(wǎng)站的某一部分或者某個(gè)網(wǎng)頁(yè)。注意，網(wǎng)站有許多類(lèi)型，并不是所有網(wǎng)站設計的目的都是讓用戶(hù)盡快找到所需要的信息。有些網(wǎng)站完全是為娛樂(lè )目的而設計的，有些則是教育用的，所以其界面設計應當能引導用戶(hù)，而不是讓他們自己找路。

網(wǎng)站結構

網(wǎng)站結構指的是網(wǎng)站中各網(wǎng)頁(yè)頁(yè)面是如何組織在一起的。網(wǎng)站結構有3種基本類(lèi)型，即層次結構、線(xiàn)性結構、網(wǎng)狀結構。

1. 層次結構

層次結構是網(wǎng)站制作最常用的一種結構。在一個(gè)層次化的網(wǎng)站結構中，瀏覽者可以很容易地知道自己在網(wǎng)站中的位置。單擊上一級鏈接，可以獲得更廣泛的信息，而單擊下一級鏈接可獲得更具體的信息。在層次結構中，主頁(yè)對它以下的內容提供了總體概覽，還定義了一些指向更深層次的頁(yè)面的鏈接。如圖所示頁(yè)面頂部，通過(guò)導航欄和位置提示欄瀏覽者可以輕松在網(wǎng)站中定位。

2. 線(xiàn)性結構

另一種組織網(wǎng)頁(yè)文檔的方式是使用線(xiàn)性或是有序的組織。在一個(gè)線(xiàn)性結構中，主頁(yè)是題目，或者是介紹，而其他的頁(yè)面則是按照這種結構有序地跟從。在一個(gè)嚴格的線(xiàn)性結構中，鏈接從一個(gè)頁(yè)面到另一個(gè)頁(yè)面，典型地說(shuō)是向前向后。由于只有極少的地方可以去，所以在一個(gè)線(xiàn)性結構中，一般可以輕易地確定在上下文中的位置。使用網(wǎng)頁(yè)頁(yè)面來(lái)描述一個(gè)過(guò)程采取線(xiàn)性的結構十分合適，但只能用在局部。

如圖所示的頁(yè)面底部顯示的頁(yè)碼數字導航鏈接，引導瀏覽者在一條線(xiàn)上前后定位。

3. 網(wǎng)狀結構

在網(wǎng)站建設中，網(wǎng)狀結構是一系列具有很少或者根本不具有總體結構的文檔結構。將每個(gè)頁(yè)面系在一起的唯一東西就是鏈接。網(wǎng)狀結構傾向于自由流動(dòng)以及允許瀏覽者無(wú)序地在各個(gè)頁(yè)面之間跳轉。這種結構需要謹慎使用，如果用戶(hù)瀏覽該網(wǎng)點(diǎn)時(shí)，他的瀏覽目的是無(wú)序或隨意的，那么可以使用這種模式。如圖12.3所示，在右側主體框架頁(yè)里，隨意散布著(zhù)一些鏈接，在這些鏈接之間沒(méi)有任何聯(lián)系（前后關(guān)系、父子關(guān)系），瀏覽者可以隨意地單擊查看想要的內容。