一、为什么要设计网站

企业进行网站建设时一定要先了解自身的综合状况，明确企业希望通过网站实现的功能，了解企业建站目的，才能实现企业最终想要的效果。

【案例2-1】“红孩子”为什么能“红”起来

案例点评

在很多时候，真正起效果的不是照书上说的按部就班地设计网站，也不是模仿其他网站的成功经验，而是打破常规、标新立异，寻找出最适合自己的方法。

所以，学习是为了掌握思路及别人的成功经验，但是不要盲目模仿。需要打破常规，尝试按自己的思路进行制作，设计出满足顾客使用习惯的个性化网站。

知识链接

（一）网站目标指导网站设计

网站目标必须是实在的、可以操作的，用来指导网站设计及所有网站运营行为的，而不是表面的、敷衍了事的。企业必须在动手建立网站之前就确定好网站目标。这样，在网站制作过程中若遇到某些问题，可以依据网站目标进行取舍。另外，网站目标要明确。很多没有经验的人不一定能做到这一点。最常见的错误就是把网站目标定得过于宽泛，无法指导实践。

网站目标在设计网站的整个过程中指导营销人员作出判断和决定。在设计网站的所有元素和细节时，应该从各个角度促使浏览者接纳你想让他采取的行动，以达成营销目标。

在网站设计过程中，可能会遇到以下问题。

（1）添加一个箭头的图片是否能把用户目光吸引到箭头指向的网站口号上？或者吸引到“下一步”按钮？

（2）添加一张员工真实照片是否能增强用户信任？还是仅仅因为设计师觉得页面更美观？

（3）包含促销信息的旗帜广告在用户来到购物车，以及后面的付款页面时是否还要显示？会不会分散用户注意力？

（4）电子杂志注册表格仅放在电子杂志说明页面，还是放在所有页面最显著位置？广告旗帜、导航和电子杂志注册表格哪个更接近网站目标？

（5）免费试用版软件下载前是否要求用户留下姓名和电子邮件地址？下载和收集邮件地址哪个是网站目标？

（6）“免费下载”文字或图片是否可以放大，让用户一打开网页别的什么也没看到时就不可避免地看到“免费下载”？

如果在设计网站时不清楚网站目标是什么，也就意味着不清楚最该让网站浏览者做什么，在设计网站时就不会把所有设计元素的力量集中在网站目标上。只有明确了网站目标，在网站制作过程中才会有意识地采取各种手段，把用户引导到网站目标上。

（二）确定网站目标的原则

确定网站目标的原则主要有以下几点。

1．现实性

现实性，即用户有可能达成的网站目标。例如，当网站销售的是价值几十万，甚至几百万的工业设备时，网站就不要设定为直接在线销售，而是留下联系方式，让浏览者联系企业，询问进一步情况，索取报价单、产品目录，或者直接打电话给销售部门。

2．可测量性

网络营销最大的优势之一就是营销效果可以精确测量和分析，并可以在此基础上改进营销手法。如在线订单、订阅电子杂志、下载软件、下载电子书等，都会在网站后台或服务器日志文件中留下明确数据。但有时则要想一些方法才能实现网站目标的测量，如辅助实体店，吸引用户打印折扣券（虽然可以知道用户是否打开了折扣券所在的网页，但有没有打印，网站是不容易知道的）。

3．行动性

网站目标应该是特定的用户行为，也就是用户要采取行动的一件具体事情。无论是生成订单还是注册电子邮件列表，或者下载、填写在线联系表格、打电话、单击链接等，都是明确的用户行为。

4．明确单一

网站目标设定不可以太多。不然在建设网站或遇到一些需要做决策的问题时，就会常产生冲突，难以抉择。在某些特殊情况下，若单一目标达成困难，可以加一个辅助目标。如购物类网站，第一位的网站目标当然就是直接产生销售，如果浏览者没在网站买任何东西，就要想办法让浏览者订阅电子杂志，作为辅助网站目标。

（三）选择域名

在做一个网站之前，必须先选择好一个域名。一个好的域名可以起到事半功倍的作用。

1．域名选择的注意点

1）域名后缀的选择

现在的域名后缀种类繁多，有.com/.net/.cn/.com.cn/.net/.org/.cc/.la/.name/.in等几十种之多。面对这么多的后缀，该如何选择呢？其实这也不难，首先就是要了解这些后缀域名的使用量。目前而言，.com的后缀域名一直都名列前茅，其次是.net和.org后缀域名，而.cc后缀域名则是直线上升。通常，使用量大的说明其普及率很高，那么在选择后缀域名时，应该以其为主。

