{广告传媒}计算机多媒体第6章超文本与超媒体ok

《{广告传媒}计算机多媒体第6章超文本与超媒体ok》由会员分享，可在线阅读，更多相关《{广告传媒}计算机多媒体第6章超文本与超媒体ok（34页珍藏版）》请在金锄头文库上搜索。

1、第6章 超文本与超媒体,超文本技术的发展情况 6.1 基本概念 6.1.1 超文本 6.1.2 超媒体 6.2 超媒体结构的组成元素 6.3 Web系统的超文本标记语言 6.4 动态网页生成技术 6.5 Web系统的结构,第6章,1,超文本思想最早由美国V.Bush提出，他在20世纪30年代即提出了一种叫做Memex(memory extender，存储扩充器)的设想， 预言了文本的一种非线性结构， 1939年写成文章“As We May Think”， 于1945年在“大西洋月刊”发表。 1954年，美国科学家V.Bush提出了一种文本的非线性网络结构概念，并设计了一种被称为“Memex”的

2、系统。 1965年，科学家Ted Nelson把这种文本结构命名为超文本（Hypertext）。而且开始实现这个想法， 并在他的Xanadu计划的长远目标中， 试图使用超文本方法把世界上文献资料联机。,超文本技术的发展情况,第6章,2,3,6.1.1 超文本（Hypertex) 文本文件以字、句子、行、段落、节、页、章、册、卷作为单位。 特点：它在组织上是线性的和有序的。 缺点：线性组织方式只具有浏览主题内容的单一路径，不能按多种路径、联想思维进行浏览。,6.1 基本概念,文本的线性结构,第6章,4,人类的记忆是一种具有网状结构的联想式的记忆，具有跳跃式、多层次、多路径、多方位思维和访问信息的

3、非线性结构。 超文本就是一个类似于人类联想思维的一个非线性的网状结构，它以结点作为一个信息块，按需要用一定的逻辑顺序链接成非线性的网状结构的信息管理技术。提供联想、跳跃式的查询能力，极大地提高获得知识和信息的效率。,6结点9条链超文本结构,5,6.1.2 超媒体,超媒体多媒体超文本。 目前，超文本与超媒体似乎很难区别。 图6-1 超媒体网络结构示意图 链的起始源结点称为锚结点，从源结点指向终止结点，终止结点称为目的结点。,第6章,6,文本 特点是它在组织上是线性的和顺序的。 超文本结构 类似于人类联想记忆结构，它采用一种非线性的网状结构组织块状信息。 超文本定义 是由信息结点和表示信息结点间相

4、关性的链构成的具有一定逻辑结构和语义的网络。 第二代超文本系统与多媒体技术结合起来，为强调系统处理多媒体信息的能力而称为超媒体 超媒体=多媒体+超文本 目前， 超文本与超媒体很难区别， 所以往往不加区分地使用。,概念,7,6.2 超文本结构的组成元素,超文本结构包含: 结点、链、网络、宏结点、热标 五个基本要素,超文本结构的组成元素,超文本的基本组成：结点、链和宏结点,第6章,8,结点(Node或节点)是超文本表达信息的一个基本单位，是围绕一个特殊主题组织起来的数据(媒体)集合。其大小可变， 结点的内容可以是文本、图形、图像、音频、视频等， 也可以是一段程序。结点可以嵌入链，与网络中的其它结点

5、或本结点中的其它部分(注释链)相连。 导致结点迁移的原因称为链源。文本中的链源称为热字，图像中的链源称为热区。,结点,超文本结构的组成元素,9,链link也是组成超文本的基本单位，形式上是从一个结点指向另一个结点的指针，本质上表示不同结点上存在着的信息的联系。链提供了在超文本结构中进行浏览和探索结点的能力。 链的一般结构可分为链源、链宿及链的属性等三个部分。 链源：一个链的起始端称为链源。链源是导致结点信息迁移的原因，可以是热字、热区、图元、热点、媒体对象或结点等。 链宿：链宿是链的目的所在，在超文本中链宿一般为一个结点。 链的属性：指链的类型，版本和权限等。,链,超文本结构的组成元素,10,

6、链的几种类型,1. 顺序链 2. 结构链 图6-2 顺序链 图6-3 结构链,超文本结构的组成元素,11,3. 交叉索引链 将结点连接成交叉的网状结构，为结点之间提供了富有想象力的连接方法。 图6-4 交叉索引链,超文本结构的组成元素,12,4. 执行链 5. 查询链 查询链用结点的名字或属性为结点定义关键字，通过对关键字的查询操作即可触发相应的目标结点。 6. 结点内注释链 结点内注释链是一种指向结点内部附加注释信息的链。链源可以是热字、热区或热点等，链宿为一注释体，是一个单媒体对象。,超文本结构的组成元素,13,网络 用链把各个结点连接起来就形成了网络，网络中的一部分称为子网或宏结点。 超

7、文本中的信息网络是由结点和链构成的一个单向的有向图，通过该有向图可以进行交互式的浏览和信息查询。,网络,超文本结构的组成元素,14,宏结点 把大的网络分层，简化网络拓扑结构，方便导航等网络管理。是链接在一起的结点群， 就是超文本网络的一部分即子网。 宏文本(Macrotext)和微文本(Microtext) 概念， 来表示不同层次的超文本。微文本又称小型超文本， 它支持对结点信息的浏览； 而宏文本又称大型超文本，支持对宏结点的查找与索引。 宏结点是指链接到超文本网络的一个有某种共同特征的子集（子网）。宏结点的引入虽然简化了Web网络结构，但却增加了管理与检索的层次。并且跨越网络的超链接将需要更

