超文本与超媒体技术

1、本章内容提要掌握超文本、超媒体的根本知识掌握超媒体、流媒体的根本概念了解超媒体系统的构成了解Web超媒体系统的构成掌握动态网页制造技术本章教学目的要求：掌握超文本和超媒体根本知识，了解超媒体系统的构成，掌握动态网页制造技术。本章教学重点：掌握动态网页制造技术。7.1 超文本1引言文本：人类最熟习的一种信息表示方式。文章、程序、书、文件等等都是以文本出现的，普通以字、句子、段落、节、章作为文本内容的根本逻辑单位，以字节、行、页、册、卷为根本物理存储单位。文本的特点：它在组织上是采用线性的和顺序的构造。阅读文本时只能按固定的线性顺序一字一字、一句一句、一行一行、一段一段、一页一页、一页一页、一章一

2、章地阅读下去。人类记忆特点：不是采用简单的线性顺序构造，而是采用一种联想式的非线性顺序方式的记忆，这种非线性顺序方式构成了人类记忆的“网状构造，类似于“互联网网状构造，从一个结点到其它任何结点的途径不仅只需一条，能够存在多条途径，因此，不同的联想检索方式必然导致不同的途径。例如：对“夏天一词，某人能够会产生如下联想，“夏天山洪洪灾大船大海海鱼饭饭盒餐具银器戒指婚礼婚纱雪。在另一时间或另一个人，同样对“夏天这个词能够会产生另一种联想，“夏天太阳热空调夜晚星空星星望远镜伽利略比萨斜塔意大利米兰AC米兰国际米兰足球德比大赛。 结论：用文本是无法管理这种互联网网状的信息构造，必需采用一种更高级的信息管

3、理技术来模拟人脑的这种信息存储与检索机制。这就是超文本技术。2超文本构造超文本(Hypertext)构造：类似于 “互联网网状式的联想记忆构造，它采用一种非线性的网状构造来组织信息，没有固定的顺序，也不要求读者按某个顺序来阅读。超文本组成：把文本按其内部固有的独立性和相关性划分成不同的根本信息块，这种信息块称结点(node)，如卷、文件、帧或更小的信息单位。结点之间按照它们的自然关联，用链衔接成网，链的起点称锚结点(anchornode)，终止结点称目的结点 如下图的一个超文本构造，表现的是从“录音与播放开场产生的联想式的信息组织构造，显然这种文本组织方式与人类的思想方式和任务方式比较接近，更

4、易便于人类学习知识和掌握知识。图7.1 小型超文本构造表示图3超文本超文本：由信息结点和表示信息结点间相关性的链构成的一个具有逻辑构造和语义的网络。结点：是超文本的最根本单位。笼统地说，是一个信息块，详细地说，是某一字符文本集合，也可以是屏幕中某一大小的显示区，它比字符高出一个层次。因此，结点大小是不确定的、可变的，它是由实践条件决议的。 超文本的特点：是一种文本；是一种组织文本内容的方法，即让技术可以象人脑思想一样呼应和方便获取需求的文本内容。超文本系统：能对超文本进展管理和运用的系统称为超文本系统。超文本与超文本系统的关系与数据库与数据库管理系统的关系类似。超文本系统的特点：在用户界面中，

5、包括对超文本的网络构造的一个显式表示，即向用户展现结点和链的方式。给用户一个网络构造的动态总貌图，运用户在每时都可得到当前结点的邻接环境。超文本系统普通运用双向链，这种链应支持跨越各种计算机网络，如局域网和因特网。用户可以经过本人的联想和感知，根据本人的需求动态地改动网络中的结点和链，以便对网络中的信息进展快速、直观、灵敏的访问，比如阅读、查询、标注等等。尽能够不依赖它的详细特性、命令或信息构造，而更多地强调它的用户界面的“视觉和觉得。 超链接(HypertextLink)：就是将一个超文本中的元素与本身或其它朝文本的一个元素链接在一同，这里的元素可以是一个根本单词、短语、图形、图像、表格，甚