2）域名组成形式的选择

一般，域名的组成方式有纯数字、纯字母、混合型（是指将数字、字母或者符号混合）三种。在注册域名时，要根据自己的需要来组合域名，然后通过相关的工具来查询自己想到的域名是否已被注册。

3）域名的易记易读性

一个易记易读的域名可以帮助用户记住网址，以便再次回访时可以通过直接输入网址来访问网站，这样有利于打造网站品牌。但是要注意，尽量不要选择简拼的域名，有些简拼很拗口也很难记录。

4）域名与网站的相关性

若网站域名与网站类型具有相关性，在优化网站时可以在搜索引擎的排名中得到加分。所以在建设网站时，首先要确定自己的网站类型，然后根据自己的网站类型选择与之相关的域名。

2．怎样选择一个好的域名

（1）必须使用自己的独立域名。

对一个要真正在互联网上有所作为的网站来说，使用别人的网址风险过大。一旦服务商方面有任何风吹草动，辛辛苦苦建立起来的流量、品牌、搜索引擎排名等将付之东流。因此，建议所有企业或个人都要注册自己的独立域名。

（2）域名要短，且容易记忆。

现在用得比较多的域名是“英文字母+数字”，因此，短域名比较容易被记住。如大家知道的hao123这个站点（见下图），其域名就是采用“英文字母+数字”的方法，方便用户记忆。从销售角度来说，好记的域名可以节省推广成本，在同一行业中更有优势。

（3）连词符的使用。

当企业想用某个域名，而该域名又被注册时，就可以考虑在单词中间加连字符，如panda-inc.com、seo-help.com等。

但是要注意，不可过多地使用连词符，一般包括1～3个还是可以被接受的。

（4）选择与行业相关的域名。

在选择域名时，可以考虑把行业相关的词融合到域名里面，这样便于用户清楚了解该网站所从事的行业（见下图）。

（5）域名后缀以.com最好。

现在的域名种类很多，不过无论是用户还是站长，提到网站域名，最优先的选择还是.com域名，所以在可能的情况下，应该尽量选择注册.com域名（见下图）。如果想要的.com域名版本已经被注册，那么.cn也是不错的选择。

如果是机构组织而非商业网站，第一选择当然是.org域名。除非有很明确的原因，否则不建议注册.info、.name或其他更加奇怪的域名类型。

（6）域名注册以品牌优先。

大部分情况下，域名注册时可以适当包含关键词。如果企业或站长目标更为远大，希望在网络领域创出真正的名牌，则不建议在域名中含有关键词，无论是英文单词还是拼音。

要想真正创造一个品牌，最好的方式是抛弃产品或行业名称作为公司名称，甚至自己的名字都不用，而是自造一个念起来响亮的单词。

（7）域名应及早确定，不宜改动。

企业网站必须及早确定和注册域名，除非有万不得已的原因，日后不宜再作改动。

好的域名想到就应该尽快注册，不然被其他人抢注，可能会后悔莫及。网站开通后，所有的营销工作、流量、品牌，都以确定的域名为基础，不宜再作改动。如果想做内容完全不同的网站，就注册一个新域名。

如果因为域名被惩罚而换域名，则更没有必要。如果没有找到域名被惩罚的原因，不从根本上解决问题，换多少域名还是会被惩罚。

（四）选择主机

注册了域名之后，下面开始选择主机。

1．选择主机的注意事项

1）主机的速度

现在人们的生活节奏越来越快，几秒打不开网页就会因为速度太慢而直接关掉网页。所以，想留住用户，网站速度必须快。

2）空间的稳定性

网站分类有很多，主要有下载站、图片站、小说站、视频站等。在选择时，最好选择那些分类比较明确的。通常，有实力的服务商都会将这些网站进行分类，并将不同类别的网站放置在不同的服务器上，使其互不影响。而有些服务商的服务器则是乱七八糟，什么都放，这样很容易导致网站打不开。

3）技术服务支持

对于新手而言，他们可能不了解挂马、流量攻击等网络安全方面的知识，那就更谈不上对网络中的威胁防御了。所以，在建设网站时就应该设置好技术服务支持，一旦出现问题就可以直接向其请教。国内的IDC（Internet Data Center，互联网数据中心）在这方面做得比较好，但是主机的价格不便宜。

4）主机环境

