4.5.1导航的实现方法

4.5.1　导航的实现方法

1. 导航条

导航最常用的实现方法就是“导航条”。在导航条中，超链接所对应的网页在网站的层次型结构中是并列的，所以通过它可以快速地切换到并列的其他网页。如图4-43所示的多媒体CAI课件设计制作(http://jpkc.hnfnu.edu.cn/2006_dmtcai)网站主页左边一列便是一个导航条，该导航条在所有网页中都存在，只要单击这个导航条中任意一个栏目名，就可进入该栏目首页。有些内容繁多的复杂网站的主页还设计了多个导航条，每个导航条为某一类网页导航。

图4-43　多媒体CAI课件设计制作网站里的“导航条”

几乎在所有的学院网站都可以找到类似的导航条，不同之处可能只在表现形式上。如湖南第一师范网站、多媒体CAI课件设计制作网站的导航条采用类似图片按钮的形式，而首都之窗网站、微软公司网站、新浪网、“我从草原来——德德玛”个人网站等的导航条则直接采用文字超链接的形式。

2. 路径导航

除了普通的导航条之外，导航另一种非常重要的实现方法是“路径导航”，即在网页上显示这个网页在网站层次型结构上的位置。通过路径导航，用户不仅可以了解当前所处的位置，还可以快速地返回到当前网页以上的任何一层网页。

例如，图4-44所示的湖南第一师范学院网站里的一个网页上就有“路径导航”，从这个路径导航可以清楚地看到当前这个网页归属于“第一师范网站首页>教育动态”栏目，而且通过它还可以直接跳转到湖南第一师范学院首页或教育动态栏目的首页。

图4-44　湖南第一师范学院网站的“路径导航”

新浪网上也有类似的路径导航，如图4-45所示的新浪网2006世界杯“葡萄牙对荷兰”网页，类似地从其上的路径导航便可知道这个网页是处于“sina>世界杯首页>新闻>荷兰>葡萄牙对荷兰”之下，同时通过它可以回到其上的任何一层网页。

3. 其他导航方式

除了上述“导航条”和“路径导航”实现导航的重要方法之外，还有一些扩展的实现方法，如重点导航、相关导航等，这些导航可以让用户有更多、更灵活的方式找到自己所感兴趣的网页。例如，新浪网在每一个新闻内容网页的底部都有一个区域，里边罗列着与这个新闻相关的新闻网页的超链接，如图4-46所示网页里有“相关链接”，这就是“相关导航”。有些网页上还有“重点导航”，在网页醒目的地方用一个图案或按钮链接到重要的网页中去。

图4-45　新浪网2006世界杯网页中的“路径导航”

图4-46　新浪网页里的相关导航