第7章_超文本与超媒体技术.ppt

1、本章重点： 超文本标记语言 超媒体系统,第7章 超文本与超媒体技术,7.1 概述 7.2 超文本的组成要素 7.3 超文本标记语言 7.4 超媒体系统 7.5 本章小结,第7章 超文本与超媒体技术,7.1 概述,超文本可以简单地定义为收集、存储和浏览离散信息，以及建立和表示信息之间关系的技术。它采用一种非线性的网状结构组织块状信息，没有固定的顺序，也不要求读者必须按某个顺序来阅读。 超文本由节点与超链组成，由于超链的作用，文本的阅读可以跳转 。超文本具有以下特点：,7.1 概述,多媒体信息 可以包含文本、图形、图像、动画、音频和视频等多种媒体信息 网络结构形式 按照信息在现实世界中的自然联系以

2、及人们的逻辑思维方式有机的组织信息，使其表达的信息更加接近现实生活。 交互特征 交互性是人们在浏览超文本时最重要的动态特征。,7.2 超文本的组成要素,7.2.1 节点 7.2.2 链 7.2.3 网络 7.2.4 宏节点 7.2.5 热标,7.2.1节点,节点是表达信息的基本单位，可以是文本、图像、视频、音频、动画或一段计算机程序等各种媒体信息以及它们的组合，其内容还包括对媒体数据属性的描述和表现方法。 节点可以按不同方式分类 (1) 按照表现形式可分为两类：基于框架和基于窗口。 (2) 按照结构可分为原子节点、复合节点和包含节点。 (3) 按照状态可分为静态节点和动态节点。 (4) 按照用

3、途可分为操作型、组织型和推理型三类节点。,7.2.2 链,链，又称超链(Hyper Link)，是超媒体的组成部分。它将节点链接在一起，描述节点之间的关系。 链具有方向性，由三个部分组成：链源、链宿以及链的属性。一个链的起端称为链源，表现为一个节点中的“点”或“域”，通过它可以访问另一节点，是导致节点信息迁移的原因。链宿是链的目的，一般指节点，也可以是其他媒体对象。链的属性决定链的类型，这是链的主要特性，另外还有一般属性，如链的类型、版本和权限等。当链的属性很强时，链可以作为独立的实体，如类型链等。链还可以分为显形链和隐形链，基本结构链和索引链属于显形链。,7.2.2 链,根据超链的特点及功能

4、，链可以分为基本结构链、组织链和推理链三大类型。 （1）基本结构链：是一种由超媒体系统作者事先说明的，具有固定明确特点的实链。基本结构链又可以分为基本链、交叉索引链和节点内注释链三种类型。 （2）组织链和推理链 组织链和推理链可以分为索引链、蕴含链和执行链。,基本结构链,基本链用来建立节点之间基本顺序的链，它使信息在总体上呈现出层次结构。基本链的链源和链宿都是节点，它决定节点的固定顺序。基本链又可以分为：顺序链、结构链、查询链、移动链、缩放链、全景链和视图链。 顺序链是将超文本或者超媒体节点按最基本的先后顺序排成一个队列。各节点之间呈现出线性结构。,基本结构链,交叉索引链将节点连结成交叉的网状

5、结构,组织链和推理链,组织链和推理链可以分为索引链、蕴含链和执行链。 索引链将用户从一个索引节点引到该节点相应的索引入口。索引用于与数据库的接口及查找共享同一索引项的文献。蕴含链用于连接推理树中的事实。执行链是一种将执行活动与按钮节点相连的特殊节点。 推理链是一种虚链或称之为动态链。,7.2.3 网络,超文本信息网络是由节点和链构成的一个有向信息网络，这种信息网络类似于人工智能中的语义网络，语义网是一种知识表示方法，其中节点表示概念，而节点之间的弧表示两个概念之间的关系。 超媒体中的网络结构不仅仅提供了知识、信息，同时还包含对知识信息的分析和推理。如果网络中节点内不仅有文本，而且还包含有图形、