一般所需的主机环境都是常规的，但是也有特别的。所以，在选择主机前一定要知道是否支持功能插件。在选择时一定要多了解、多询问。

5）主机的流量

很多主机都会限制流量，可以根据访问量选择对应的主机。有些主机在正常访问时没有问题，但是若遇到非常规流量攻击时，就会导致网站无法打开。在选择时，最好使用没有流量限制的主机，但不限制流量的主机的缺点是稳定性不好。

2．主机种类的选择

网站空间的主机主要有以下几种选择。

1）虚拟主机

虚拟主机是指多个网站用户分享一台服务器资源。

2）独立服务器

独立服务器是指一台服务器只有一个用户，资源独享。它包括服务器租用和服务器托管两种形式。

3）VPS主机

VPS主机是指多个用户分享一台服务器，但每个用户都有自己的权限，有独立的资源划分。

（五）制定网站方案

在设计网站之前一定要进行细致的规划，制定一个完整的网站设计方案，只有这样才可能达到预期的建站目的。制定网站方案主要可以分为市场分析及网站定位、网站内容设计、网站维护与推广、网站运营、网站投资与风险分析五个部分。

1．市场分析及网站定位

1）市场分析

● 分析相关行业的市场行情、特点等。

● 分析竞争对手上网情况及其网站规划、功能作用。

● 分析公司自身条件、公司概况、市场优势、可以利用网站提升哪些竞争力、建设网站的能力（费用、技术、人力）等。

2）建设网站的目的及功能定位

● 明确设计网站的目的，如宣传产品、进行电子商务、开拓市场等。

● 根据公司的需要和计划，整合公司资源，确定网站的功能，如产品宣传、网上营销、客户服务、电子商务等。

● 根据网站功能，确定网站应达到的目的和作用。

● 分析企业内部网的建设情况和网站的可扩展性。

2．网站内容设计

1）网站技术解决方案

● 考虑采用自建服务器，还是租用虚拟主机。

● 选择操作系统。可根据投入成本、功能、稳定性和安全性等进行选择。

● 采用系统性的解决方案。

● 制定网站安全性措施，如防黑、防病毒方案。

● 相关程序开发，如网页程序ASP、JSP、CGI及数据库程序等。

2）网站内容规划

● 根据网站的目的和功能规划网站内容，一般包括公司简介、产品介绍、服务内容、价格信息、联系方式、网上订单等内容。

● 对于电子商务类网站而言，要提供会员注册、详细的商品服务信息、信息搜索查询、订单确认、付款、个人信息保密措施、相关帮助等。

3）网页设计

● 网页设计一般要与企业整体形象一致，要符合CI规范，要注意网页色彩、图片的应用及版面规划，保持网页的整体一致性。

● 网页设计要考虑主要目标访问群体的分布地域、年龄阶层、网络速度、阅读习惯等。

● 制订网页改版计划，如半年到一年时间进行一次较大规模的改版。

4）网站测试

● 测试服务器稳定性、安全性。

● 测试程序及数据库。

● 测试网页兼容性。

5）网站建设日程表

网站建设日程表主要包括各项规划任务的开始完成时间安排以及负责人等内容。

3．网站维护与推广

1）网站维护

● 服务器及相关软硬件的维护。即对可能出现的问题进行评估，制定响应时间。

● 数据库维护。有效地利用数据是网站维护的重要内容。

● 内容的更新、调整等。

● 制定相关网站维护的规定，将网站维护制度化、规范化。

2）网站发布与推广

● 借助联盟计划、搜索引擎登记、广告等方法推广网站。

4．网站运营

1）网站的运营管理

网站的运营管理包括：制定网站运营管理制度，制作网站运营目标和运营实施计划，安排网站及内容更新人员和网站安全维护技术人员等。

2）人员需求与工作分配

网站可以实施主编负责制，由主编管理网站的日常运营工作；副主编协助主编工作，负责网站的策划、改版、维护等工作；设计人员负责网站的整体形象设计、改版及新建栏目模版的设计；技术人员负责网站程序设计、编制以及网站服务的维护和安全工作；栏目负责人协助主编管理专栏，保证栏目更新以及与会员的沟通交流；编辑人员根据专题更新网站内容。

5．网站投资与风险分析

1）费用明细

费用明细主要包括各项事宜所需的费用清单。

2）投资与风险分析

网站的投资风险主要包括行业周期风险、产品周期风险、经营费用上升风险、技术安全性风险、开发市场风险等。针对这些风险，企业可以采取以下措施来降低风险程度。

