山东大学web技术课程教学ppt2

山东大学计算机科学与技术学院
6
《网站规划与网页设计》
普通高等教育“十一五”国家级规划教材 重点大学计算机专业系列教材
4.站点结构：描述站点在服务器上的目录保存方式； 一个站点对应一个文件夹。文件夹和文 件名一定要“望名知义”,站点结构中的 目录和文件名是大小写敏感的。
山东大学计算机科学与技术学院
7
普通高等教育“十一五”国家级规划教材 重点大学计算机专业系列教材
被引导的导航- ebay的Email确认函
返回
山东大学计算机科学与技术学院
17
《网站规划与网页设计》
普通高等教育“十一五”国家级规划教材 重点大学计算机专业系列教材
浏览器导航
图2.10 浏览器导航
山东大学计算机科学与技术学院
18
历史纪录
普通高等教育“十一五”国家级规划教材 重点大学计算机专业系列教材
网站徽标和名称要放到主页的左上方
返回
山东大学计算机科学与技术学院
32
END
山东大学计算机科学与技术学院
10
《网站规划与网页设计》
普通高等教育“十一五”国家级规划教材 重点大学计算机专业系列教材
网站导航
返回
山东大学计算机科学与技术学院
11
《网站规划与网页设计》
普通高等教育“十一五”国家级规划教材 重点大学计算机专业系列教材
被引导的导航- ebay
山东大学计算机科学与技术学院
《网站规划与网页设计》
普通高等教育“十一五”国家级规划教材 重点大学计算机专业系列教材
山东大学计算机科学与技术学院
19
收藏夹
《网站规划与网页设计》
普通高等教育“十一五”国家级规划教材 重点大学计算机专业系列教材
返回
山东大学计算机科学与技术学院
20
《网站规划与网页设计》
普通高等教育“十一五”国家级规划教材 重点大学计算机专业系列教材
普通高等教育“十一五”国家级规划教材 重点大学计算机专业系列教材
站点地图
山东大学计算机科学与技术学院
24
《网站规划与网页设计》
普通高等教育“十一五”国家级规划教材 重点大学计算机专业系列教材
站点地图
山东大学计算机科学与技术学院
25
《网站规划与网页设计》
普通高等教育“十一五”国家级规划教材 重点大学计算机专业系列教材
山东大学计算机科学与技术学院
28
《网站规划与网页设计》
普通高等教育“十一五”国家级规划教材 重点大学计算机专业系列教材
其他导航元素
返回
山东大学计算机科学与技术学院
29
《网站规划与网页设计》
普通高等教育“十一五”国家级规划教材 重点大学计算机专业系列教材

网站3次点击规则
在获取信息主要入口点(不一定是从主页开始算



览器导航、站点地图、搜索引擎以及其他引导导航等共同组成，引 导浏览客户从互联网的Web网站中快速、准确地获取信息。 网站信息体系：站点不遵守线性模型，它有分支，根据每一个分支 支持的内容形成不同的深度，这个信息结构称为网站信息体系。 网站导航：串接网站页面的核心链条。 被引导的导航：引领浏览客户按照步骤完成浏览任务。 浏览器导航：地址栏、收藏夹、历史纪录 站点地图：网站信息体系的结构图形表示，显示信息体系中最重要 的层次和站点的不同部分是如何互相联系的，站点地图也称为网站 地图。 搜索引擎：打开互联网信息海洋宝库的一把金钥匙，解决了在信息 海洋中“迷航”的问题。 其他导航：颜色 、图像、超链接颜色 、导航指示符号 。
起)通过导航应该点击不超过3次就可以找到所
需要的信息。
如果过多点击才能获得信息，就会使浏览客户
容易迷失方向和不知所措。
返回
山东大学计算机科学与技术学院
30
《网站规划与网页设计》
普通高等教育“十一五”国家级规划教材 重点大学计算机专业系列教材
独特导航
返回
山东大学计算机科学与技术学院
31
《网站规划与网页设计》
普通高等教育“十一五”国家级规划教材 重点大学计算机专业系列教材
第2章 导航与Web设计
山东大学计算机科学与技术学院
《网站规划与网页设计》
《网站规划与网页设计》
普通高等教育“十一五”国家级规划教材 重点大学计算机专业系列教材
概 述
导航的重要性 导航基本概念 导航的分级体系 导航的不同类型 站点结构与导航 Web导航设计原则
山东大学计算机科学与技术学院
4
《网站规划与网页设计》
普通高等教育“十一五”国家级规划教材 重点大学计算机专业系列教材
2.导航基本概念-续
山东大学计算机科学与技术学院
5
《网站规划与网页设计》
普通高等教育“十一五”国家级规划教材 重点大学计算机专业系列教材
3.导航体系
导航体系：由网站导航(主要导航、次要导航)、被引导的导航、浏
山东大学计算机科学与技术学院
8
《网站规划与网页设计》
普通高等教育“十一五”国家级规划教材 重点大学计算机专业系列教材
第2章 小结
导航的重要性
导航概念以及分级体系
导航的不同类型
站点结构与导航的关系
导航元素：标题、颜色、图像、路标
符号、网站地图
网站导航设计原则
山东大学计算机科学与技术学院
山东大学计算机科学与技术学院
2
《网站规划与网页设计》
普通高等教育“十一五”国家级规划教材 重点大学计算机专业系列教材
1.导航的重要性：
导航并非必须，但是导航是获得网站信息最快