6、至是超文本的结点、和另一个超文本，所以也称为超文本链接，简称超链接、链接。4超文本的根本构造结点(Node)结点：是超文本表达信息的一个根本单位，它是围绕一个特殊主题组织起来的数据集合，结点的大小是可变的，其内容可以是文本、图像、图形、音频、视频等多媒体数据，甚至可以是一段程序或一个文档。留意：结点表示方法在不同的超文本系统中是不同的。如在HyperCard中的结点用卡片来表示，而每张卡片又由字段、按钮、图形等组成。又比如在因特网中，结点是由不同的Web页面所组成的。 结点的类型：不同类型的结点表示的信息也不同。常见的根本类型的结点有：文本结点：由文本或其片断组成。图形结点：可以是用系统提供的

7、工具绘制的一幅图形或其中的一部分，还可以包括图形的性质。图像结点：用扫描仪或摄像机输入的一幅图像，并包括其性质。视频结点：由电视机、摄像机、录像机等获取的视频信息。声音结点：可以是一段录音或合成的声音。混合媒体结点：上述结点的某种组合，在许多情形中，相关信息可以经过结点的衔接来表示，也可以由单个的混合结点来表示。按钮结点：按钮是执行某一过程，而按钮结点是表示某过程的执行结果。留意：上述7个结点只表示信息而不表示知识。 在超文本系统还存在一些可以表示结点组织和推理类型的结点：索引文本结点：包含了指引索引结点的链，索引是描画结点组织的一种方法。索引结点：由单个索引项组成，包含衔接指向整个索引项表示

8、的概念的定义；衔接指向相关项或同义语；衔接指向对应于多个关系表中的一样列的衔接；衔接指向援用它们的索引文本结点等等。对象结点：它用于描画对象，由描画对象的诸如属性、行为、方法、类、承继等组成，同时还可以附加一些过程，表示“是一个，可以指明对象结点中的某类成员。它同下面的类链、语义链一同可以用来表现知识的构造、分类等等。规那么结点：这种结点存放规那么，指明符合规那么的对象，断定规那么能否被运用以及规那么解释阐明等等。链(link)链：是组成超文本的根本单位，方式上是从一个结点指向另一个结点的指针，本质上表示不同结点上存在着的内在联络。链定义了超文本的构造并提供阅读和探求结点的才干。链和结点可以存

9、储在一同，使链嵌于结点中，也可以分开单独存储。链有如下几种类型：根本链：用来建立结点之间的根本顺序，它们使结点信息在总体上呈现为某一层次构造，如一本书的章、节、小节等。交叉链：这些链能交叉链接到相关的结点，从而组成一个网状构造，能起到一种超文本的导航作用。缩放链：这些链可以扩展当前结点，让结点按照一定规那么显示个数可变的结点集或内容是可变的结点等等，类似于windows的资源管理器中的目录构造“+、“-缩放功能。全景链：这些链将前往超文本系统的最高层，与缩放链相对应，类似于文章的目录构造。视图链、也称注释链：这些链的作用依赖于用户运用的目的，它们经常被用来实现可靠性和平安性。除开上述用于导航和

10、检索信息的链以外，还存在下面的涉及结点或组织与推理的链：索引链：这些链实现结点中的“点、“域之间的衔接。链的起始点称为锚，终止点称为目的，通常为结点或结点中的“域。双向链：一种支持跨越各种计算机网络(比如局域网、Internet、Intranet等等)的链接构造。对象链：是组织链的一种。类似于分类，表示“是一个，它用于指明对象结点中的某类成员。语义链：是组织链的一种。表示“有一个，用于描画结点的性质或定义。执行链、也称按钮链、控制链：是一种特殊的组织链，提供超文本系统与高级程序设计接口，触发执行链，结果是触发一段代码并运转。蕴含链、也称推理链：这些链用于推理树中现实的衔接，它们通常等价于规那么

