网站结构设计.ppt

4.5 网站导航 网站分类栏目导航条 图书分类导航条 4.5 网站导航 几乎在所有的网站上都可以找到类似的导航条，不同之处可能只在表现形式上，导航条既可以是文本链接，也可以是一些图形按钮等。比如当当网的导航条采用类似图片按钮的形式，而首都之窗网站、微软公司网站、新浪网等的导航条则直接采用文字超链接的形式。使用超文本链接或图片链接，使人们能够在网站上自如地前进或后退，而不要让他们使用浏览器上的前进或后退。记住，在所有图片上使用ALT标识符注明图片名称或解释，以便那些不愿意自动加载图片的用户能够了解图片的含义。 4.5 网站导航 由于人们习惯于从左到右、从上到下阅读，一般情况下，主要的导航条应放在网页中较引人注目的位置，通常是在网页的顶部或左侧。导航条是对网站栏目的一个索引，无论在站点中如何跳转，导航条按钮始终出现在屏幕上。对于较长的页面来说，在最底部设置一个简单导航也很有必要。 导航要清晰、便于浏览。应注意整个网站中各个页面间的联系，网页应该具有一致风格的导航系统，为用户浏览提供方便。 导航条作为网页头部的一部分，经常采用主色调，比如首都之窗主页和易趣网主页就属于这种情况。另一方面，导航条因为介于网页的头部和内容中间，所以也经常作为头部和内容部分的过渡，这种情况下通常采用灰色系，比如IBM公司主页就采用了黑色导航条。 4.5 网站导航 导航条系统的构成主要有以下几种形式。 （1）导航目录。 导航目录是最完整的导航系统，通常作为网站建设的其中一项重要功能来设计。它反映了网站的逻辑结构，是网站内容的分类列表。导航目录一般采用文本链接的形式。 导航目录作为一个单独的功能页面被其他页面链接，而目录内的各项又按分类链接至各个页面，构成了一张网站的地图。 设计导航目录时主要采用树状结构的表格将网站的重要功能反映出来。在表格中的各个项目（包括一级页面、二级页面等等）都应该提供直接的链接。导航目录应该是相对稳定的，一般不提供最低级页面的链接，因为这些页面是可变的。 4.5 网站导航 4.5 网站导航 （2）导航栏目。 浏览过众多网站的读者都会留意到许多大型网站的页面顶部醒目的位置有一些固定的的分类链接，这些就是导般栏目。导航栏的作用是将整个网站的内容介绍给人，引导浏览者游历站点，它使浏览者对每一个分页面的内容有一个概括性的了解，知道哪些内容对自己重要，从而点击链接浏览。 导航栏目是用户在规划好站点结构，开始设计主页时必须考虑的一项内容。事实上，导航栏就是一组超级链接，这组超级链接的目标就是本站点的主页以及其他重要网页。在设计站点中的诸网页时，可以在站点的每个网页上显示一个导航栏，这样，浏览者就可以既快又容易的转向站点的其他网页。 4.5 网站导航 导航栏目通常用条状表格制成，一般不超过两行，置于页面顶部，在网站Logo、首席广告条的下方，而在正文内容的上方。这样设置有两个好处。首先，对于整体页面设计来说，导航栏目和网站的Logo等信息是整个网站的标志，与网站内容应该鲜明区别，导航栏目在这里就起到了区分两者的作用；其次，上网多的读者都能意识到，这样的风格设计己经成为了大型网站的设计主流，因而成为了默认的浏览标准； 导航栏目的设计以网站结构的设计为基础。导航栏目是网站导航系统的最重要组成部分之一，它的栏目设置对于访问者尤其是对于第一次进入网站的访问者的浏览兴趣影响十分大。栏目设置一定要清晰、彻底地反映网站的结构。导航栏中的按钮应该包括：主页、联系方式、反馈及其他—些用户感兴趣的内容。 4.5 网站导航 网站结构图与导航栏的区别是：网站结构图可以而且也应该包括与导航栏类似的链接，供用户点击至相关网页，但它并不是一个单纯的导航工具。它的目的在于提供独特的、更详细的站点结构概况。 有些网站许多页面的结构列表中有许多重复的项目，这些项目通常链接到网站的各大功能页面，其实这些项目就是以导航栏目的形式在各页面中实现的。将网站的各项一级功能、网站内容的分类标题、各大功能页面的标题，置于导航栏目中。 4.5 网站导航 导航栏目的样式设计是多样化的。最简单的形式就是用HTML中的tab功能实现。还因为导航栏在表现形式上就是一组分别指向不同超链接地址的按钮，所以通常情况下可用Fireworks软件制作按钮，在文档中通过复制按钮的方法快速构建导航栏。在复制了按钮后，分别为这些按钮指派不同的超链接地址并修改按钮上的文本，即可完成导航栏的创建。在网页中单击这些按钮就可以实现相应的跳转。由于这些按钮起到了很好的导航作用，因此被称为导航栏。 为使网站更加美观，可以采用变化的动态图标来使导航栏目变得更加生动活泼。 4.5 网站导航 设计导航栏时应主要以下几点: （1）图表比单纯的文字效果更佳，但它必须能够清楚地体现出它所链接的内容。图表下应附有文字说明，以避免