6、动画、声音及它们的组合等多种信息，即为超媒体网络。,7.2.4 宏节点,宏节点是指链接在一起的节点群。准确地说，一个宏节点就是超文本网络的一部分，即子网（Web）。宏文本和微文本表示不同层次的超文本。微文本也称小型文本，支持对节点信息的浏览；宏文本也称大型超文本，支持对文献（宏节点）的查找与索引，它强调存在于许多文献之间的链，可以跨越文献进行查询和检索。在计算机网络中，很多超媒体的Web网分散在多台计算机中，这些Web网称为宏节点或者文献，它们之间通过跨越计算机网络的链进行链接。,计算机网络宏节点的一种表示 (图),7.2.5 热标,热标是超媒体中特有的元素，它确定相关信息的链源，通过它可以引

7、起相关内容的转移。热标可分为热字、热区、热元、热点和热属性五类 热字 热字往往存在于文本当中，把需要进一步解释和含有特殊含义的字、词或词组做成带下划线和特别颜色，与其他内容区别开来，而各保留字和转移目的却不显示出来，读者通过点击这些热字可得到进一步的解释和说明。,7.2.5 热标,热区 热区是在图像等静态视觉媒体节点中某一感兴趣的区域，作为触发转移的源点。通常使鼠标标志在进入热区时变形为一种多边形，用户便知道可以转移到另一幅能够更详尽地描述当前图像部位的新图片。下图所示就是网页中一幅由分为多个热区的地图，对于不同的省份，对应的地方就是一个热区，当单击某个热区时，就会打开对应省份的详细信息的目标

8、节点。,7.2.5 热标,热元 主要用于图形节点。由于图形的最基本单位是图元(如一个图、一条线、一个圆等)，当图形在超媒体页面中移动时，图元跟着移动。如果为了在另一幅图形中详细描述本图形的某一部分，便可用热元的形式与转换的目标图形相链接。热元在CAD工程设计中的建筑图注释、机器设备联机维护手册等方面有广泛的用途。,7.2.5 热标,下图则是网页上利用图像作为一组热元的示例，单击某一个图片就可以打开相应的目标节点窗口。,7.2.5 热标,热点 热点是对于具有时间特性的媒体节点而言的，如动画、视频、声音节点，如果用户对其中某一段时间内的信息感兴趣，就记录下这段时间的起止，把这一段（或几帧）信息称为

9、热点。比如有一段视频影像介绍黄山上的四季美景。用户想要了解仲秋时节景象，可在时间轴上设定一个b,a,c的敏感区间，其中a为仲秋时节，b、a、c按时间顺序排列。那么，用户触发了b,a,c区间内任一点都有效，都可以调出仲秋附近季节黄山的景色,7.2.5 热标,热属性 热属性是将关系数据库中的属性作为热标来使用。由于数据媒体是一种特定的格式化符号数据，故可把热标定为一个属性，用特定的保留属性字方法指明热标触发后表现的内容。如用 IMAGE属性表示后继各元组中该属性字符为图像对象名。属性中的元组有多个，每个元组又对应不同的内容，所以在把属性当作热标时，要对每一个元组都指明不同的链。,7.3 超文本标记

10、语言,7.3.1 超文本标记语言HTML 1. HTML基本语法 2. HTML特点 3. HTML的应用 7.3.2 XML 1.概述 2. XML的基本组成,超文本标记语言HTML,HTML基本语法: 控制命令用括起来。主要标记有： 文件头。 文件体。 标题头(Heading)。 文本块结构(Block Structuring Element)。 列表结构。 锚元素。 嵌入图像标记。 表格标记。 输入表标记。 分割窗口标记。 换行符。 水平线。,超文本标记语言HTML,HTML特点 (1)创建和实现独立于平台的文档 (2)与Internet上其他文档相连接 (3)WWW页面包括图形和多媒体

11、 (4)能够链接Internet上的其他资源,超文本标记语言HTML,HTML的应用 一个多媒体网页中可能包括背景、文本内容、表格、背景音乐、音乐链接、视频链接、嵌入的图像或图像链接等，表现力十分丰富。HTML用于对多媒体信息进行组织并以网页形式展示给用户。目前在互联网上的大多数网页是由HTML编写的。利用HTML建立网页，可以使用任意一个文本编辑器或专用软件，这里以DreamwaverMX2004为工具，介绍HTML在网页制作中的使用方法，如文本展示、插入表格、音频、视频等多媒体信息。,HTML的应用,每一个网页都具有如下的基本形式： 无标题文档 ,HTML的应用,(1)在网页中展示不同效果