11、。 3宏结点宏结点：就是链接在一同的结点群。确切地讲，一个宏结点就是超文本系统中的一部分、即子系统，如图7-2所示。微文本又称小超文本：就是支持对结点信息的阅读。宏文本也称大超文本：就是支持对宏结点(比如文献)的查找与索引。它强调存在于许多文献之间的链，构造出文献相互间的关系，查询与检索将跨越宏结点(如文献)进展。从概念或定量来讲，这里的大小是不存在严厉意义的划分的，也就是说宏文本与微文本之间的界限不是十清楚确而是模糊的，但在实践运用中这个界限能一目了然。宏结点的用途：当超文本系统宏大时，或按照分布式方式存储在不同地点时，宏结点的引入虽然简化了网络构造，提高了知识管理的效率。由于经过宏节点可以

12、实现分层，而分层是简化系统网络拓扑构造最有效的方法和手段，但是，同时也增大了管理与检索的层次。综上所述，超文本系统的构造主要包含了三个内容：超文本的存储、超文本的组织和管理、超文本的呈现，如图7-3所示。 图7.2 一个宏结点的构造表示图图7.3 超文本系统的构造图7.2 超文本7.2.1 超媒体历史：由于历史的缘由和计算机才干的限制，第一代超文本系统处置信息的对象还停留在文字和数值信息阶段 。现状：随着多媒体技术的开展，以文本、图形、声音、动画、图像、视频等结合在一同的结点产生了，且更具魅力，这就是第二代超文本系统。为强调第二代超文本系统所具有的处置多媒体信息的才干和媒体之间的网状链接构造，

13、称之为超媒体(Hypermedia)，而可以实现对超媒体进展管理和运用的系统称为超媒体系统。 超媒体是在超文本的关系：超媒体是在超文本的根底上开展起来的，不同之处主要是表示对象的范围不同。超文本仅能表示文字信息，而超媒体可表示多媒体数据。但是，从研讨内容来看，超文本与超媒体是很难区别的。开展趋势：参见教材本节。7.2.2 流媒体1概念流媒体(StreamingMedia)技术是目前流行的多媒体技术，其根底是多媒体通讯技术。是指经过Internet网络传送媒体(如视频、音频等)的技术总称。它包括流媒体数据采集、视/音频编解码、存储、传输、播放等领域。 广义来讲，是使音频和视频构成稳定和延续的传输

14、流和回放流的一系列技术、方法和协议的总称。 狭义来讲，是相对于传统的下载-回放(Download-Playback)方式而言一种新的从Internet上获得音频和视频等流媒体数据的方式，这种方式支持多媒体数据流的实时传输和实时播放，客户可以边接纳边播放，使延时大大减少。 主要两种网络上传播多媒体信息的方式：下载和流式传输。下载方式是传统传输方式，而流式传输那么把多媒体信息经过效力器向用户实时地提供，用户不用等到整个文件全部下载终了，而只需经过几秒或几十秒启动延时即可播放，之后，客户端就可边接纳数据边播放。流式传输具有的显著优点：一是大大地缩短了启动延时，同时也降低了对缓存容量的需求；二是实现现

15、场直播方式的实时数据传输，其运用效果上几乎就是实时性的。2 流媒体传输流程在阅读器与效力器间经过通讯协议交换控制信息，以便把需求传输的实时数据从原始信息中检索出来。用HTTP从Web效力器检索相关数据，初始化音频/视频播放器按照Web效力器检索出来的相关效力器地址，定位音频/视频效力器。播放器与效力器之间交换音频/视频传输所需实时控制协议。一旦音频/视频数据抵达客户端，音频/视频播放器就可播放。 3 流媒体的传输方式 流媒体的传输，即经过Internet将影视节目传送到PC机。实现流式传输有两种方法：顺序流式传输：顺序流式传输就是顺序下载，用户可以观看在线媒体。但是，在给定时辰，用户只能观看已

