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

網站結構

網站結構指的是網站中各網頁頁面是如何組織在一起的。網站結構有3種基本類型，即層次結構、線性結構、網狀結構。

1. 層次結構

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

2. 線性結構

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

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

3. 網狀結構

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