网站设计与建设-第2 章 导航与Web设计
相关主题
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
返回
27
其他导航元素
返回
28
3次点击规则
u 通过导航应该点击不超过3次就可以找到
所需要的信息.
u 如果过多点击才能获得信息,就会使浏览
客户容易迷失方向和不知所措.
返回
29
独特导航
返回
30
网站徽标和名称要放到主页的左上方
返回
31
�
u u u u
实例予以说明. 2-6 站点地图的基本概念是什么?为什么在一个较为复杂 的网站需要创建站点地图? 2-7 请使用搜索引擎google,百度,天网等搜索"搜索引 擎原理",察看搜索信息是否一样,熟悉各种搜索引擎的 使用方法以及工作原理. 2-8 什么是站点结构?说明站点结构的重要性. 2-9 什么是网站体系? 2-10 导航应该遵守哪些主要的导航原则? 2-11 针对不同的客户群(即使同一类型的网站也可能客户 群不同),试分析学校网站,政府网站,企业网站,娱乐 网站,旅游网站和商务网站等的导航设计一样吗?
第2章 导航与Web设计
《网站设计与建设》
概 述
u 导航的重要性 u 导航的分级体系 u 导航的不同类型 u 站点结构与导航 u 常见导航规则
2
1. 导航的重要性:
u 导航并非必须,但是导航是获得网站信息最快 u u
u u u
捷,最清晰,最易理解的一种方式. 导航能使"游客"知道应该到哪里去畅游,导航 是路线图,是路标. 导航不仅仅是一些超链接,而且是客户一看导 航就知道他需要的信息在那里,导航应该是一 个网站信息的总体分类. 提供信息分类间切换 . 推荐重要的浏览信息:导航可以为浏览客户推 荐网站最重要和具有特色的信息. 导航设计的成功是网站设计成功的关键.
8
第2章 小结
u 导航的重要性 u 导航的分级体系 u 导航的不同类型 u 站点结构与导航的关系 u 导航元素:标题,颜色,图像,路标
符号,网站地图
u 常见导航规则
9
第2章 思考问题
u 2-1 网站必须设计站内导航吗?请说明理由. u 2-2 什么是主要导航和次要导航? u 2-4 为什么有些网站必须使用"被引导的导航"?请举两个 u u
6
4.站点结构:描述站点在服务器上的保存方式;一个 站点对应一个文件夹.文件夹和文件名 一定要"望名知义",站点结构中的目录 和文件名是大小写敏感的.
7
5.导航规则
u u u u u u u u u u u
导航应遵循"3次点击规则 " 站点并不需要选择独特的导航方式,特例除外 站点结构清晰和逻辑性强 借鉴成功导航 导航系统应该包含多种导航 :主要导航,次要导 航,站点地图,热点链接和站内搜索等. 导航外观会对用户产生影响 导航名称要规范和大众化:导航名称要规范,大 众化,如首页,下载. 导航名称命名既要有吸引力又要简明扼要和准确 最新通知和新闻需要有提示 当前导航条提示 网站徽标和名称要放到主页的左上方
3
2.导航基本概念
u导航:信息分类汇总目录的超链接集合 u主要导航:可以从站点的各类层次栏目的
网页上进行访问,是对整个网站信息的分 类划分,主要导航栏一般应以相同样式在 相同位置出现于所有页面中
u次要导航:在指定的某类层次栏目的网页
内进行访问,它是对某一个栏目的信息分 类划分,次要导航栏应以相同样式在相同 位置出现于所有该类的页面中.
END
10
网站导航
返回
11
被引导的导航- ebay
12
被引导的导航-注册
13ห้องสมุดไป่ตู้
被引导的导航-登录电子商务交易平台
14
被引导的导航-选择购买物品
15
被引导的导航-确认所购物品以及付款方式
16
被引导的导航- ebay的Email确认函
返回
17
浏览器导航
图2.10 浏览器导航
18
历史纪录
19
收藏夹
返回
20
站点地图
21
站点地图
22
站点地图
23
站点地图
24
站点地图
返回
25
搜索引擎-"中文搜索引擎指南"网站
26
搜索引擎-知名搜索网站
谷歌搜索网站http://www.google.com:Larry Page和SergeyBrin,该技术诞生于斯坦福大学的 一个学生宿舍里 百度搜索网站 http://www.baidu.com:李彦 宏,徐勇,百度网站2000年1月创立于北京中关村, 是全球最大的中文搜索引擎. 雅虎搜索网站 http://www.yahoo.cn 北京大学天网搜索网站 http://e.pku.edu.cn
4
2.导航基本概念-续
5
3.导航体系
u 导航体系:站点的结构图,由顶层主页和各分
u u u u u u
支具有不同深度的子页组成,也称为站点的信 息体系. 网站导航:串接网站页面的链条. 被引导的导航:引领浏览客户按照步骤完成某 种任务. 浏览器导航:地址栏,收藏夹,历史纪录 站点地图:网站体系的结构图形表示,站点地 图也称为网站地图. 搜索引擎:打开互联网信息海洋宝库的一把金 钥匙,解决了在信息海洋中"迷航"的问题. 其他导航:颜色 ,图像,超链接颜色 ,导航 指示符号 .
27
其他导航元素
返回
28
3次点击规则
u 通过导航应该点击不超过3次就可以找到
所需要的信息.
u 如果过多点击才能获得信息,就会使浏览
客户容易迷失方向和不知所措.
返回
29
独特导航
返回
30
网站徽标和名称要放到主页的左上方
返回
31
�
u u u u
实例予以说明. 2-6 站点地图的基本概念是什么?为什么在一个较为复杂 的网站需要创建站点地图? 2-7 请使用搜索引擎google,百度,天网等搜索"搜索引 擎原理",察看搜索信息是否一样,熟悉各种搜索引擎的 使用方法以及工作原理. 2-8 什么是站点结构?说明站点结构的重要性. 2-9 什么是网站体系? 2-10 导航应该遵守哪些主要的导航原则? 2-11 针对不同的客户群(即使同一类型的网站也可能客户 群不同),试分析学校网站,政府网站,企业网站,娱乐 网站,旅游网站和商务网站等的导航设计一样吗?
第2章 导航与Web设计
《网站设计与建设》
概 述
u 导航的重要性 u 导航的分级体系 u 导航的不同类型 u 站点结构与导航 u 常见导航规则
2
1. 导航的重要性:
u 导航并非必须,但是导航是获得网站信息最快 u u
u u u
捷,最清晰,最易理解的一种方式. 导航能使"游客"知道应该到哪里去畅游,导航 是路线图,是路标. 导航不仅仅是一些超链接,而且是客户一看导 航就知道他需要的信息在那里,导航应该是一 个网站信息的总体分类. 提供信息分类间切换 . 推荐重要的浏览信息:导航可以为浏览客户推 荐网站最重要和具有特色的信息. 导航设计的成功是网站设计成功的关键.
8
第2章 小结
u 导航的重要性 u 导航的分级体系 u 导航的不同类型 u 站点结构与导航的关系 u 导航元素:标题,颜色,图像,路标
符号,网站地图
u 常见导航规则
9
第2章 思考问题
u 2-1 网站必须设计站内导航吗?请说明理由. u 2-2 什么是主要导航和次要导航? u 2-4 为什么有些网站必须使用"被引导的导航"?请举两个 u u
6
4.站点结构:描述站点在服务器上的保存方式;一个 站点对应一个文件夹.文件夹和文件名 一定要"望名知义",站点结构中的目录 和文件名是大小写敏感的.
7
5.导航规则
u u u u u u u u u u u
导航应遵循"3次点击规则 " 站点并不需要选择独特的导航方式,特例除外 站点结构清晰和逻辑性强 借鉴成功导航 导航系统应该包含多种导航 :主要导航,次要导 航,站点地图,热点链接和站内搜索等. 导航外观会对用户产生影响 导航名称要规范和大众化:导航名称要规范,大 众化,如首页,下载. 导航名称命名既要有吸引力又要简明扼要和准确 最新通知和新闻需要有提示 当前导航条提示 网站徽标和名称要放到主页的左上方
3
2.导航基本概念
u导航:信息分类汇总目录的超链接集合 u主要导航:可以从站点的各类层次栏目的
网页上进行访问,是对整个网站信息的分 类划分,主要导航栏一般应以相同样式在 相同位置出现于所有页面中
u次要导航:在指定的某类层次栏目的网页
内进行访问,它是对某一个栏目的信息分 类划分,次要导航栏应以相同样式在相同 位置出现于所有该类的页面中.
END
10
网站导航
返回
11
被引导的导航- ebay
12
被引导的导航-注册
13ห้องสมุดไป่ตู้
被引导的导航-登录电子商务交易平台
14
被引导的导航-选择购买物品
15
被引导的导航-确认所购物品以及付款方式
16
被引导的导航- ebay的Email确认函
返回
17
浏览器导航
图2.10 浏览器导航
18
历史纪录
19
收藏夹
返回
20
站点地图
21
站点地图
22
站点地图
23
站点地图
24
站点地图
返回
25
搜索引擎-"中文搜索引擎指南"网站
26
搜索引擎-知名搜索网站
谷歌搜索网站http://www.google.com:Larry Page和SergeyBrin,该技术诞生于斯坦福大学的 一个学生宿舍里 百度搜索网站 http://www.baidu.com:李彦 宏,徐勇,百度网站2000年1月创立于北京中关村, 是全球最大的中文搜索引擎. 雅虎搜索网站 http://www.yahoo.cn 北京大学天网搜索网站 http://e.pku.edu.cn
4
2.导航基本概念-续
5
3.导航体系
u 导航体系:站点的结构图,由顶层主页和各分
u u u u u u
支具有不同深度的子页组成,也称为站点的信 息体系. 网站导航:串接网站页面的链条. 被引导的导航:引领浏览客户按照步骤完成某 种任务. 浏览器导航:地址栏,收藏夹,历史纪录 站点地图:网站体系的结构图形表示,站点地 图也称为网站地图. 搜索引擎:打开互联网信息海洋宝库的一把金 钥匙,解决了在信息海洋中"迷航"的问题. 其他导航:颜色 ,图像,超链接颜色 ,导航 指示符号 .