重庆五车科技发展有限公司

网站草图与网页布局，为什么说导航结构的设计一直是网页设计者比较关心的问题？

发布时间：2022-09-24浏览次数：1488

网站草图：一般是在纸上绘制出网站的布局和大致外观，也可在特定的软件中（如Freehand和Fireworks）精确地绘制草图。当具体制作网站内容时，将一切参考网站草图进行。

网页布局：Dreamweaver MX提供了重复使用页面布局的简便方法，即制作网站时使用模板。使用模板技术不但可以提高网页制作的效率，而且当我们决定修改整个网页布局时，仅需更改模板即可。

Web网站设计中，导航结构的设计一直是网页设计者比较关心的问题。

导航栏对整个网站内容有提纲的作用，同时，一些广告和网站更新通知也经常放置在导航栏中，导航栏往往需要随时改变。

1．导航结构的设计

导航栏一定要清晰、醒目。通常导航栏要在“第一屏”能显示出来，横向放置的导航栏要优于纵向的导航栏。

下面这些方法会非常有用：

（1）“当前位置”：在每一页的顶部提示当前所在页所处的位置，以便让浏览者知道身在何处，并可轻松地返回到上一层页面。

（2）“搜索和索引”：在网站中添加搜索和索引功能，可以让浏览者快速查找到所需要的内容。

（3）“反馈信息”：提供电子邮件地址或电话等信息，以便让浏览者能联系到网站的网管人员。遇到任何问题都可以快速得到反映并解决。

2．链接结构

网站的链接结构是指页面之间相互链接的拓扑结构。它建立在目录结构基础之上，但可以跨越目录。

每个页面都是一个固定点，链接则是在两个固定点之间的连线。一个点可以和一个点链接，也可以和多个点链接。这些点并不是分布在一个平面上，而是存在于一个立体的空间中。

我们研究网站的链接结构的目的在于用最少的链接，使得浏览最有效率 。

链接结构的两种基本方式

树状链接结构（一对一）

首页链接指向一级页面，一级页面链接指向二级页面。立体结构看起来就像蒲公英。浏览时，一级级进入，一级级退出。

优点是条理清晰，访问者明确知道自己在什么位置，不会迷路。

缺点是浏览效率低，一个栏目下的子页面到另一个栏目下的子页面，必须绕经首页。

星状链接结构（一对多）

每个页面相互之间都建立有链接。立体结构像东方明珠电视塔上的钢球。

优点是浏览方便，随时可以到达自己喜欢的页面。

缺点是链接太多，容易使浏览者迷路，搞不清自己在什么位置，看了多少内容。