8、复杂的协议支持。,宏结点,超文本结构的组成元素,15,图6-5 计算机网络宏结点,超文本结构的组成元素,16,热 标,热标是确定信息关联的链源，通过它将引起向相关内容的转移。 1. 热字 热字是文本中被指定具有特殊含义或需进一步解释的字、词或词组。 图6-6 浏览器的一个文本热字框,超文本结构的组成元素,17,2. 热元 热元是指这些相对独立的图像单位能够作为信息转移的链源。 图6-7 浏览器的一个图像热元框 3. 热区 热区是在所显示的图像上指明的某一个敏感区域，作为触发转移的源点。,超文本结构的组成元素,18,4. 热点 热点是用于动态视频、声音等时基类媒体在时间轴上的触发转移。视频的相应

9、时间轴处转移的起点就称为热点。 5. 热属性 用特定的属性字的方法指明热标触发表现的内容，例如用IMAGE属性表示数据库的各元组中该属性的字符为图像对象名。,c,b,a,时基类媒体,超文本结构的组成元素,19,6.3Web系统的超文本标记语言,第6章,20,HTML语言编写的网页超文本信息按多级标题结构进行组织，其结构如下： 标题名 一级标题名 . Web页主体 ,HTML语言,第6章,21,HTML标记包含包容标记和空标记。空标记用于说明一次性指令，如换行标记为。包容标记由开始标记和结束标记构成， 结构如下： 数据 HTML标记有些可以带有属性， 如， 其中SRC为属性， 该属性告诉浏览器图

10、像的文件名。,基本结构,22,超文本标记方法,字体 黑体 文本 斜体 文本 下划线 文本 打字体 文本 字号与颜色 设定基准字号的标记方法为： # = 1 - 7 设定指定字号的标记方法为： 文本 # = 1，2，3，4，5，6，7 表示指定的字体大小； # = +(-)2，3，4，5，6 表示字体大小的相对改变。,23,设定字体颜色可通过如下两种方式： 文本 文本 段落格式 包括换行符号，分段(换行加空行)符号，分界尺符号等。 文本链接 可通过点击文本检索浏览另一超文本网页，如： Click Here for Art. 图像链接 可通过点击一幅图像从而跳到另一超文本网页，如 ,24,FTP和

11、Email链接 HTML页面可实现与FTP和Email系统的链接，例如： GetFreewareMailtome. 非图像浏览器图像替换 如浏览器不能浏览图像，HTML可用ALT指定其替代文字，例如： ,25,多媒体信息,图像显示 显示图像的标记方式为： 其中，WIDTH， HEIGHT为图像的宽，高；VSPACE，HSPACE为垂直，水平空格数。 列表 有序 无序 UL LI LI /UL,26,音频 HTML中可指定背景音乐， 例如： #为循环次数。 利用链接启动声音，如当用户单击文本link text后， 声音才播放： link text ,27,视频与动画 在HTML页面上播放视频与动

12、画标记格式如下： 除了dynsrc属性，其他属性都可默认。START=fileopen表示Web页一被装入便播放； START=mouseover表示鼠标从该区域滑过才播放。,28,Web页中背景的实现 用图像填充背景 用颜色填充背景 RR，GG，BB分别表示红、绿、蓝分量， 用十六进制表示。例如，表示背景颜色为灰色。还可用颜色的名字表示背景颜色， 格式为 ,29,XML,可扩展的标记语言XML是1998年2月正式公布的网络超文本的元标记语言，由W3C的XML工作小组所定义的。 它和HTML一样， 是SGML的一个子集。XML保留了SGML 80%的功能， 并使复杂程度降低了20%。 XML兼

13、取HTML和SGML之长， 既通用全面又简明清晰，并具有很强的可伸缩性和灵活性。 XML是自描述的，显示样式可以从数据文档中分离出来，放在样式单文件中。 XML还具有遵循严格的语法要求、便于不同系统之间信息的传输、有较好的保值性等优点。,第6章,30,6.4 动态网页生成技术,目前最常用的动态网页生成技术主要有： ASP(active server apages)； PHP(personal hypertext preprocessor)； JSP(Java server pages)。 它们都是应用于服务器端的技术，以便于快速开发基于Web的应用程序。,第6章,31,6.5Web系统的结构,

14、Web系统是采用HTTP(Hypertext Transfer Protocol)协议的超文本系统， 其基本结构是一个客户机/服务器模型， 如图所示。 Web系统基本结构,Web服务器,客户机,HTTP,HTML,1. 基本结构,第6章,32,2. 扩展结构,(1)网络服务器站点镜像 为了提高响应速度， 减少网络负担， 增强系统的强壮性， 重要站点常常采用服务器站点镜像的方法， 将网站服务器分布部署在不同的地点，而每个服务器具有相同的服务内容， 信息动态地实时同步更新。 这种结构分担服务器的负载，提高了系统的服务质量。,服务器站点镜像结构,第6章,33,(2)代理服务器 在靠近客户端的合适位置缓存热点访问信息被认为是缓解Web服务瓶颈、减少Internet流量和改进Web系统可扩展性的一种有效方案。使用防火墙中的代理服务器来缓存防火墙内用户访问的信息是自然可行的途径。 当然这类缓存代理可以放置在客户机和服务器间的其他地方，而文档可缓存在客户机、服务器和代理中的任一位置。,基于代理服务器的扩展结构,34,