第 7章 超文本和 Web系统
学习目标
l掌握超文本和超媒体的基本概念
l掌握超文本和超媒体的体系结构
l了解超文本和超媒体的应用
l了解网页中超文本的实现方法和开发工具
7.1.1超文本与超媒体的概念
?人类的记忆 是一种具有网状结构的联想式的记忆, 具有
跳跃式, 多层次, 多路径, 多方位思维和访问信息的非线
性结构 。
? 超文本 是一个类似于人类联想思维的一个非线性的网状
结构, 它 以结点作为一个信息块, 它采用一种非线性的 网
状结构 组织信息, 把文本按其内容固有的独立性和相关性
划分成不同的基本信息块, 并且可以按需要用一定的逻辑
顺序来组织和管理信息 。 它提供联想, 跳跃式的查询能力,
极大地提高获得知识和信息的效率 。
7.1 超文本和超媒体
? 在超文本数据库内部, 节点之间用链 （ Link）
连接起来形成网状结构, 如图所示,
?
? 结点 A
结点 F结点 E结点 D
结点 C结点 B
具有 6个结点和 9条链的超文本结构示意图
超文本概念的一个简单示意图
? 超媒体：
把多媒体信息引入超文本, 这就产生了多媒
体超文本, 也即 超媒体 。 即超文本中的接点数
据不仅是文本, 还可以是图形, 图象, 动画,
音频, 甚至计算机程序或他们的组合 。
? 超媒体系统：
对超媒体进行管理使用的系统 。
7.1.2 超文本系统
1.超文本系统的特点：
? 多种媒体信息, 节点可含有文本、图形、图像、动画、声
音和视频等，使传播的信息更易于接受和理解，从而达到更
好的效果。
? 非线性的网状结构, 把各种内容和形式的节点按在现实世
界中的联系和人们的思维逻辑进行组织，成为一个有机的综
合信息体 。
? 交互式信息浏览和查询, 用户可跟随链的走向不断打开目
的节点，也可以利用已知的字符串关键字对网络进行搜寻。
? 具有良好的可扩充性,各个节点中的信息可以更新，也可将
新节点加入到超文本结构中或删除已有的一些节点。
2,超文本的访问方式
? 超文本是一种典型的数据库技术，是由节点和表达节
点之间关系的链组成的网。每个节点都链接在其它节
点上，用户对网进行浏览、查询和注释等操作。
? 超文本是一种接口模型,它采用,控制按钮,的方式
组织接口。这些“按钮”由作者设置在正文中，用户
通过按钮访问下面的信息。
?, 按钮,就是通常所说的连接节点之间的“链”，从
这个角度看,超文本可以看作 三个要素 的组合,节点、
链和网络。
7.1.3* 超文本与超媒体的示例
超文本与超媒体应用在很多领域，如在
操作系统 Windows中的,帮助,就使用了
超文本的方式，还有许多的应用，又如：
电子百科全书, 教学应用的 CAI 以及 旅游信
息,软件工程、娱乐等都有着广泛的应用。
? 假设有一位总经理，他自己有电子记事
本，他的秘书根据他与外商谈判的材料按
照超文本的结构形式组织好了有关材料供
总经理使用。下面借助于下图来说明。
示例一
日程安排
8:30合资办厂
10:20 懂事会会议
合资办厂记要
合作乙方：某外国公司
外商代表：江山
江山简历 某外国公司情况
热字是文本中被指定具有特殊含义或需进一步解释
的字、词或词组。
? 示例三,热元
热元是指这些相对独立的图像单位能够作为信息转
移的链源 。
示例二,热字
7.2超文本与超媒体的系统结构
7.2.1 超文本与超媒体系统的两个模型
? 超文本和超媒体的系统结构较著名的是 1988年 Campbell
和 Goodman提出的 HAM模型,另一个是从事超文本标准化
研究 Dexter小组提出的 Dexter模型。这两个模型是基本相
似的，它们都是将超文本和超媒体体系结构分为三个层次。
1,HAM模型
(用户接口层 )
1） 数据库层
数据库层是三层模型的最低层, 涉及所有传统的有关
信息存储 的问题 。 实际上这一层并不构成超文本系
统的特殊性 。 但是它以庞大的数据库作为基础,
而且在超文本系统中的信息量大, 需要存储的信
息量也就大 。 一般要用到磁盘, 光盘等大容量存
储器, 或把信息存放在经过网络访问的远程服务
器上, 不管信息如何存放, 必须要保证信息的快
速存取 。
? 2)超文本抽象机层
超文本抽象机层 （ Hypertext Abstact
Machine） 简称 HAM,是三层模型中的中
间层, 这一层 决定了 超文本系统节点和链
的基本特点, 记录了 节点之间链的关系,
并 保存了 有关节点和链的结构信息 。 在这
一层中 可以了解到每个相关联的属性 。 例
如节点的, 物主, 属性, 这一属性指明该
节点由谁创建的, 谁有修改权限, 版本号
或关键词等 。
3)用户接口层（ 表现层 ）
表示层又称为 用户接口层 或用户界面层, 也是
构成超文本系统特殊性的重要表现, 并直接影响
着超文本系统的成功, 可用于 处理超文本抽象层
中的信息表示, 包括判断用户的有效命令, 节点
和链的显示方式, 是否有总体图解及多媒体信息
的表现组织等等 。 它应该具有简明, 直观, 生动,
灵活, 方便等特点 。 用户接口层是超文本和超媒
体系统人－机交互的界面 。 用户接口层决定了信
息的表现方式, 交互操作方式以及导航方式等 。
Dexter模型的目标是 为开发分布信息之间的交互操作和信
息共享 提供一种标准或参考规范 。 如下图所示 。
2,Dexter模型
1） 内部成员层 ——内部成员层 描述
超文本中成员的内容和结构, 对应
于各个媒体单个应用成员 。
2） 存储层 ——存储层是 描述成员和
链的网络 。
3） 运行层 ——运行层描述支持用户
和 超文本交互作用的机制, 负责在
运行时处理链, 锚接口和成员 。
超文本中的信息网络 是由结点和链构成的一
个向的有向图，通过该有向图可以进行交互式
的浏览和信息查询。
3）网络：
3,超文本与超媒体 的组成要素
１ )节点
? 超文本 是由节点和链构成的信息网络。 节点 是表达信息的
单位，是围绕一个特殊主题组织起来和数据集合。 节点的
内容 可是文本、图形、图像、动画、音频、视频等，也可
以是一般计算机程序。
? 节点分为两种类型,一种称为 表现型,记录各种媒体信
息，表现型节点按其内容的不同又可分为许多类别，如文
本节点和图文节点等；另一种称为 组织型,用于组织并记
录节点间的联结关系，它实际起索引目录的作用，是连结
超文本网络结构的纽带，即组织节点的节点。
节点的基本类型
? 节点的基本类型归纳如下：
? ⑴ 文本节点 ⑵ 图形节点 ⑶ 图像节点
? ⑷ 音频节点 ⑸ 视频节点 ⑹ 混合媒体节点
? ⑺ 按钮节点 ⑻ 组织型节点 ⑼ 推理型节点
节点 是表达信息的基本单位，是围绕一个特殊主
题组织信息的最基本单元。 节点内容 包含对媒体
数据属性的描述和表现方法。 常见的节点 有 文本
节点,图像 节点 和图形 节点,动画 节点 和视频 节
点,音频 节点 和按钮 节点，统称为媒体节点。另
外还有 组织 节点,推理型 节点等。
链是 固定节点之间的信息联系, 用来以各种形式连接
相应的节点, 提供了在超文本结构中进行浏览和探索
结点的能力 。 由于超文本没有规定链的规范与形式,
因此, 超文本与超媒体系统的链也是各异的, 信息间
的联系丰富多彩引起链的种类复杂多样 。 但最终达到
效果却是一致的, 即建立起节点之间的联系 。
链的一般结构：可分为 以下 三个部分 。
? 链源,一个链的起始端称为链源。链源是导致结点信
息迁移的原因，可以是热字、热区、图元、热点、媒
体对象等。
? 链宿,链宿是链的目的所在，在超文本中链宿一般为
一个结点。
? 链的属性,指链的类型，版本和权限等。
2）链
各类链的特点
① 基本结构链 是构成超媒体的主要形式，在建立超
媒体系统前需创建基本结构链。它的特点是层次与
分支明确。
② 索引链 是超文本所特有的
③ 推理链 用于系统的机器推理与程序化。
④ 隐形链 又称关键字链或查询链。
３．网络
? 超文本由节点和链构成网络是一个有向图，这种有
向图与人工智能中的语义网有类似之处。语义网是
一种知识表示法，也是一种有向图。
4,超文本系统与操作工具
? 编辑器
? 编译器
? 阅读器
? 导航工具
1).编辑器
编辑器是超文本系统组成部分之一。编辑器
可定义节点信息，构造节点之间的信息流程，同
时可使用系统工具准备各种媒体信息。它不仅要
解决文本、图形、动画、图像、声音和视频等各
种媒体的编辑问题，还要帮助用户建立和修改信
息网络中的节点和链。
２ )编译器
? 编译器将编译器产生的多种文档进行综合编译，生
成包含全部信息（文本、图形、图像、视频和声音
等）和结构信息的有机体 ──超文本文档。
３ )阅读器
? 编译器生成的不是可执行文件，而超文本文档。
要浏览超文本文档，并按人们的习惯方式展示信
息内容或提供概要，就需要有一个专门的工具 ──
阅读器。
４ )导航工具
? 导航工具是超文本系统不可缺少的交互工
具，也是评价超文本系统质量的主要指标
之一。导航工具的 主要作用有两方面,一
是使用户在信息网络中 快定位和查询 ；另
一方面是 防止 用户在复杂的信息网络中 迷
失航向 。
常用的导航工具 有：导航图（或称浏览
图）、查询系统、线索、遍历和书签。
7.2.2 超文本系统的体系结构
? 1．超文本 结构的种类
? （ 1） 知识表示型超文本 。
? 知识表示 可分解为四项任务,表示文本和图形、
表示概念、表示组织结构、表示概念间的关系。
文本和图形直接由屏幕上的信息表示、这些信息
可以分段，并在屏幕字段和窗口上显示。在超媒
体中，概念通常作为系统中的对象处理，也是超
媒体的节点，具有层次结构。
? （ 2） 推理型 超文本
? 在一个语义丰富的超媒体系统中，概念间的关系
用链表示。链在逻辑程序设计中由谓词定义。实
际上，逻辑程序可以通过规则来显示定义和演绎。
同样，链也可以由推理系统运行时的推理来创建
或显示定义。
? （ 3）信息检索型超文本
? 超媒体节点的层次结构相应地表示了它们之间的
连接，这种连接提供了一种强有力的索引形式。
通常的 信息检索功能由选择操作实现,选择操作
允许对层次结构中被检索的信息项加标识，如同
推理系统那样，通过连接谓词在超媒体网络中进
行推理，同时通过向层次索引附加一个检索的机
制，以提供信息检索的能力。因此 在超媒体模型
中不只是通常的信息检索，而是一个把信息检索
合并到信息访问和应用的更扩展的模型 。
? （ 4）浏览型超文本
? 浏览（ Browsing）是通过相关节点的连接来
实现的，也可以通过附加映像和浏览工具
来实现。 浏览一个完整的超文本包括两个
方面, 一方面 灵活地提供被要求的信息，
另一方面 又有必要避开那些非定向使用的
信息来约束这一过程。通常，允许用户检
索的路径越多，用户最终迷航的可能性越
大。
2．超文本结构的设计
超文本做为一种知识表达的工具, 在结构上等价于语义网络 。
（ 1） 多媒体教学软件中的超文本形式
1） 基于文字的超文本
基于文字的超文本又称为热字。热字就是文本中被指定具有
特殊含义或需进一步解释的字、词或词组。
2） 基于多媒体信息的超文本
基于多媒体信息的超文本同样也可设置成超级链接的形式 。
3） 基于热区的超文本
基于热区的超文本将屏幕上的一块区域设置成可以交互的热
区。
1） 确定超文本的节点
2） 丰富节点的内容
3） 确定节点间的连接关系
(2)多媒体教学软件的超文本设计步骤
3,超文本与超媒体的应用
? 随着多媒体技术的发展，超文本与超媒体技术，具有
广阔的应用前景。超文本与超媒体组织和管理信息方式符
合人们的“联想”思维习惯。适合于非线性的数据组织形
式，以它独特的表现方式，得到了广泛的应用
(1).办公自动化
?Apple公司的 Hypercard软件展示了把 Hypercard 用
于办公室的日常工作的一个方面，它以卡片的形式
提供了形象的电话簿、备忘录、日历、价格表与文
献摘要等，是应用多媒体管理技术的一个实例。
(２ )大型文献资料信息库
由超文本与超媒体技术独特优点，广泛应用于
大型文献资料信息库的建设，目前已经研制出来
的中英文字典系统，就是按照超文本与超媒体的
方式组织和构造，它收录了 25万条目，计 4181万
字,186万个记号，采用这种方式的存储的 30 卷
百科全书，查询时间只需几秒钟。
(３ )综合数据库应用
在各类工程应用中，要求用图纸、图形、文
字、动画或视频表达概念和设计，一般数据库系
统是无法表达的，而超文本与超媒体技术为这类
工程提供了强有力的信息管理工具，不少系统已
将它应用于联机文档的设计和软件项目的管理。
? (４ ) 使用户界面更友好
? 超文本与超媒体不仅是一项信息管理技术，
也是一项界面技术。图形用户接口 GUI使用户桌
面由字符命令菜单方式转为图形菜单方式，而超
文本技术在 GUI基础上再上了一个新台阶，即多
媒体用户口接口 MMGUI，不仅数字和图形、图像、
动画,音频、视频等信息均能展现在用户的面前。
4,超文本与超媒体存在的问题
? 超文本与超媒体是一项正在发展中的技术，虽然它有许多独特的优点，
但也存在许多不够完善的方面。
１ )信息组织
? 超文本的信息是以节点作为单位。 如何把一个复杂
的信息系统划分成信息块 是一个较困难的问题。例如
一篇文章，一个主题，又可能分成几个观点，而不同
主题的观点又相互联系，而为这些联系分割开来，就
会破坏文章的本身表达的思想。 这样节点的组织和安
排就可能要反复调整和组织 。
２ )智能化
? 虽然大多数超文本系统提供了许多帮助用户阅
读的辅助信息和直观表示。但 因超文本系统的控
制权完全交给了用户，当用户接触一个不熟悉的
题目时，可能会在网络中迷失方向 。要彻底解决
这一问题，还需要研究更有效的方法，这实际上
是要超文本系统具有某种智能性，而不是只能被
动地沿链跳转。超文本在结构上是人工智能有着
相似之处，使它们有机的结合将成为超文本与超
媒体系统的必然趋势。
３ )数据转换
? 超文本系统数据的组织与现有的各种数
据库文件系统的格式完全不一样。引入超
文本系统后，如何为传统的数据库数据转
换到超文本中也是一个问题。
６ )媒体间协调性
? 超文本向超媒体的发展也带来了一系列需要深
入研究的问题，如多媒体数据如何组织，各种媒
体间如何协调，节点和链如何表示；对音频和视
频这一类与时间有密切关系的媒体引入到超文本
中，对系统的体系结构将产生什么样的影响，当
各种媒体数据作为节点和链的内容时，媒体信息
时间和空间的划分，内容之间的合理组织都是在
多媒体数据模型建立时要认真解决的问题。
４ )兼容性
目前的超文本系统大都是根据 用户的要求分
别设计的，它们之间没有考虑到兼容性问题，也没有
统一的标准可循。所以要尽快制定标准并加强对版本
的控制。 标准化是 超文本系统的一个重要问题，没有
标准化，各个超文本系统之间就无法沟通，信息就不
能共享。
５ )扩充性
? 现有的超文本系统，有待于提高检索和查
询速度，增强信息管理结构和组织的灵活
性，以便提供方便的系统扩充手段。
１ )由超文本向超媒体发展
超文本向超媒体的转变不仅是将文本媒体扩
展到其它媒体，而且还要能使系统自动地判
断媒体类型，并执行对应的操作。对图像的
热区，视频的热点等都能引起类似于热字的
反应，多媒体的表现及基本内容的检索等。
超文本向超媒体的转变，大大地增强了功能
和性能，也增加了系统实现的难度。
5,超文本与超媒体发展的前景
２ )由超媒体向 智能超媒体 发展
在超媒体技术的研究中,有人提出智能超
媒体或专家超媒体（ Expertext）。这种超
媒体打破了常规超媒体文献内部和它们之
间严格的链的限制，在超媒体的链和节点
中嵌入知识或规则,允许链进行计算和推理,
使得多媒体信息的表现具有智能化。
３ )由超媒体向 协作超媒体 发展
超媒体建立了信息之间的链接关系，那么也可
用超媒体技术建立人与人之间的链接关系，这就
是协作超媒体技术。超媒体节点与链的概念使之
成为支持协同性工作的自然工具。协同工作使得
多个用户可以同一组超媒体数据上共同进行操作。
这样未来的电子邮政、公共提示板等都可能应用
到超媒体系统中。
7.3 网页中超文本的实现
7.3.1 WWW技术的基本概念
1,WWW的工作方式
发出请求
发回网页
的常用术语
? 1） URL（统一资源定位符）
? 2）网页
? 3）网站
? 4）主页（首页）
HTML（ Hyper Text Markup Language） 是一种用来制作超
文本文档的简单标记语言 。 用 HTML编写的超文本文档称为
HTML文档, 它能独立于各种操作系统平台 （ 如 UNIX、
WINDOWS等 ） 。 HTML文档 （ 即网页的源文件 ） 是一个放置
了标记的 ASCII文本文件, 通常它带有,html或,htm的文件
扩展名 。
从结构上讲, HTML文件 由元素组成, 组成 HTML文件的元素
有许多种, 用于 组织文件的内容 和 指导文件的输出格式 。
绝大多数元素是, 容器,, 即它有起始标记和结尾标记 。
在起始链接签和结尾链接签中间的部分是 元素体 。 每一个
元素都有 名称 和可选择的 属性, 元素的名称和属性都在起
始链接签内标明 。
7.3.2 HTML简介
1,HTML标记
(1).单标签
只需单独使用就能完整地表达意思, 这类标记的语法是：
< 标签名称 >
(2).双标签
,双标签, 由, 始标签, 和, 尾标签, 两部分构成，而
且必须成对使用，这类标记的语法是：
<标签 > 内 容 </ 标签 >
(3).标签属性
大多数标签 （ 包括单标记和双标记 ） 的始标记内可以包
含一些属性, 其语法是：
< 标签名字 属性 1 属性 2 属性 3 … >
2,HTML文件结构
? <HTML> ----html文件开始
? <HEAD> ----文件头开始
? <TITLE> ----网页主题开始
? 网页主题文本
? </TITLE> ----网页主题结束
? </HEAD> ----文件头结束
? <BODY> ----文件体开始
? 文件体 （ 这里写正文 ）
? </BODY> ----文件体结束
? </HTML> ----html文件结束
3.HTML超链接
HTML使用超级链接来连接到网络上的其他页面 。 一个
链接的基本格式 如下：
<A HREF=“资源地址, >链接对象 </A>
(1） 本地链接
对同一台机器上的不同文件进行的连接称为本地链接, 它
采用 绝对路径 或 相对路径 来指示一个文件 。
(2） URL链接
通过 URL可以 以多种通 讯协议与外界 沟通来存取信 息 。
URL链接的形式是：
协议名,//主机,域名 /路径 /文件名
(3).目录链接
需要直接指到同一文件上部, 下部或中央部分, 或者
链接到另一文件的某一部分 。 这就引入了目录链接 。
制作目录链接的方法是：
1） 先把某段落设置为链接位置, 格式是：
<A NAME="链接位置名称 "></A>
2） 然后调用此链接部分的文字, 定义连接：
<A HREF="文件名＃链接位置名称 ">链接文字 </A>
如果是在一个文件内跳转, 文件名可以省略不写
4),链接电子邮件程序
有时需要在 Web页面上使用链接电子邮件程序, 这时就
要用到, mailto”。 mailto的语法结构如下：
<A HREF="mailto,userinfo@host">Name</A>
5),链接内联图像
内联图像 （ inline image） 是指那些 与 Web网页的文本一起下
载显示的图像, 在浏览器上表现为文本和图像显示在同一
网页上 。
在 HTML文件中插入图像文件的格式如下：
<IMG SRC=ImageName>…… </IMG>
6).用图像作超链接
图像也可以做为链接指针 。 格式为：
<a href="url"><img src="url"></a>
7).图像地图 （ image map）
图像地图可以把 图像分成多个区域,每个区域
指向不同的地点 。图像地图需要一个 特殊的处理
程序 imagemap,imagemap放在 /cgi-bin中。
在 HTML文件中引用图像地图的格式为：
<a href="/cgi-bin/imagemap/mymap.map">
<img src="mymap.gif" ismap></a>
用户端图像地图的格式为：
<img src="url" usemap="#mymap">
7.4 网页设计工具
编辑 HTML文件使用一般的纯文本编辑
器就可以胜任，如记事本、写字板等 。 随
着网页制作技术的不断发展，出现了诸如
FrontPage,Dreamweaver等可视化的网页编
辑工具。
1.FrontPage
? FrontPage是由 Microsoft公司推出的 Web页面制作
工具软件 。 FrontPage使网页制作者能够更加方便,
快捷地创建和发布网页, 具有直观的网页制作和
管理方法, 简化了大量工作 。 FrontPage界面与
Word,PowerPoint等软件的界面极为相似, 易学
易用, 为使用者带来了极大的方便 。
? 此外,FrontPage还自带一个 Web服务器，使用户
在没有安装 Web服务器软件的计算机上也能通过
浏览器测试网页。
2,Dreamweaver
? Dreamweaver是由 Macromedia公司推出的一款网页
制作软件，它具有可视化编辑界面，用户不必编
写复杂的 HTML源代码就可以生成跨平台、跨浏
览器的网页。 Dreamweaver的网页动态效果与网页
排版功能比一般的软件都好用，它可以满足多层
次的需求，是功能强大的可视化、专业级网页设
计及制作工具。所以它是网页设计者的首选工具。
7.5 动态网页技术
? 所谓动态网页是指按照访问者的不同需要, 对访
问者输入的信息做出不同的响应, 提供响应的信
息 。
? 动态网页生成的原理
1,CGI技术
? CGI(Common Gateway Interface)即公用网关接口 。 用
来实现 CGI应用程序的编程语言有很多种, 如 Visual
Basic,Delphi或 C/C++,Perl等 。 当用户在浏览器端填
好表单要求输入的资料, 提出 HTTP请求后, Web服
务器端执行该表单所设定的 CGI应用程序, 处理访问
者输入的信息并据此做出响应, 将其运行结果传输到
客户端的浏览器上 。
? 由于 CGI程序不是整合在 HTML文档中，因此须使用
与 HTML不同的设计过程来设计一个应用程序，每一
次修改程序都必须重新将 CGI程序编译成可执行文件。
使用 CGI方式的缺点是效率低下。
2,ASP技术
? ASP是 Active Server Pages的简称，是微软公司推出的 Web
应用程序开发技术。使用 ASP可以建立动态的、交互的、
高效的 Web服务器应用程序。
? ASP允许用服务器端脚本来扩展 HTML，利用 VBScript、
JavaScript或其他第三方脚本语言编程，实现过去需要编写
复杂的 CGI程序才能实现的动态网页。如果去掉这些包含
实现动态功能的 VBScript或 JavaScript语句，它和标准的
HTML文件没有任何区别。
? ASP的主要工作环境是微软的 IIS应用程序结构，因
ActiveX对象具有平台特性，所以 ASP技术不能很容易地实
现在跨平台的 Web服务器的工作。
ASP工作原理
3,JSP技术
? JSP（ Java Server Pages） 是由 Sun Microsystem公司推出的,
基于 Java Servlet以及整个 Java体系的 Web开发技术 。 利用
这一技术可以建立先进, 安全和跨平台的动态网站 。
? 总的来讲,Java Sever Pages（ JSP）和微软的 Active Sever
Pages（ ASP）在技术方面有许多相似之处。两者都是为基
于 Web应用实现动态交互网页制作提供的技术环境支持。
同等程度上来讲，两者都能够为程序开发人员提供实现应
用程序的编制与自带组件设计，而且两者都能够替代 CGI
使网站建设与发展变得较为简单、快捷，不过两者是来源
于不同的技术规范组织。
本章要点
1.超文本和超媒体的基本概念、主要特性和
体系结构以及超文本和超媒体组成要素。
2.超文本和超媒体的应用及研究的问题。
3.网页中超文本的实现 。
? 1,在超文本和超媒体中不同信息块之间的
连接是通过 连接。
? （ A）节点 （ B）字节
? （ C）链 （ D）字
本章习题
c
? 2,超文本的三个基本要素是 。
? （ 1）节点 （ 2）链
? （ 3）网络 （ 4）多媒体信息
? （ A）（ 1）（ 2）（ 4）
? （ B）（ 2）（ 3）（ 4）
? （ C）（ 1）（ 3）（ 4）
? （ D）（ 1）（ 2）（ 3）
D
? 3,超文本和超媒体体系结构的三层模型是
一年提出的？
? （ A） 1985 （ B） 1988
? （ C） 1989 （ D） 1990
B
? 4,下列的叙述哪些是正确的？
? （ 1）节点在超文本中是信息的基本单元。
? （ 2）节点的内容可以是文本、图形、图像、动画、
视频和音频。
? （ 3）节点是信息块之间连接的桥梁。
? （ 4）节点在超文本中必须经过严格的定义。
? （ A） (1) (3) (4) （ B） (1) (2)
? （ C） (3) (4) （ D）全部
B
? 5,下列的叙述哪些是错误的？
? （ 1）链的结构分为三部分：链源、链缩及
链的属性。
? （ 2）链是连接节点的桥梁。
? （ 3）链在超文本中必须经过严格的定义。
? （ 4）链在超文本和超媒体中是统一的。
? （ A）（ 1）（ 2） （ B）（ 1）（ 3）
? （ C）（ 3）（ 4） （ D）全部
C
? 6,一般超文本链的链宿都是（ ）。
A,节点
B,链
C,超文本
D,网络
2,下列的叙述哪些是错误的？（ 1）链的结构分
为三部分：链源、链缩及链的属性。（ 2）链是
连接节点的桥梁。（ 3）链在超文本中必须经过
严格的定义。（ 4）链在超文本和超媒体中是统
一的。请选择：（ ）。
B
3,4
? 7,下列的叙述哪些是正确的？（ 1）节点在
超文本中是信息的基本单元。（ 2）节点的
内容可以是文本、图形、图像、动画、视
频和音频。（ 3）节点是信息块之间连接的
桥梁。（ 4）节点在超文本中必须经过严格
的定义。请选择（ ）。1,2
? 8,超文本和超媒体的应用范围有（ ）？
A,办公自动化
B,大型文献资料信息库
C,综合数据库应用
D,友好的用户界面
? 9,节点的内容可以是（ ）？
A,文本
B,图形、图像
C,动画
D,音频、视频
E,计算机程序
? 1,超文本和超媒体系统中的数据库层与传统的数
据库有什么不同？
? 答,超文本和超媒体系统中数据库，由于具有
多媒体数据所以信息量很大，因此用到大容量的
存储技术，如大容量的磁盘、光盘等。而传统的
数据库信息量没有那么大，而且信息量比较单一，
一般都是文档或数据等。但是在超文本和超媒体
的数据库层的设计中也用到了大量的传统数据库
的思想方法。
简答题
? 2.超文本和超媒体的组成要素和操作工具有哪些？
? 答：超文本和超媒体的组成要素是由节点、链、和网络等组成。其中
节点可分为表现型记录各种媒体信息，另一种是组织型用于组织并记
录节点间的联结关系。
? 节点可归纳为以下基本类型,
? 文本节点、图形节点、图像节点、音频节点、视频节点、混合媒体
节点、按钮节点、组织型节点和推理型节点。
? 链,链由三部分组成，即链源、链缩和链的属性。而链的种类可分为：
基本结构链、（基本链、交叉检索链、节点内注释链）、推理链、隐
形链等。
? 网络,即超文本和超媒体数据库由声、文、图各类节点和链组成网络。
? 超文本和超媒体的操作工具主要有,编辑器、编译器、阅读器、导航
工具等，而导航工具又可分为：导航图、查询系统、线索、遍历、书
签等。
? 3*.超文本和超媒体系统中的数据库层 与传统的数据
库的不同点？
? 答：超文本和超媒体系统中的数据库层，是模型中的最低层，
比普通的数据库管理系统更为简单，用于处理所有信息存储中
的传统问题。如存储分配管理、缓冲区调度、存储控制等等，
其基本功能是对节点和链等的基本信息进行存储，管理和访问，
并保证这些操作对于高层的超文本抽象机层来说是透明的，即
无论高层访问的信息是存储在本地或远地，是存储在一台计算
机中还是存储中多台计算机中，数据库层都能保证正确的存储。
? 超文本和超媒体系统中数据库，由于具有多媒体数据所以
信息量很大，因此用到大容量的存储技术，如大容量的磁盘、
光盘等。而传统的数据库信息量没有那么大，而且信息量比较
单一，一般都是文档或数据等。但是在超文本和超媒体的数据
库层的设计中也用到了大量的传统数据库的思想方法。
学习目标
l掌握超文本和超媒体的基本概念
l掌握超文本和超媒体的体系结构
l了解超文本和超媒体的应用
l了解网页中超文本的实现方法和开发工具
7.1.1超文本与超媒体的概念
?人类的记忆 是一种具有网状结构的联想式的记忆, 具有
跳跃式, 多层次, 多路径, 多方位思维和访问信息的非线
性结构 。
? 超文本 是一个类似于人类联想思维的一个非线性的网状
结构, 它 以结点作为一个信息块, 它采用一种非线性的 网
状结构 组织信息, 把文本按其内容固有的独立性和相关性
划分成不同的基本信息块, 并且可以按需要用一定的逻辑
顺序来组织和管理信息 。 它提供联想, 跳跃式的查询能力,
极大地提高获得知识和信息的效率 。
7.1 超文本和超媒体
? 在超文本数据库内部, 节点之间用链 （ Link）
连接起来形成网状结构, 如图所示,
?
? 结点 A
结点 F结点 E结点 D
结点 C结点 B
具有 6个结点和 9条链的超文本结构示意图
超文本概念的一个简单示意图
? 超媒体：
把多媒体信息引入超文本, 这就产生了多媒
体超文本, 也即 超媒体 。 即超文本中的接点数
据不仅是文本, 还可以是图形, 图象, 动画,
音频, 甚至计算机程序或他们的组合 。
? 超媒体系统：
对超媒体进行管理使用的系统 。
7.1.2 超文本系统
1.超文本系统的特点：
? 多种媒体信息, 节点可含有文本、图形、图像、动画、声
音和视频等，使传播的信息更易于接受和理解，从而达到更
好的效果。
? 非线性的网状结构, 把各种内容和形式的节点按在现实世
界中的联系和人们的思维逻辑进行组织，成为一个有机的综
合信息体 。
? 交互式信息浏览和查询, 用户可跟随链的走向不断打开目
的节点，也可以利用已知的字符串关键字对网络进行搜寻。
? 具有良好的可扩充性,各个节点中的信息可以更新，也可将
新节点加入到超文本结构中或删除已有的一些节点。
2,超文本的访问方式
? 超文本是一种典型的数据库技术，是由节点和表达节
点之间关系的链组成的网。每个节点都链接在其它节
点上，用户对网进行浏览、查询和注释等操作。
? 超文本是一种接口模型,它采用,控制按钮,的方式
组织接口。这些“按钮”由作者设置在正文中，用户
通过按钮访问下面的信息。
?, 按钮,就是通常所说的连接节点之间的“链”，从
这个角度看,超文本可以看作 三个要素 的组合,节点、
链和网络。
7.1.3* 超文本与超媒体的示例
超文本与超媒体应用在很多领域，如在
操作系统 Windows中的,帮助,就使用了
超文本的方式，还有许多的应用，又如：
电子百科全书, 教学应用的 CAI 以及 旅游信
息,软件工程、娱乐等都有着广泛的应用。
? 假设有一位总经理，他自己有电子记事
本，他的秘书根据他与外商谈判的材料按
照超文本的结构形式组织好了有关材料供
总经理使用。下面借助于下图来说明。
示例一
日程安排
8:30合资办厂
10:20 懂事会会议
合资办厂记要
合作乙方：某外国公司
外商代表：江山
江山简历 某外国公司情况
热字是文本中被指定具有特殊含义或需进一步解释
的字、词或词组。
? 示例三,热元
热元是指这些相对独立的图像单位能够作为信息转
移的链源 。
示例二,热字
7.2超文本与超媒体的系统结构
7.2.1 超文本与超媒体系统的两个模型
? 超文本和超媒体的系统结构较著名的是 1988年 Campbell
和 Goodman提出的 HAM模型,另一个是从事超文本标准化
研究 Dexter小组提出的 Dexter模型。这两个模型是基本相
似的，它们都是将超文本和超媒体体系结构分为三个层次。
1,HAM模型
(用户接口层 )
1） 数据库层
数据库层是三层模型的最低层, 涉及所有传统的有关
信息存储 的问题 。 实际上这一层并不构成超文本系
统的特殊性 。 但是它以庞大的数据库作为基础,
而且在超文本系统中的信息量大, 需要存储的信
息量也就大 。 一般要用到磁盘, 光盘等大容量存
储器, 或把信息存放在经过网络访问的远程服务
器上, 不管信息如何存放, 必须要保证信息的快
速存取 。
? 2)超文本抽象机层
超文本抽象机层 （ Hypertext Abstact
Machine） 简称 HAM,是三层模型中的中
间层, 这一层 决定了 超文本系统节点和链
的基本特点, 记录了 节点之间链的关系,
并 保存了 有关节点和链的结构信息 。 在这
一层中 可以了解到每个相关联的属性 。 例
如节点的, 物主, 属性, 这一属性指明该
节点由谁创建的, 谁有修改权限, 版本号
或关键词等 。
3)用户接口层（ 表现层 ）
表示层又称为 用户接口层 或用户界面层, 也是
构成超文本系统特殊性的重要表现, 并直接影响
着超文本系统的成功, 可用于 处理超文本抽象层
中的信息表示, 包括判断用户的有效命令, 节点
和链的显示方式, 是否有总体图解及多媒体信息
的表现组织等等 。 它应该具有简明, 直观, 生动,
灵活, 方便等特点 。 用户接口层是超文本和超媒
体系统人－机交互的界面 。 用户接口层决定了信
息的表现方式, 交互操作方式以及导航方式等 。
Dexter模型的目标是 为开发分布信息之间的交互操作和信
息共享 提供一种标准或参考规范 。 如下图所示 。
2,Dexter模型
1） 内部成员层 ——内部成员层 描述
超文本中成员的内容和结构, 对应
于各个媒体单个应用成员 。
2） 存储层 ——存储层是 描述成员和
链的网络 。
3） 运行层 ——运行层描述支持用户
和 超文本交互作用的机制, 负责在
运行时处理链, 锚接口和成员 。
超文本中的信息网络 是由结点和链构成的一
个向的有向图，通过该有向图可以进行交互式
的浏览和信息查询。
3）网络：
3,超文本与超媒体 的组成要素
１ )节点
? 超文本 是由节点和链构成的信息网络。 节点 是表达信息的
单位，是围绕一个特殊主题组织起来和数据集合。 节点的
内容 可是文本、图形、图像、动画、音频、视频等，也可
以是一般计算机程序。
? 节点分为两种类型,一种称为 表现型,记录各种媒体信
息，表现型节点按其内容的不同又可分为许多类别，如文
本节点和图文节点等；另一种称为 组织型,用于组织并记
录节点间的联结关系，它实际起索引目录的作用，是连结
超文本网络结构的纽带，即组织节点的节点。
节点的基本类型
? 节点的基本类型归纳如下：
? ⑴ 文本节点 ⑵ 图形节点 ⑶ 图像节点
? ⑷ 音频节点 ⑸ 视频节点 ⑹ 混合媒体节点
? ⑺ 按钮节点 ⑻ 组织型节点 ⑼ 推理型节点
节点 是表达信息的基本单位，是围绕一个特殊主
题组织信息的最基本单元。 节点内容 包含对媒体
数据属性的描述和表现方法。 常见的节点 有 文本
节点,图像 节点 和图形 节点,动画 节点 和视频 节
点,音频 节点 和按钮 节点，统称为媒体节点。另
外还有 组织 节点,推理型 节点等。
链是 固定节点之间的信息联系, 用来以各种形式连接
相应的节点, 提供了在超文本结构中进行浏览和探索
结点的能力 。 由于超文本没有规定链的规范与形式,
因此, 超文本与超媒体系统的链也是各异的, 信息间
的联系丰富多彩引起链的种类复杂多样 。 但最终达到
效果却是一致的, 即建立起节点之间的联系 。
链的一般结构：可分为 以下 三个部分 。
? 链源,一个链的起始端称为链源。链源是导致结点信
息迁移的原因，可以是热字、热区、图元、热点、媒
体对象等。
? 链宿,链宿是链的目的所在，在超文本中链宿一般为
一个结点。
? 链的属性,指链的类型，版本和权限等。
2）链
各类链的特点
① 基本结构链 是构成超媒体的主要形式，在建立超
媒体系统前需创建基本结构链。它的特点是层次与
分支明确。
② 索引链 是超文本所特有的
③ 推理链 用于系统的机器推理与程序化。
④ 隐形链 又称关键字链或查询链。
３．网络
? 超文本由节点和链构成网络是一个有向图，这种有
向图与人工智能中的语义网有类似之处。语义网是
一种知识表示法，也是一种有向图。
4,超文本系统与操作工具
? 编辑器
? 编译器
? 阅读器
? 导航工具
1).编辑器
编辑器是超文本系统组成部分之一。编辑器
可定义节点信息，构造节点之间的信息流程，同
时可使用系统工具准备各种媒体信息。它不仅要
解决文本、图形、动画、图像、声音和视频等各
种媒体的编辑问题，还要帮助用户建立和修改信
息网络中的节点和链。
２ )编译器
? 编译器将编译器产生的多种文档进行综合编译，生
成包含全部信息（文本、图形、图像、视频和声音
等）和结构信息的有机体 ──超文本文档。
３ )阅读器
? 编译器生成的不是可执行文件，而超文本文档。
要浏览超文本文档，并按人们的习惯方式展示信
息内容或提供概要，就需要有一个专门的工具 ──
阅读器。
４ )导航工具
? 导航工具是超文本系统不可缺少的交互工
具，也是评价超文本系统质量的主要指标
之一。导航工具的 主要作用有两方面,一
是使用户在信息网络中 快定位和查询 ；另
一方面是 防止 用户在复杂的信息网络中 迷
失航向 。
常用的导航工具 有：导航图（或称浏览
图）、查询系统、线索、遍历和书签。
7.2.2 超文本系统的体系结构
? 1．超文本 结构的种类
? （ 1） 知识表示型超文本 。
? 知识表示 可分解为四项任务,表示文本和图形、
表示概念、表示组织结构、表示概念间的关系。
文本和图形直接由屏幕上的信息表示、这些信息
可以分段，并在屏幕字段和窗口上显示。在超媒
体中，概念通常作为系统中的对象处理，也是超
媒体的节点，具有层次结构。
? （ 2） 推理型 超文本
? 在一个语义丰富的超媒体系统中，概念间的关系
用链表示。链在逻辑程序设计中由谓词定义。实
际上，逻辑程序可以通过规则来显示定义和演绎。
同样，链也可以由推理系统运行时的推理来创建
或显示定义。
? （ 3）信息检索型超文本
? 超媒体节点的层次结构相应地表示了它们之间的
连接，这种连接提供了一种强有力的索引形式。
通常的 信息检索功能由选择操作实现,选择操作
允许对层次结构中被检索的信息项加标识，如同
推理系统那样，通过连接谓词在超媒体网络中进
行推理，同时通过向层次索引附加一个检索的机
制，以提供信息检索的能力。因此 在超媒体模型
中不只是通常的信息检索，而是一个把信息检索
合并到信息访问和应用的更扩展的模型 。
? （ 4）浏览型超文本
? 浏览（ Browsing）是通过相关节点的连接来
实现的，也可以通过附加映像和浏览工具
来实现。 浏览一个完整的超文本包括两个
方面, 一方面 灵活地提供被要求的信息，
另一方面 又有必要避开那些非定向使用的
信息来约束这一过程。通常，允许用户检
索的路径越多，用户最终迷航的可能性越
大。
2．超文本结构的设计
超文本做为一种知识表达的工具, 在结构上等价于语义网络 。
（ 1） 多媒体教学软件中的超文本形式
1） 基于文字的超文本
基于文字的超文本又称为热字。热字就是文本中被指定具有
特殊含义或需进一步解释的字、词或词组。
2） 基于多媒体信息的超文本
基于多媒体信息的超文本同样也可设置成超级链接的形式 。
3） 基于热区的超文本
基于热区的超文本将屏幕上的一块区域设置成可以交互的热
区。
1） 确定超文本的节点
2） 丰富节点的内容
3） 确定节点间的连接关系
(2)多媒体教学软件的超文本设计步骤
3,超文本与超媒体的应用
? 随着多媒体技术的发展，超文本与超媒体技术，具有
广阔的应用前景。超文本与超媒体组织和管理信息方式符
合人们的“联想”思维习惯。适合于非线性的数据组织形
式，以它独特的表现方式，得到了广泛的应用
(1).办公自动化
?Apple公司的 Hypercard软件展示了把 Hypercard 用
于办公室的日常工作的一个方面，它以卡片的形式
提供了形象的电话簿、备忘录、日历、价格表与文
献摘要等，是应用多媒体管理技术的一个实例。
(２ )大型文献资料信息库
由超文本与超媒体技术独特优点，广泛应用于
大型文献资料信息库的建设，目前已经研制出来
的中英文字典系统，就是按照超文本与超媒体的
方式组织和构造，它收录了 25万条目，计 4181万
字,186万个记号，采用这种方式的存储的 30 卷
百科全书，查询时间只需几秒钟。
(３ )综合数据库应用
在各类工程应用中，要求用图纸、图形、文
字、动画或视频表达概念和设计，一般数据库系
统是无法表达的，而超文本与超媒体技术为这类
工程提供了强有力的信息管理工具，不少系统已
将它应用于联机文档的设计和软件项目的管理。
? (４ ) 使用户界面更友好
? 超文本与超媒体不仅是一项信息管理技术，
也是一项界面技术。图形用户接口 GUI使用户桌
面由字符命令菜单方式转为图形菜单方式，而超
文本技术在 GUI基础上再上了一个新台阶，即多
媒体用户口接口 MMGUI，不仅数字和图形、图像、
动画,音频、视频等信息均能展现在用户的面前。
4,超文本与超媒体存在的问题
? 超文本与超媒体是一项正在发展中的技术，虽然它有许多独特的优点，
但也存在许多不够完善的方面。
１ )信息组织
? 超文本的信息是以节点作为单位。 如何把一个复杂
的信息系统划分成信息块 是一个较困难的问题。例如
一篇文章，一个主题，又可能分成几个观点，而不同
主题的观点又相互联系，而为这些联系分割开来，就
会破坏文章的本身表达的思想。 这样节点的组织和安
排就可能要反复调整和组织 。
２ )智能化
? 虽然大多数超文本系统提供了许多帮助用户阅
读的辅助信息和直观表示。但 因超文本系统的控
制权完全交给了用户，当用户接触一个不熟悉的
题目时，可能会在网络中迷失方向 。要彻底解决
这一问题，还需要研究更有效的方法，这实际上
是要超文本系统具有某种智能性，而不是只能被
动地沿链跳转。超文本在结构上是人工智能有着
相似之处，使它们有机的结合将成为超文本与超
媒体系统的必然趋势。
３ )数据转换
? 超文本系统数据的组织与现有的各种数
据库文件系统的格式完全不一样。引入超
文本系统后，如何为传统的数据库数据转
换到超文本中也是一个问题。
６ )媒体间协调性
? 超文本向超媒体的发展也带来了一系列需要深
入研究的问题，如多媒体数据如何组织，各种媒
体间如何协调，节点和链如何表示；对音频和视
频这一类与时间有密切关系的媒体引入到超文本
中，对系统的体系结构将产生什么样的影响，当
各种媒体数据作为节点和链的内容时，媒体信息
时间和空间的划分，内容之间的合理组织都是在
多媒体数据模型建立时要认真解决的问题。
４ )兼容性
目前的超文本系统大都是根据 用户的要求分
别设计的，它们之间没有考虑到兼容性问题，也没有
统一的标准可循。所以要尽快制定标准并加强对版本
的控制。 标准化是 超文本系统的一个重要问题，没有
标准化，各个超文本系统之间就无法沟通，信息就不
能共享。
５ )扩充性
? 现有的超文本系统，有待于提高检索和查
询速度，增强信息管理结构和组织的灵活
性，以便提供方便的系统扩充手段。
１ )由超文本向超媒体发展
超文本向超媒体的转变不仅是将文本媒体扩
展到其它媒体，而且还要能使系统自动地判
断媒体类型，并执行对应的操作。对图像的
热区，视频的热点等都能引起类似于热字的
反应，多媒体的表现及基本内容的检索等。
超文本向超媒体的转变，大大地增强了功能
和性能，也增加了系统实现的难度。
5,超文本与超媒体发展的前景
２ )由超媒体向 智能超媒体 发展
在超媒体技术的研究中,有人提出智能超
媒体或专家超媒体（ Expertext）。这种超
媒体打破了常规超媒体文献内部和它们之
间严格的链的限制，在超媒体的链和节点
中嵌入知识或规则,允许链进行计算和推理,
使得多媒体信息的表现具有智能化。
３ )由超媒体向 协作超媒体 发展
超媒体建立了信息之间的链接关系，那么也可
用超媒体技术建立人与人之间的链接关系，这就
是协作超媒体技术。超媒体节点与链的概念使之
成为支持协同性工作的自然工具。协同工作使得
多个用户可以同一组超媒体数据上共同进行操作。
这样未来的电子邮政、公共提示板等都可能应用
到超媒体系统中。
7.3 网页中超文本的实现
7.3.1 WWW技术的基本概念
1,WWW的工作方式
发出请求
发回网页
的常用术语
? 1） URL（统一资源定位符）
? 2）网页
? 3）网站
? 4）主页（首页）
HTML（ Hyper Text Markup Language） 是一种用来制作超
文本文档的简单标记语言 。 用 HTML编写的超文本文档称为
HTML文档, 它能独立于各种操作系统平台 （ 如 UNIX、
WINDOWS等 ） 。 HTML文档 （ 即网页的源文件 ） 是一个放置
了标记的 ASCII文本文件, 通常它带有,html或,htm的文件
扩展名 。
从结构上讲, HTML文件 由元素组成, 组成 HTML文件的元素
有许多种, 用于 组织文件的内容 和 指导文件的输出格式 。
绝大多数元素是, 容器,, 即它有起始标记和结尾标记 。
在起始链接签和结尾链接签中间的部分是 元素体 。 每一个
元素都有 名称 和可选择的 属性, 元素的名称和属性都在起
始链接签内标明 。
7.3.2 HTML简介
1,HTML标记
(1).单标签
只需单独使用就能完整地表达意思, 这类标记的语法是：
< 标签名称 >
(2).双标签
,双标签, 由, 始标签, 和, 尾标签, 两部分构成，而
且必须成对使用，这类标记的语法是：
<标签 > 内 容 </ 标签 >
(3).标签属性
大多数标签 （ 包括单标记和双标记 ） 的始标记内可以包
含一些属性, 其语法是：
< 标签名字 属性 1 属性 2 属性 3 … >
2,HTML文件结构
? <HTML> ----html文件开始
? <HEAD> ----文件头开始
? <TITLE> ----网页主题开始
? 网页主题文本
? </TITLE> ----网页主题结束
? </HEAD> ----文件头结束
? <BODY> ----文件体开始
? 文件体 （ 这里写正文 ）
? </BODY> ----文件体结束
? </HTML> ----html文件结束
3.HTML超链接
HTML使用超级链接来连接到网络上的其他页面 。 一个
链接的基本格式 如下：
<A HREF=“资源地址, >链接对象 </A>
(1） 本地链接
对同一台机器上的不同文件进行的连接称为本地链接, 它
采用 绝对路径 或 相对路径 来指示一个文件 。
(2） URL链接
通过 URL可以 以多种通 讯协议与外界 沟通来存取信 息 。
URL链接的形式是：
协议名,//主机,域名 /路径 /文件名
(3).目录链接
需要直接指到同一文件上部, 下部或中央部分, 或者
链接到另一文件的某一部分 。 这就引入了目录链接 。
制作目录链接的方法是：
1） 先把某段落设置为链接位置, 格式是：
<A NAME="链接位置名称 "></A>
2） 然后调用此链接部分的文字, 定义连接：
<A HREF="文件名＃链接位置名称 ">链接文字 </A>
如果是在一个文件内跳转, 文件名可以省略不写
4),链接电子邮件程序
有时需要在 Web页面上使用链接电子邮件程序, 这时就
要用到, mailto”。 mailto的语法结构如下：
<A HREF="mailto,userinfo@host">Name</A>
5),链接内联图像
内联图像 （ inline image） 是指那些 与 Web网页的文本一起下
载显示的图像, 在浏览器上表现为文本和图像显示在同一
网页上 。
在 HTML文件中插入图像文件的格式如下：
<IMG SRC=ImageName>…… </IMG>
6).用图像作超链接
图像也可以做为链接指针 。 格式为：
<a href="url"><img src="url"></a>
7).图像地图 （ image map）
图像地图可以把 图像分成多个区域,每个区域
指向不同的地点 。图像地图需要一个 特殊的处理
程序 imagemap,imagemap放在 /cgi-bin中。
在 HTML文件中引用图像地图的格式为：
<a href="/cgi-bin/imagemap/mymap.map">
<img src="mymap.gif" ismap></a>
用户端图像地图的格式为：
<img src="url" usemap="#mymap">
7.4 网页设计工具
编辑 HTML文件使用一般的纯文本编辑
器就可以胜任，如记事本、写字板等 。 随
着网页制作技术的不断发展，出现了诸如
FrontPage,Dreamweaver等可视化的网页编
辑工具。
1.FrontPage
? FrontPage是由 Microsoft公司推出的 Web页面制作
工具软件 。 FrontPage使网页制作者能够更加方便,
快捷地创建和发布网页, 具有直观的网页制作和
管理方法, 简化了大量工作 。 FrontPage界面与
Word,PowerPoint等软件的界面极为相似, 易学
易用, 为使用者带来了极大的方便 。
? 此外,FrontPage还自带一个 Web服务器，使用户
在没有安装 Web服务器软件的计算机上也能通过
浏览器测试网页。
2,Dreamweaver
? Dreamweaver是由 Macromedia公司推出的一款网页
制作软件，它具有可视化编辑界面，用户不必编
写复杂的 HTML源代码就可以生成跨平台、跨浏
览器的网页。 Dreamweaver的网页动态效果与网页
排版功能比一般的软件都好用，它可以满足多层
次的需求，是功能强大的可视化、专业级网页设
计及制作工具。所以它是网页设计者的首选工具。
7.5 动态网页技术
? 所谓动态网页是指按照访问者的不同需要, 对访
问者输入的信息做出不同的响应, 提供响应的信
息 。
? 动态网页生成的原理
1,CGI技术
? CGI(Common Gateway Interface)即公用网关接口 。 用
来实现 CGI应用程序的编程语言有很多种, 如 Visual
Basic,Delphi或 C/C++,Perl等 。 当用户在浏览器端填
好表单要求输入的资料, 提出 HTTP请求后, Web服
务器端执行该表单所设定的 CGI应用程序, 处理访问
者输入的信息并据此做出响应, 将其运行结果传输到
客户端的浏览器上 。
? 由于 CGI程序不是整合在 HTML文档中，因此须使用
与 HTML不同的设计过程来设计一个应用程序，每一
次修改程序都必须重新将 CGI程序编译成可执行文件。
使用 CGI方式的缺点是效率低下。
2,ASP技术
? ASP是 Active Server Pages的简称，是微软公司推出的 Web
应用程序开发技术。使用 ASP可以建立动态的、交互的、
高效的 Web服务器应用程序。
? ASP允许用服务器端脚本来扩展 HTML，利用 VBScript、
JavaScript或其他第三方脚本语言编程，实现过去需要编写
复杂的 CGI程序才能实现的动态网页。如果去掉这些包含
实现动态功能的 VBScript或 JavaScript语句，它和标准的
HTML文件没有任何区别。
? ASP的主要工作环境是微软的 IIS应用程序结构，因
ActiveX对象具有平台特性，所以 ASP技术不能很容易地实
现在跨平台的 Web服务器的工作。
ASP工作原理
3,JSP技术
? JSP（ Java Server Pages） 是由 Sun Microsystem公司推出的,
基于 Java Servlet以及整个 Java体系的 Web开发技术 。 利用
这一技术可以建立先进, 安全和跨平台的动态网站 。
? 总的来讲,Java Sever Pages（ JSP）和微软的 Active Sever
Pages（ ASP）在技术方面有许多相似之处。两者都是为基
于 Web应用实现动态交互网页制作提供的技术环境支持。
同等程度上来讲，两者都能够为程序开发人员提供实现应
用程序的编制与自带组件设计，而且两者都能够替代 CGI
使网站建设与发展变得较为简单、快捷，不过两者是来源
于不同的技术规范组织。
本章要点
1.超文本和超媒体的基本概念、主要特性和
体系结构以及超文本和超媒体组成要素。
2.超文本和超媒体的应用及研究的问题。
3.网页中超文本的实现 。
? 1,在超文本和超媒体中不同信息块之间的
连接是通过 连接。
? （ A）节点 （ B）字节
? （ C）链 （ D）字
本章习题
c
? 2,超文本的三个基本要素是 。
? （ 1）节点 （ 2）链
? （ 3）网络 （ 4）多媒体信息
? （ A）（ 1）（ 2）（ 4）
? （ B）（ 2）（ 3）（ 4）
? （ C）（ 1）（ 3）（ 4）
? （ D）（ 1）（ 2）（ 3）
D
? 3,超文本和超媒体体系结构的三层模型是
一年提出的？
? （ A） 1985 （ B） 1988
? （ C） 1989 （ D） 1990
B
? 4,下列的叙述哪些是正确的？
? （ 1）节点在超文本中是信息的基本单元。
? （ 2）节点的内容可以是文本、图形、图像、动画、
视频和音频。
? （ 3）节点是信息块之间连接的桥梁。
? （ 4）节点在超文本中必须经过严格的定义。
? （ A） (1) (3) (4) （ B） (1) (2)
? （ C） (3) (4) （ D）全部
B
? 5,下列的叙述哪些是错误的？
? （ 1）链的结构分为三部分：链源、链缩及
链的属性。
? （ 2）链是连接节点的桥梁。
? （ 3）链在超文本中必须经过严格的定义。
? （ 4）链在超文本和超媒体中是统一的。
? （ A）（ 1）（ 2） （ B）（ 1）（ 3）
? （ C）（ 3）（ 4） （ D）全部
C
? 6,一般超文本链的链宿都是（ ）。
A,节点
B,链
C,超文本
D,网络
2,下列的叙述哪些是错误的？（ 1）链的结构分
为三部分：链源、链缩及链的属性。（ 2）链是
连接节点的桥梁。（ 3）链在超文本中必须经过
严格的定义。（ 4）链在超文本和超媒体中是统
一的。请选择：（ ）。
B
3,4
? 7,下列的叙述哪些是正确的？（ 1）节点在
超文本中是信息的基本单元。（ 2）节点的
内容可以是文本、图形、图像、动画、视
频和音频。（ 3）节点是信息块之间连接的
桥梁。（ 4）节点在超文本中必须经过严格
的定义。请选择（ ）。1,2
? 8,超文本和超媒体的应用范围有（ ）？
A,办公自动化
B,大型文献资料信息库
C,综合数据库应用
D,友好的用户界面
? 9,节点的内容可以是（ ）？
A,文本
B,图形、图像
C,动画
D,音频、视频
E,计算机程序
? 1,超文本和超媒体系统中的数据库层与传统的数
据库有什么不同？
? 答,超文本和超媒体系统中数据库，由于具有
多媒体数据所以信息量很大，因此用到大容量的
存储技术，如大容量的磁盘、光盘等。而传统的
数据库信息量没有那么大，而且信息量比较单一，
一般都是文档或数据等。但是在超文本和超媒体
的数据库层的设计中也用到了大量的传统数据库
的思想方法。
简答题
? 2.超文本和超媒体的组成要素和操作工具有哪些？
? 答：超文本和超媒体的组成要素是由节点、链、和网络等组成。其中
节点可分为表现型记录各种媒体信息，另一种是组织型用于组织并记
录节点间的联结关系。
? 节点可归纳为以下基本类型,
? 文本节点、图形节点、图像节点、音频节点、视频节点、混合媒体
节点、按钮节点、组织型节点和推理型节点。
? 链,链由三部分组成，即链源、链缩和链的属性。而链的种类可分为：
基本结构链、（基本链、交叉检索链、节点内注释链）、推理链、隐
形链等。
? 网络,即超文本和超媒体数据库由声、文、图各类节点和链组成网络。
? 超文本和超媒体的操作工具主要有,编辑器、编译器、阅读器、导航
工具等，而导航工具又可分为：导航图、查询系统、线索、遍历、书
签等。
? 3*.超文本和超媒体系统中的数据库层 与传统的数据
库的不同点？
? 答：超文本和超媒体系统中的数据库层，是模型中的最低层，
比普通的数据库管理系统更为简单，用于处理所有信息存储中
的传统问题。如存储分配管理、缓冲区调度、存储控制等等，
其基本功能是对节点和链等的基本信息进行存储，管理和访问，
并保证这些操作对于高层的超文本抽象机层来说是透明的，即
无论高层访问的信息是存储在本地或远地，是存储在一台计算
机中还是存储中多台计算机中，数据库层都能保证正确的存储。
? 超文本和超媒体系统中数据库，由于具有多媒体数据所以
信息量很大，因此用到大容量的存储技术，如大容量的磁盘、
光盘等。而传统的数据库信息量没有那么大，而且信息量比较
单一，一般都是文档或数据等。但是在超文本和超媒体的数据
库层的设计中也用到了大量的传统数据库的思想方法。
