网站设计与建设2.ppt

1、网 站 设 计 与 建 设Website design and developments,第2章导航与Web设计,第一部分 Web基础知识,21 导航重要性,导航并非必须，但是导航是获得网站信息最快捷、最清晰、最易理解的一种方式。 导航能使“游客”知道应该到哪里去畅游，导航是路线图、是路标。 导航设计的成功是网站设计成功的关键,对网站信息进行分类：通过分类可使浏览客户快速知道他所要获取的信息在哪一分类中，因此，导航(分类)要规范通俗易懂，为浏览客户提供便捷清晰和易于理解的路径，从而能尽快找到所需要的内容。 告知浏览所处的位置：当浏览网站的某一栏目时，所处的导航会用不同颜色或形状指示当前所浏览的

2、位置。 提供信息分类间切换：当浏览某类信息时，想切换到其他某类信息或主页时，导航会提供最快捷最便利的方法。 推荐重要的浏览信息：导航可以为浏览客户推荐网站最重要和具有特色的信息。,22 主要导航和次要导航,导航：信息分类汇总目录的超链接集合 主要导航应该可以从站点的各类层次栏目的网页上进行访问，是对整个网站信息的分类划分， 主要导航栏一般应以相同样式在相同位置出现于所有页面中。 次要导航仅可以在指定的某类层次栏目的网页内进行访问，它是对某一个栏目的信息分类划分， 次要导航栏应以相同样式在相同位置出现于所有该类的页面中。,23 导航体系,网站导航、浏览器导航、站点地图以及搜索引擎等共同组成导航体

3、系，引导浏览客户从互联网中获取信息。 网站导航 站点不遵守线性模型，它有分支，根据每一个分支支持的内容形成不同的深度，这个信息结构称为站点的信息体系。,网站是有一系列的页面组成，网站导航就是串接这些页面的链条。 通过网站导航应该可以访问到网站的任何页面，通过导航怎么也访问不到的页面，成为孤立页面。 在一个网站内部获取信息的最便捷、最重要的方式就是网站导航，网站导航是对网站信息的分类，也是页面布局划分的依据 在设计导航时，要以“用户至上”为原则，特别是以首次登入网站用户体验为原则，切忌不要以网站设计者“想当然”为原则,2被引导的导航 这种导航技术引领浏览客户一步一步地按照步骤完成某种任务，每一步

4、的页面都必须提供必要的信息，不能像(主动)导航一样，可以随时浏览各种导航信息。,被引导的导航-注册,被引导的导航-填写注册信息,被引导的导航-注册成功该进入商城购物,被引导的导航-挑选物品放入购物车,被引导的导航-继续购买,被引导的导航-去收银台,被引导的导航-付款方式,被引导的导航-提交信息,被引导的导航-显示购物单号,被引导的导航-购物结束-返回主页,返回,3浏览器导航 浏览器可以起到网页导航起不到的导航作用。 浏览器可以跟踪用户在Web上的位置，帮助用户到达他们想要去的位置。 后退 前进 URL地址域 URL下拉菜单 历史记录 收藏夹 状态条,历史纪录,返回,收藏夹,返回,4站点地图 站

5、点地图是网站体系的结构图形表示，可以显示信息体系中最重要的层次和站点的不同部分是如何互相联系的，以及如何和站点结构联系的，站点地图也称为网站地图。 站点地图不是一个图片，而是一个清晰地列出了网站各个栏目、重要网页、热点网页及其相互链接关系的静态网页，并且通常以“sitemap.htm”为文件名，放置在根目录下。,返回,导航地图,返回,5搜索引擎 搜索引擎是仅次于门户的互联网第二大核心技术， 要用到信息检索、人工智能、计算机网络、分布式处理、数据库、数据挖掘、数字图书馆、自然语言处理等多领域的理论和技术 谷歌搜索网站 百度搜索网站 雅虎搜索网站 北京大学天网搜索网站,6其他导航 颜色：导航条使用

6、区别于其他导航条的颜色指示当前导航位置。 图像：图像也可以为位置提供有用的指示器 超链接颜色：使用默认颜色可以帮助用户了解他们已经看过哪些页面。 导航指示符号：现在有很多网站在特定页面上，有“首页”、“上一页”、“下一页”、“末页”等箭头符号、按钮或页面层次指示路径，用于在多个页面间移动。,24 站点结构,站点结构是指站点在服务器上保存的方式。 一个网站实际上对应Web服务器上的一个磁盘普通文件夹 网站在服务器上保存文件的目录结构就是站点结构。 层次性 逻辑性， 开发管理和维护,站点位置：Web服务器安装后 虚拟目录 根目录名：该名字最好是所要建立站点名称的缩写，另外加上root、www或si

7、te，以示与其他普通文件夹的区别 CST_ROOT。 目录名称：子目录应该为目录语义的英文单词或拼音的缩写 注意大小写是不一样的，因为这影响到使用URL访问网页， 在站点结构中的目录是大小写敏感的。 文件名称: 站点结构中的网页文件名也是大小写敏感的 在没有特殊情况下，站点结构中的网页文件名应该为小写。 对于鼠标感应图片可以命名为“图片名”+“_”+“on/off” 同一个文件有多个版本的情况，可以使用：“文件名+v数字” 连续使用一组含义相同有序的文件，可以使用“文件名+数字”,25 导航规则,3次点击规则 通过导航应该点击不超过3次就可以找到所需要的信息。 站点并不需要选择独特的导航方式

8、不要求“独具匠心” 规则也不是绝对的 站点结构清晰和逻辑性强 词能达意的链接体名称， 清晰明辨的按钮组合， 语义清晰的页面标题和一致的导航元素,导航系统是手段不是目的 借鉴成功导航 导航系统应该包含多种导航 主要导航、次要导航、站点地图、热点链接和站内搜索等 导航外观会对用户产生影响 令人清爽的导航外观 导航名称要规范和大众化 一般要求导航条要规整，易识别，文字长度应尽可能一致，文字含义要明确，尽量使用约定俗成的导航名称，不要试图具有独特性， 例如“首页”、“新闻”、“通知”、“下载”、“站点地图”、“关于我们”、“联系我们”等。 导航名称命名既要有吸引力，又要简明扼要和准确 最新通知和新闻需要有提示 当前导航条提示 网站徽标和名称要放到主页的左上方,导航行动计划,确定