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

網(wǎng)站結(jié)構(gòu)

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

1. 層次結(jié)構(gòu)

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

2. 線性結(jié)構(gòu)

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

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

3. 網(wǎng)狀結(jié)構(gòu)

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