捷、最清晰、最易理解的一种方式。 导航能使“游客”知道应该到哪里去畅游，导 航是路线图、是路标。 提供信息的分类以及信息分类之间的切换 。 导航不仅仅是一些超链接，而且是客户一看导 航就知道他需要的信息在那里，导航应该是一 个网站信息的总体分类。 推荐重要的浏览信息：导航可以为浏览客户推 荐网站最重要和具有特色的信息。 导航设计的成功是网站设计成功的关键。
谷歌搜索网站：Larry Page 和 Sergey Brin，该00年1月创立于北京中关村，是全球最大的中文 搜索引擎。
雅虎搜索网站 北京大学天网搜索网站 搜索引擎还有：360综合搜索 (/so/index.html)、 360搜索(/)、必应 bing搜索 (/?scope=web)、有 道youdao搜索 (/)、即刻jike 搜索(/)等。 返回
站点地图
山东大学计算机科学与技术学院
21
《网站规划与网页设计》
普通高等教育“十一五”国家级规划教材 重点大学计算机专业系列教材
站点地图
山东大学计算机科学与技术学院
22
《网站规划与网页设计》
普通高等教育“十一五”国家级规划教材 重点大学计算机专业系列教材
站点地图
山东大学计算机科学与技术学院
23
《网站规划与网页设计》
12
《网站规划与网页设计》
普通高等教育“十一五”国家级规划教材 重点大学计算机专业系列教材
被引导的导航-注册
山东大学计算机科学与技术学院
13
《网站规划与网页设计》
普通高等教育“十一五”国家级规划教材 重点大学计算机专业系列教材
被引导的导航-登录电子商务交易平台
山东大学计算机科学与技术学院
14
《网站规划与网页设计》
《网站规划与网页设计》
普通高等教育“十一五”国家级规划教材 重点大学计算机专业系列教材
5.Web导航设计原则

导航应遵循“3次点击规则 ” 站点并不需要选择独特的导航方式，特例除外 站点结构清晰和逻辑性强 导航系统是手段不是目的 借鉴成功导航 导航系统应该包含多种导航 ：主要导航、次要导航、站 点地图、热点链接和站内搜索等。 导航外观会对用户产生影响 导航名称要规范和大众化：导航名称要规范、大众化，如 首页、下载。 导航名称命名既要有吸引力又要简明扼要和准确 最新通知和新闻需要有提示 当前导航条提示 网站徽标和名称要放到主页的左上方
山东大学计算机科学与技术学院
3
《网站规划与网页设计》
普通高等教育“十一五”国家级规划教材 重点大学计算机专业系列教材
2.导航基本概念
导航：是一个网站信息的总体分类，提供信息
分类间切换，是信息分类汇总目录的超链接集 合。导航一般可以分为主要导航、次要导航和 被引导的导航等。 主要导航：可以从站点的各类层次栏目的网页 上进行访问，是对整个网站信息的分类划分， 主要导航栏一般应以相同样式在相同位置出现 于所有页面中 次要导航：在指定的某类层次栏目的网页内进 行访问，它是对某一个栏目的信息分类划分， 次要导航栏应以相同样式在相同位置出现于所 有该类的页面中。
9
《网站规划与网页设计》
普通高等教育“十一五”国家级规划教材 重点大学计算机专业系列教材
第2章 思考问题
2-2 什么是主要导航和次要导航？
2-3 导航体系都主要含有哪些导航？
2-6 站点地图的基本概念是什么？为什么在一个较为复杂
的网站需要创建站点地图？
2-8 什么是站点结构？说明站点结构的重要性。 2-9 什么是导航体系？ 2-10 导航应该遵守哪些主要的导航原则？
普通高等教育“十一五”国家级规划教材 重点大学计算机专业系列教材
被引导的导航-选择购买物品
山东大学计算机科学与技术学院
15
《网站规划与网页设计》
普通高等教育“十一五”国家级规划教材 重点大学计算机专业系列教材
被引导的导航-确认所购物品以及付款方式
山东大学计算机科学与技术学院
16
《网站规划与网页设计》
站点地图
返回
山东大学计算机科学与技术学院
26
《网站规划与网页设计》
普通高等教育“十一五”国家级规划教材 重点大学计算机专业系列教材
搜索引擎-“中文搜索引擎指南”网站
山东大学计算机科学与技术学院
27
《网站规划与网页设计》
普通高等教育“十一五”国家级规划教材 重点大学计算机专业系列教材
搜索引擎-知名搜索网站