16、下载的那部分，而不能跳到还未下载的前部分；它不能根据用户的衔接速度做调整。由于规范的HTTP效力器可发送这种方式的文件，而不需求其他特殊协议，它经常被称作HTTP流式传输。特点：顺序流式传输方式适宜高质量的短片段，不支持现场广播，严厉说来，它是一种点播技术；顺序流式文件是放在规范HTTP或FTP效力器上，易于管理，根本上与防火墙无关；顺序流式传输不适宜长片段和有随机访问要求的视频、讲座、演说与演示。实时流式传输：指保证媒体信号带宽与网络衔接相匹配，使媒体可被实时观看到。实时流与HTTP流式传输不同，需求公用的流媒体效力器与传输协议。 特别适宜现场事件，也支持随机访问，用户可快进或后退以观看前面

17、或后面的内容。实际上，实时流一经播放就可不停地收看，但实践上，能够会发生周期暂停。二者比较从视频质量上讲，实时流式传输必需匹配衔接带宽，如网络拥堵或出现问题时，视频质量会很差；而顺序流式传输能保证质量实时流式传输需求特定效力器，因此系统设置、管理比规范HTTP效力器更复杂。实时流式传输需求特殊网络协议。TCP需求较多的开销，故不太适宜传输实时数据，流式传输普通采用流媒体多层协议，用HTTP/TCP或RTCP来传输流媒体的控制信息，而用RTP/UDP来实时传输流媒体。4流媒体的运用：参见教材。7.3 超媒体系统的构成根本构成：超媒体系统作为一个复杂的多媒体信息管理系统，其根本的构成成分类似于超文

18、本系统，主要包括结点、链、宏结点以及结点内的多媒体数据。 认识的根本思想：超媒体系统实践上是一个比较复杂的系统，通常采用分层的方法简化它。主要有以下几种基于层次的构造模型：图7.4 超文本笼统机模型图1 HAM模型 HAM(超文本笼统机)模型是把超文本系统划分为三个层次：用户界面层、超文本笼统机层、数据库层。如下图。数据库层 数据库层提供存储、共享数据和网络访问功能，处于模型的最低层，用于处置一切信息存储中的传统问题。根本要求：数据库层需求保证信息的存取操作的透明性。数据库层还要能处置其它传统的数据库管理问题。超文本笼统机层 超文本笼统机层是模型的中间层，它决议了超文本系统结点和链的根本特点，

19、记录了结点之间的链的关系，并保管了有关结点和链的构造信息。根本要求：超文本系统还没有同样的规范，但需求给定规范的信息转换格式。作用：超文本笼统机层可了解为超文本概念方式，它提供了对数据库下层的透明性和对上层用户界面的规范性。经过它建立接口，到达两个层次的顺利通讯。用户界面层 用户界面层又称为表现层，它构成超文本系统特殊性的重要表现，并直接影响超文本系统的胜利。它具有简明、直观、生动、灵敏、方便等特点。 用户界面层涉及超文本笼统机层中信息的表现，包括：用户可以运用的命令，超文本笼统机层信息(结点和链)如何展现，能否要包括总体概貌图来表示信息的组织，以便及时告知用户当前所处的位置等等。2 Dext

20、er模型(自学) Dexter模型的目的是开发分布信息之间的交互操作和信息共享提供一种规范或参考规范。 Dexter模型也分三层，即存储层、运转层和内部成员层，各层之间经过定义好的接口相互衔接。 图7.5 Dexter模型图7.4 Web超媒体系统7.4.1分布式超媒体系统 Internet的来源 WWW的面世图7.6 C/S构造图Web超文本系统就是基于Internet的WWW超文本系统，能对WWW中的超文本进展管理和运用。从实际上来讲，Web超文本系统可以划分成层次构造，比如前述的HAM模型。Web超媒体系统就是基于Internet的WWW超媒体系统，是能对WWW中的超媒体进展管理和运用的