12、的文本信息 (2)在网页中插入带边框的图象 (3)在网页中插入音乐 (4)在网页中插入视频 (5)在网页中插入表格,网页中置入文本内容,可在标记插入以下代码： 文本内容 各种文字效果。 ,网页中置入文本内容,保存并在Internet Explorer中运行，得到如下图所示的显示结果。,在网页中插入动态文字,可在标记插入以下代码： 开 心 ,在网页中插入动态文字, 每 一 ,在网页中插入动态文字, 天 保存并在Internet Explorer中运行，得到如图7.9所示的显示结果。在本例中，如果改变direction中标记的值，可改变文字移动的方向。其中up为向上移动，down表示向下，left

13、表示向左，right表示向右。,在网页中插入带边框的图象,可在标记插入以下代码： ,在网页中插入带边框的图象,保存代码并运行后如图所示。其中src=F:图片003.jpg中的F:图片003.jpg是由用户自己指定的一幅图像，具体位置（可以是网络地址或本机地址）、文件名与内容由用户自己设定。,在网页中插入音乐,可在标记插入以下代码： 其中src=F:音乐求佛.mp3中的F:音乐求佛.mp3是由用户自己指定的一首音乐，具体位置（可以是网络地址或本机地址）、文件名与内容由用户自己设定。保存代码并运行便可听到播放的音乐，播放控制各按钮均可由用户调节，如图所示。,在网页中插入视频,可在标记插入以下代码：

14、 其中src= src=E:VC+视频Lesson9.AVI中的E:VC+视频Lesson9.AVI是由用户自己指定的，具体位置（可以是网络地址或本机地址）、文件名与内容由用户自己设定。,在网页中插入视频,保存代码并运行便可看到视频的内容，播放控制各按钮均可由用户调节，如图所示。,在网页中插入表格,可在标记插入以下代码： 学号 姓名 学科 成绩 02,在网页中插入表格,张三 语文 85 保存代码并运行可见表格如图所示。,XML概述,XML是一种可扩展的标记语言(Extensible Markup Language)，虽然也是用标记表示数据，但是它的标记说明了数据的含义，而不是如何显示。 XML

15、本身不是一个单一的标记语言，它是一种元语，可以被用来定义一种新的标记语言。HTML是用来定义某一类文件便于显示的格式，而XML是用来创造类别文件的格式定义，也就是在XML中可以创造出很多不同的标记语言，用来定义不同的文件类别。,XML特点,(1) XML是文本化的小型数据库表达语言，可以对其进行装入/保持、插入/删除/修改、选择等操作。甚至可以把XML应用作为一个中间层的虚拟数据库。 (2) XML是客户端计算机的数据结构载体。通过与JavaScript/ DHTML结合使用，可实现客户端小型信息过滤、查询、计算与通信的应用。 (3) XML是信息的高层封装与传输标准。它是不同应用系统之间的数

16、据标准接口和所有信息的中间层表示，是中间层应用服务器的通用数据接口。可用于数据仓库的数据迁移、数据库报告的格式之中。,XML概述,(4) XML是HTML的高层扩展。HTML面向文本、信息发布，HTML容许混乱；XML面向数据、数据处理，要求格式良好、合法。用户可用XML创建自己的HTML。 (5) XML是面向对象的标记语言，它具有接口/类机制、对象实例，可以定义对象的实现或方法，并且可以解决类的继承问题。XML中的资源、寻址以及物理实体构成了信息组件。XML中的资源描述框架是信息导航、浏览、搜索的用户接口标准。 (6) XML是一种不同数据结构体的文本描述语言。它可以描述线性表、树、图形，