● 行业周期风险：采用分期投入方式。

● 产品周期风险：尽快建立起数据库，占领行业交易市场及经济情报市场；同时做好技术服务、社会培训等其他辅助性业务。

● 经营费用上升风险：加强费用核算，控制成本。

● 技术安全性风险：安排专人紧密跟踪网络安全技术的发展，及时维护网站。

● 开发市场风险：采用网络技术，加大宣传力度，扩大社会影响，降低开发市场的投入。

（六）建立网站框架

建立网站框架主要包括确定网站栏目与版块、确定网站目录结构与链接结构等。

1．确定网站栏目与版块

1）网站栏目

栏目主要是指网站的大纲索引，该索引需要将网站的主体明确地显示出来。常见的栏目主要有休闲娱乐类、文化教育类、生活服务类（见下图）以及招聘类等。

安排网站栏目的注意事项如下。

● 要紧扣网站主题。

● 设置最近更新与网站导航栏目（见下图）。

● 设定可以双向交流的栏目，如电话（见下图）、留言板、BBS、邮箱等。

● 设置一个下载或常见问题回答的栏目（见下图）。

2）版块设置

版块的概念比栏目的概念要大一些，栏目包含在版块之中（见下图）。

设计版块的注意事项如下。

● 各版块之间要有相对独立性。

● 各版块之间要有相互关联性。

● 版块的内容要围绕站点主题。

所有版块结合在一起就组成了网站的版面。网站的版面通常是指在浏览器中可以看到的完整页面。版面布局是指在一个限定范围内合理安排、布置图像和文字的位置，使页面整齐美观。常见的版面布局主要有“同”字形结构布局、“回”字形结构布局、“匡”字形布局、左右对称结构布局、自由式结构布局、另类结构布局等。

（1）“同”字形结构布局。

“同”字形结构布局是指页面顶部为主菜单，下方左侧为二级栏目条，右侧为链接栏目条，中间显示具体内容布局（见下图）。该布局方式可以使页面结构清晰、主次分明，但显得有点呆板，会让人感觉乏味。

（2）“回”字形结构布局。

“回”字形结构布局是在“同”字形结构布局的下方添加一横条状的菜单或广告（见下图）。该布局方式可以充分利用版面，信息量大以及切换方便，但页面比较拥挤，四面封闭的形式让人感觉憋气。

（3）“匡”字形结构布局。

“匡”字形结构布局是“同”字形结构布局的变形，只要将“同”字形结构逆时针旋转90度就可以（见下图）了。这种布局结构克服了“回”字形结构封闭的缺陷，所列信息量和“同”字形结构大体相同。

（4）左右对称结构布局。

左右对称结构布局是采用分割屏幕的方式实现的，是网页布局结构中最为简单的构图（见下图）。该布局方式页面的信息含量较低，不适合大型专业化的网站。

（5）自由式结构布局。

自由式结构布局的页面像一张宣传海报，主要以一张精美的图片作为页面设计中心，菜单栏目自由地布置在页面上（见下图）。该布局方式较为美观，容易吸引浏览者的眼球，一般用于时尚站点，如时装、化妆品等相关网站。

（6）另类结构布局。

另类结构布局是以整体图案为主体的布局结构，所有元素有机地组合在一起，无缝连接，浑然一体，有着强烈的立体空间感。

另类结构布局通常把主体图案设计成一模拟的实物或场景，把带有链接性的按钮设计成实物的某一部件或场景中的个体。这类网页有着明显的叛逆的特色，故称为“另类”结构布局。

2．确定网站目录结构与链接结构

1）目录结构

网站的目录结构也就是建立网站时创建的目录。网站的目录结构对于站点本身的上传、网站内容的扩展和移植有着重要的影响。

建立网站目录结构的注意事项如下。

● 不要将所有的文件都存放在根目录下。因为这样易导致文件管理混乱及上传速度慢等。

● 按目录内容建立子目录。对于需要经常更新的内容可以为其建立独立的子目录，而那些相关性强，并且不需要经常更新的栏目可以存放在同一个子目录中。

● 在每个主目录下建立独立的images目录，这样有利于管理。

● 目录的层次不可太深，建议不要超过三层。

● 不要使用中文目录。因为中文目录在网址中不易显示。

● 不要使用过长的目录。因为长目录不易于记忆。

● 要使用意义明确的目录。

2）链接结构

网站的链接结构是指网页之间相互链接的拓扑结构，是建立在目录结构基础之上的。网站的链接结构有两种形式。