21、系统。特点：它与Web超文本系统存在许多一样之处，仅仅是处置的对象从文本变成为多媒体数据，因此，它也具有Web超文本系统同样的层次构造。由于Web超媒体系统中多媒体数据存储的异地性和遍及全球，因此Web超媒体系统本质上也是一个分布式超媒体系统。7.4.2 超文本标志言语 开展历史：WWW中以HTTP(超文本传输协议)作为传输超文本的通讯协议，用HTML(超文本标志言语)描画超媒体。SGML(规范通用置标言语)是HTML的前身，它是文件和文件中信息的构成主体。与HTML不同，SGML准许用户扩展标志集合，也准许用户本人建立一定的规那么。SGML所产生的标志集合是用来描画信息段特征的，而HTML仅

22、仅只是一个标志集合，所以，可以说HTML是SGML的一个详细运用。而SGML的设计者和运用者(同时也是XML的开发者)发现，SGML不能满足网络开展及运用的需求，因此，提出了一个“网络上的SGML方案，取名为“可扩展标识言语，即XML。1规范通用标志言语(SGML)规范通用标志言语(Standard Generalized Markup Language，简称SGML) 是1992年公布的一个国际规范。它用规范化的“标签(tap)语法来标志一个数据合成体中各块信息的组成情况。数据合成体经扩展可以是声、文、图、像等多媒体信息。所以，用SGML言语可以构建超媒体系统。比如HTML超文本标志言语，实

23、现了以页为结点的简约的超文本系统WWW网，成为因特网上的主要信息组织方式。SGML元素元素是一个可标志的逻辑体。以“book为例，视Book为一类元素，将它分为假设干Chapter，而Chapter还可分为Title和假设干Section。这里的Chapter，Title和Section也是元素。它们都是含有一定构造的逻辑体(用DTD定义)。一个元素的标志实例见书图7.7所示，书图7.8是Book类元素的实例。图7.7 SGML元素构造图图7.8 SGML元素实例book类图2超文本标志言语(HTML) 超文本标志言语Hper Text Markup Language，简称HTML，是WWW上

24、运用的超文本标注言语，是SGML的一个运用，它实现了在广域网上的多媒体信息的有效组织和动态查询。HTML的构造 用HTML言语编写的网页超文本信息是按照多级标题构造进展组织的，其根本构造如下： 标题名 一级标题名 Web页主体 实例，利用文本编辑器编写如下代码，以扩展名HTM 或HTML保管，并在安装了IE阅读器的计算机上运转。 简单的HTML例子 欢迎运用HTML言语 阐明： 是注释语句，不对程序产生影响。标志命令小标题实例: 源代码 实例 |第一级：1标志效果| 段落 HTML言语中采用或作为段落标志。其中： =指定其后的文本另外起行； =指定其后的文本另外起行，并且还要空一行； =画一条

25、程度线，起分割段落的作用。实例：源代码 程度尺线标志 看看下面这几条线 1厚度(或高度)为50的线段(或矩形) 2长度为80的线段 3长度为40的线段，位置居右 4程度线 列表 HTML言语中可采用带序号或不带序号两种列表格式。=标志注明；=标志注明；=列表中的每一项总是以它开头。实例： 源代码 一个根本表格 昨天三个路口的交通情况 路口称号 有无堵车 有无事故 有无违章 文字修饰 HTML言语中可以对文字进展修饰。其中：=指定其后的文本为黑体；=指定其后的文本为斜体；=强调其后的文本，以醒目显示；=指定其后文本的字体尺寸、颜色。实例7-1.Htm源代码文字修饰实例 静夜思 李白 床前明月光 疑是地上霜举头望明月低头思故土 注：唐诗一首 望