17、也能描述文件化的外部数据结构。还可以制造类似于XML的编译器，使文本与二进制文件之间相互转换。,XML的基本组成,XML包含三个要素： 文档类型声明DTD(Document Type Definition)或者XML Schema 可扩展样式语言XSL(eXtensible Stylesheet Language) 可扩展链接语言Xlink(eXtensible Link Language)。,XML的基本组成,DTD和XML Schema a. 元素类型声明 b. 属性表声明 c. 实体声明 d. 符号声明 e. XML大纲,XML的基本组成,(2)扩展样式语言XSL 扩展样式语言XSL用一

18、种标准方式对XML文档进行格式化。制定XSL应当遵循三个原则：XSL应当能够直接应用到Internet上，XSL样式表应当清晰、易读，并且容易创建。XSL本身还在发展之中。 (3)XML链接语言XLink(或XLL) XML的链接语言开始时称为Xlink，后来改为XML-Link，最近W3C工组又决定称为XLL。它是一个正在开发之中的标准，目标是要能够具有双向链接功能、能够过滤(或隐藏某些)数据的表现样式、提供持久的含有语义的链接、汇集动态文档、可以从用户不能编辑的文本创建链接以及可以发布动态更新或软件补丁、支持网络上的批注功能等,7.4 超媒体系统,7.4.1 超媒体系统的组成 7.4.2

19、多媒体表现创作和超媒体写作 7.4.3 开放超媒体的概念 7.4.4 开放超媒体系统的实例,超媒体系统的组成,超媒体系统是指那些能够创作和使用超媒体应用的系统。由于超媒体是一种实现超链连接的概念，所以在许多应用中都可以看见超媒体的影子，例如超媒体化的求助、超媒体化的多媒体演示等等。超媒体系统一般由作者子系统(或称创作子系统)、读者子系统(或称浏览器)及支持子系统组成。 1.作者子系统 2.读者子系统 3.支持子系统,作者子系统,作者子系统通过向用户提供生成超媒体的手段，包括编辑器、超媒体语言，媒体编辑工具等，将零散的多媒体数据组成具有丰富表现的超媒体应用网络。因此，作者子系统要负责完成多媒体的

20、时空表现描述，建立超媒体信息网络的节点和链，并对已有的超媒体系统进行增、删、改操作。大多数多媒体创作工具都可以进行多媒体的时空描述，但并不一定能够完成超媒体的链接关系的建立。所以，超媒体的创作工具要比多媒体创作工具多一个建立超链接的部分，这是多媒体创作工具与超媒体创作工具的区别。,读者子系统,读者子系统向用户提供使用超媒体应用的手段，主要包括浏览器以及其他的一些读者工具，用于协助用户使用超媒体的文献和数据。 (1) 导航图 (2) 查询系统 (3) 线索 (4)遍历 (5)书签,支持子系统负责管理整个超媒体创作和使用，向作者和读者提供通向超媒体系统的接口。支持子系统是实现超媒体服务的关键，对应

21、用来说它是系统应用的内核层，它能识别超链的成分，并引导转向相应的目标节点。如果在网络上运行，该子系统要协助用户完成不同计算机之间协议的连接和通信，完成用户的各种操作。,支持子系统,7.4.2 多媒体表现创作和超媒体写作,1. 多媒体表现的创作工具 2.空间算子及表现描述 3.时间算子及表现描述 4.超媒体创作,多媒体表现的创作工具,(1)基于卡片和页面的工具 (2)基于时间线的创作工具 (3)基于图标的事件驱动工具,空间算子及表现描述,空间操作包括一元操作和二元操作。一元操作主要描述单一媒体对象的显示位置和显示形式，例如缩放、剪裁、旋转等，二元操作主要描述两个媒体对象之间的重叠、合并、邻接等位置及先后关系。,时间算子及表现描述,媒体表现需要时间，这个时间是由起始时间点、响应与持续时间长度和终止时间点构成的时间区间。 在时间的同步和合成上，使用相应的时间算子就可以应用到多媒体的时间表现描述之中。,超媒体创作,超媒体创作是决定超媒体各种成分相互关系的过程，这个过程可以由人工对各种成分进行指定完成，也可以通过某些方法由计算机协助完成，其中最重要的是