● 树状链接结构。该结构类似DOS的目录结构，首页链接指向二级页面，然后设置二级界面指向三级界面（见下图）。树状链接结构的条理清晰，便于访问者明确了解自己的位置，但其浏览效率较低。

● 星状链接结构。该结构是在每个页面之间都建立链接（见下图）。星状链接结构的优点是浏览方便，但链接太多容易使浏览者搞不清自己所在的位置。

最好的链接结构是在首页与一级页面之间采用星状链接结构，而在一级页面与二级页面之间采用树状链接结构。

（七）设计网站页面

网站页面是企业向用户提供信息的平台。网站页面的设计主要从以下几个方面进行。

1．掌握网站页面设计要素

1）要具有特色

不管是新闻网站还是商业网站，具有一定的特色可以把网站的宗旨和理念有力地予以诠释。例如，一个设计精巧的LOGO能够迅速地吸引用户的眼球，有利于用户记忆，最终提升网站影响力。

2）整体设计简洁

在设计首页的时候，要力求整体简洁、朴素，色彩搭配顺畅、均衡、和谐，页面布局大方，版块过渡要协调、合理，字间距、行间距适度。同时，要强化信息本身的功能，屏弃杂乱无章的广告、友情链接等。

3）栏目分类清晰

为了页面整体上的美观以及用户查找访问的方便，需要对信息及相关服务进行必要的分类，形成清晰、合理、可行的栏目规划，使其可以引导用户轻松、快捷地按需要选择相关栏目。

4）局部创新

网站要在各方面保持持续创新的态度，尤其是首页。因此，网站首页的内容布局和总体风格可以在局部位置大胆求新求变，以改变呆板、落伍的形象，适应广大用户求新、求变、求奇、求特的心理，保持用户的持续兴趣。可以借鉴传统平面媒体的经验，在字体、字号、颜色、排向、图片构图等方面根据信息内容以及信息引导的需要作出相应的调整。

2．首页设计

1）确定首页的功能模块

首页的功能模块（见下图）主要有以下几种。

● 网站名称、广告条、主菜单。

● 新闻、搜索、友情链接。

● 联系方式及版权信息等。

2）首页版面设计

首页版面设计是指运用造型要素及形式原理对版面中的文字、图像、线条、表壳、色块等进行排版，主要包括以下几个过程。

● 构思并画出草图。

● 从草稿中选出设计稿，并进一步描绘出其细节。

● 完成以上的操作后，开始进行正式的设计、排版以及绘制操作。

3）处理技术上的细节

技术细节的处理主要是指在风格、链接、图形、动画、文字以及速度等方面进行处理。

3．栏目与版面设计

对于栏目与版面设计，最好的方法是先找一张白纸，将理想中的草图勾勒出来，然后再用网页设计软件进行制作。

1）版面设计的原则

● 主次分明，中心突出。

● 大小搭配，相互呼应。

● 图文并茂，相得益彰。

2）版面布局的常用方法

● 正常平衡。正常平衡又称均匀，是指左右上下对称，主要强调秩序，能达到安定诚实、值得信赖等效果。

● 异常平衡。异常平衡也就是非对称形式，但它也有平衡与韵律。该布局可以达到强调性、不安性、高注目性等效果。

● 对比。对比可以在形式上分清主从关系，便于浏览。

● 凝视。凝视是利用页面中的人物视线，使浏览者仿照跟随。从而达到注视页面的效果。

● 空白。空白是指网页中不同元素间的区域，该区域并不一定是白色的，而是内容上的空白。使用空白区域减少了访客需要浏览一气呵成的文字量，有助于他们浏览网站或网页的不同部分。有效地使用空白区域可以平衡网站布局，使网站模板干净利落并清新

● 图片解说。该方法对不能用语言说服或用语言无法表达的情感特别有效。图片解说的内容可以传达给浏览者更多的心理因素。

4．页面可视化设计

页面可视化设计要遵循页面视觉效果设计合理、导览性好、下载速度快等原则。页面可视化设计主要需注意色彩设计、字体设计等内容。

1）色彩设计

每一种色彩都可以有无数种搭配的可能，但最基本的搭配有以下六种。

● 单色搭配。单色色相通常都由暗、中、明三种色调组成，并没有形成颜色层次，但是形成了明暗层次（见下图）。这种搭配在设计中使用效果更佳。

● 类比色搭配。类比色通常是指相邻的颜色（见下图），而类比色之间都会有共同的颜色。这种颜色搭配可以产生令人悦目的和谐美感。

