网页设计理念：网站导航系统和链接结构的设计

不管网站的系统多么复杂，我们都必须让浏览者觉得它既直接又简单。事实上，许多浏览者都是以一种跳跃的方式来访问网站的内容。为了使浏览者不在网站中迷失方向，最好的办法是为网站设计导航系统，最低限度应该保证每个网页中至少有一个指向主页的链接。有两类导航：

如何设计网站导航系统

（1）全局导航。包括网站的主要栏目和一级目录内容所对应的页面，这些页面的链接出现在网站的每页上。这样，用户浏览网站的任何时刻和任何地点，都有可以由全局导航链接直接抵达相应的页面上。

（2）局部导航。一般包括网站的次要栏目和二级以上目录内容所对应的页面。这些页面仅出现在一些相在联的页面上。用户只有在这些相关的页面上通过局部导航链进入这些页面。
有两种导航策略：导航条和网站导航图

（1）导航条，他实际上是一组链接，它可以告诉浏览者目前所在的位置。而且使浏览者既快又容易地转向网站的主要网页。一般来说我们应该在网站的每个网页上都显示一导航条，导航条在帮助浏览者确定自己在网站中的位置有很大的作用。

（2）网站导航图。是目前一种比较流行的做法，通常用于大型网站，即把网站的主要栏目在一个网页中集中体现。建立网站导航图的好处是：在一个大型和复杂的网站上提供快速导航，浏览都可以得到关于访网站系统的内容和设计的概要，为网站的回头客提供参考点等。但是网站导航图只能做为一种从属的导航方式，而不能做为主要的导航方式。这是因为它只能提供有限的内容，而且很难帮浏览者确定自己的位置。一般来说，可以把希望浏览者看到的网页放在导航图中，而无须把所有内容都在导航图中体现出来。
除了上面介绍的导航条和导航图处，还有许多导航技巧可以应用，它们可以为浏览者提供更简单和更有效的导航。

以下是几种主要的导航技巧：

（1）抓住能传达主要住处的字眼作为超链接，这样可以有效控制信超链接的字串长度，避免字串过长或过短，而不利于浏览者的阅读或点取。

（2）如果使用图形导航按扭或图像导航图，那么同时也应该采用文本链接，以保证让浏览者看得更明白。

（3）要为图形导航按扭提供替换文本，因为有的浏览者为了节省时间有可能会取消图形显示，这时替换文本就显得非常重要了。

（4）超文本的颜色应该与单纯叙述文本的颜色有所区别。

（5）不要在短小的网页中提供太多的超链接。适当，有效地使用超链接，是一个优良的导航系统不可或缺的条件之一，但过分滥用超链接，会损害网页文章的流畅性与可读性。

（6）暂时不提供超链接到尚未完成的网页。

如何设计网站的链接结构？

    网站的链接结构是指页面之间相互链接的拓朴结构。它建立在目录结构的基础上，但可以跨越目录。形象的说，每个页面是一个固定点，链接则是两个固定点之间的连线。一个点可以和一个点链接。更重要的是，这些点并不是分布在一个平面上的，而是存在一个立体的空间中。研究网站的链接结构的目的在于：用最少的链接，使得浏览更有效率。一般的，建立网站的链接结构有两种基本方式：

    （1）树状链接结构（一对一）。类似DOS的目录结构，首页链接指向一级页面，一级页面指链接向二级页面。立体结构看起来象蒲公英。这样的链接结构浏览时，一级级进入，一级级退出。树状链接的优点是条理清晰，访问者明确知道自己在什么位置，不会迷路。缺点是浏览效率低，一个栏目下的子页面到另一个栏目下的子页面，必须绕经首页。

    （2）星状链接结构（一对多）。这种结构之下每个页面相互之间都建立有链接。这种链接的优点是浏览方便，随时可以到达自己喜欢的页面。缺点是链接太多，容易使浏览者迷路，搞不清自己在什么位置，看了多少内容。

    这两种基本结构都只是理想方式，在实际的网站设计中，总是将这两种结构混合起来使用。我们希望浏览者既可以方便快捷的到达自己需要的页面，又可以清晰的知道自己在什么位置。所以，最好的方法是：首页和一级页面之间有星状链接结构，一级和二级页面之间有树状链接结构。如果站点内容庞大，分类明细，需要超过三级页面，那么建议在页面里显示导般条，可以帮助浏览者明确自己所处的位置。

    随着电子商务的推广，网站竞争越来越激烈，对链接结构设计的要求已经不仅仅局限于可以方便快速浏览，更加注重个性化和相关性。例如，一个爱婴主题网站里，有8个月婴儿的营养问题页面上，你需要加入8个月婴儿的健康问题链接，智力培养链接，或者是关奶月婴儿的信息，他们可能找到需要的问题后就离开网站了。如何尽可能留住访问者，是网站设计者未来必须考虑的问题。