在设计网站界面之前，不妨先勾画出站点结构图。心中有了蓝图，就有助于构建网站的某一部分或者某个网页。注意，网站有许多类型，并不是所有网站设计的目的都是让用户尽快找到所需要的信息。有些网站完全是为娱乐目的而设计的，有些则是教育用的，所以其界面设计应当能引导用户，而不是让他们自己找路。

网站结构

网站结构指的是网站中各网页页面是如何组织在一起的。网站结构有3种基本类型，即层次结构、线性结构、网状结构。

1. 层次结构

层次结构是网站制作最常用的一种结构。在一个层次化的网站结构中，浏览者可以很容易地知道自己在网站中的位置。单击上一级链接，可以获得更广泛的信息，而单击下一级链接可获得更具体的信息。在层次结构中，主页对它以下的内容提供了总体概览，还定义了一些指向更深层次的页面的链接。如图所示页面顶部，通过导航栏和位置提示栏浏览者可以轻松在网站中定位。

2. 线性结构

另一种组织网页文档的方式是使用线性或是有序的组织。在一个线性结构中，主页是题目，或者是介绍，而其他的页面则是按照这种结构有序地跟从。在一个严格的线性结构中，链接从一个页面到另一个页面，典型地说是向前向后。由于只有极少的地方可以去，所以在一个线性结构中，一般可以轻易地确定在上下文中的位置。使用网页页面来描述一个过程采取线性的结构十分合适，但只能用在局部。

如图所示的页面底部显示的页码数字导航链接，引导浏览者在一条线上前后定位。

3. 网状结构

在网站建设中，网状结构是一系列具有很少或者根本不具有总体结构的文档结构。将每个页面系在一起的唯一东西就是链接。网状结构倾向于自由流动以及允许浏览者无序地在各个页面之间跳转。这种结构需要谨慎使用，如果用户浏览该网点时，他的浏览目的是无序或随意的，那么可以使用这种模式。如图12.3所示，在右侧主体框架页里，随意散布着一些链接，在这些链接之间没有任何联系（前后关系、父子关系），浏览者可以随意地单击查看想要的内容。