● 补色搭配。补色通常是指在色轮上直线相对的两种颜色（见下图）。补色搭配可以形成强烈的对比效果，可以让人感受到活力。

● 分裂补色。分裂补色是指同时使用补色及类比色来确定颜色关系（见下图）。这样既具有类比色的美感，又具有补色的力量感。

● 原色搭配。原色就是指红、黄、蓝三原色（见下图）。通常，三原色同时使用是比较少见的。但是，红黄搭配的应用范围比较广。而红蓝搭配只有在两者区域分离时才会吸引人，若紧靠在一起就会产生冲突感。

● 二次色搭配。二次色之间都会拥有一种共同的颜色（见下图），比如，两者共同拥有蓝色、两者共同拥有黄色、两者共同拥有红色，所以可以很容易地形成协调的搭配。

2）字体设计

一般情况下，浏览器是通过GB 2312字符集和英文ISO—8859—1字符集来解释和翻译网页源代码的。浏览器默认字体为中文宋体、英文Times New Roman字体，这两种字体可以在任何操作系统和浏览器中使用。

设计字体时要注意以下几点。

● 尽量不使用字体变形。因为变形后的字体通常会显得不够美观。

● 排版时要做到大标题、小内文（即粗标题、细内文）。

● 要保证色彩与背景具有一定的差异，实现可见性、易读性。

● 字体大小要适中，要保持页面整洁，阅读舒适。

● 全文排版要分段，做到层次分明。

● 同一页面采用的字体应在3种以内。

● 对于理性类网站宜采用较冷静理智的方正字体，而感性类网站可使用较具变化感的字体。

5．图像设计

图像设计主要注重图像的格式、大小、设计技巧等。

1）图像的格式与大小

● 格式。图像的格式通常采用GIF与JPEG格式。

● 大小。对于图像的大小要求，一般是单张30KB、单页60KB。对于较大图像可以进行切割。

2）图像设计技巧

● 在进行图像设计时，要尽量为图像加入说明。

● 要注意缩略图的使用。

● 要适时进行图片更新。

● 对于图像要善用透明色。

● 对于网页背景图片要使用得当。

6．动画设计

动画设计主要可以分为GIF动画与Flash动画两种。其中，GIF动画是图像文件格式。而Flash为网页动画设计软件，是一种交互式动画设计工具，用它可以将音乐，声效、动画以及富有新意的界面融合在一起，以制作出高品质的网页动态效果。

（八）设计导航系统

导航通常是线框图模板的一部分，即多个页面具有相同的导航条，这些导航条组成了网站复杂的导航系统。为了使浏览者不在网站中迷失方向，最好的办法是为网站设计导航系统，且要保证每个网页中至少有一个指向主页的链接。

1．导航类型

1）全局导航

全局导航包括网站的主要栏目和一级目录内容所对应的页面（见下图）。全局导航出现在网站的每页上，使用户在浏览网站时可以随时随地由全局导航链接直接抵达相应的页面。

2）局部导航

局部导航包括网站的次要栏目和二级以上目录内容所对应的页面。用户可以通过局部导航链接进入相关页面。

2．导航策略

1）导航条

导航条实际上是一组链接，通过它可以告诉浏览者目前所在的位置（见下图）。一般来说，网站的每个网页上都会显示一个导航条。

2）网站导航图

网站导航图通常用于大型网站，就是将网站的主要栏目在一个网页中集中体现（见下图）。导航图可以在一个大型和复杂的网站上提供快速导航，浏览者可以得到关于网站系统的内容和设计的概要，为网站的回头客提供参考点等。但是，由于导航图只能提供有限的内容，而且很难帮助浏览者确定自己的位置，所以不能作为主要的导航方式。

3．导航技巧

除了上面介绍的导航条和导航图外，还有许多导航技巧可以使用，以帮助浏览者更简单有效地查阅网站信息。

（1）抓住能表达链接页面含义的文字作为超链接，有效控制超链接的字串长度，避免字串过长或过短。

（2）在使用图形导航按钮或图像导航图时，要同时采用文本链接，以保证让浏览者看明白。

（3）要为图形导航按钮提供替换文本。这样，当浏览者取消图片显示后，替换文本就可以显示。

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

（5）不要在短小的网页中提供太多的超链接。

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

（7）突出超链接。

（8）链接层次不宜过深。

（9）使用“上一页”、“下一页”、“转到N页”、“返回”、“回首页”等链接按钮。