超媒体与Web系统

第7章超媒体与Web系统7.1超文本和超媒体概念7.2超文本和超媒体系统7.3超文本和超媒体应用7.4存在问题及发展前景1第1页7.1超文本和超媒体概念超文本和超媒体主要特点访问方式和系统特征超文本与超媒体示例2第2页超文本与超媒体

能不能像人类思维那样以经过“联想”来明确信息关联性？信息爆炸现有信息存放与检索机制造成：信息不能被全方面而有效利用矛盾比文本更高一层次信息管理技术，“超文本”3第3页

文本(Text)是什么？

文本是我们最熟悉信息表示方式。文章、程序、书、文件等都以文本出现，通常以字、句子、段落、节、章作为文本内容逻辑单位，而以字节、行、页、册、卷为物理单位。什么是超文本（一）4第4页文本线性结构文本最显著特点是它在组织上是线性和次序。这种线性结构表达在你读文本时只能按固定线性次序一字一字、一行一行、一页一页地读下去。5第5页什么是超文本（一）

文本特点

比如：“英会我文讲”这句话是无结构；而“我会讲英文”就是有结构一句话。线性文本

作为一个线性组织表现出贯通主题单一路径。线性次序6第6页什么是超文本（二）不过人类记忆互联网状结构就可能有各种路径，不一样联想检索必定造成不一样路径。比如：某人对“夏天”一词可能产生下面一系列联想结果。

夏天→太阳→星星→天文学→望远镜→伽利略→比萨→斜塔→佛教→和尚……夏天？？？？？7第7页什么是超文本（三）“夏天”产生联想能够是千差万别夏天→游泳→大海→鱼→吃饭→饭盒→餐具→银器→耳环→婚礼→婚纱→白雪…“联想”网状结构用纯文本是无法管理！

必须采取一个比文本更高一层次信息管理技术，即超级（Hyper）文本（Text）。8第8页什么是超文本（四）

超文本结构不是次序

它类似于人类联想记忆结构，采取一个非线性网状结构：

节点基本信息块链自然关联9第9页小型超文本示例

A节点B节点C节点D节点E节点F节点6个节点和9条链组成超文本结构10第10页超文本主要特点

没有固定次序，也不要求读者必须按某个次序来阅读。

用户能够主动地决定阅读节点次序。11第11页早期超文本系统表现形式仅是文字，这就是它被称为“TEXT”原因。

超媒体不但能够包含文字，而且还能够包含声音、图形、图像、动画和视频片段，这些媒体之间也是用超级链接组织，而且它们之间链接也是错综复杂。超媒体12第12页多媒体、数据库与超文本/超媒体多媒体超文本数据库超媒体超文本数据库超媒体数据库多媒体数据库13第13页超媒体含有以下特点：各种媒体信息网络结构形式交互特征

14第14页超文本和超媒体访问方式

超文本和超媒体系统特征

超文本和超媒体是一个经典数据库技术由节点和表示节点之间关系链组成网。每个节点都链接在其它节点上，用户对网进行浏览、查询和注释等操作。15第15页

超文本和超媒体访问方式决定于其内部结构。

超文本是一个接口模型，它采取“控制按钮”方式组织接口。“按钮”由作者设置在正文中，用户经过按钮访问下面信息“链”访问方式16第16页（1）内容多媒体化（2）网状信息结构更它靠近现实世界（3）屏幕中窗口和数据库中节点含有对应关系。

超媒体系统基本特征超媒体三要素：节点、链、网络17第17页（4）便于设计者修改、编辑节点和链（5）便于用户进行浏览和查询（6）具备良好扩充功效，接收不停更新超媒体管理和查询技术。

从交互性角度：18第18页超媒体系统特征:多媒体化交互性19第19页超文本与超媒体示例

1、操作系统Windows中“帮助”就使用了超文本方式2、电子百科全书、3、教学应用CAI4、旅游信息、软件工程、20第20页详细示例１假设有一位总经理，他自己有电子记事本，他秘书依据他与外商谈判材料按照超文本结构形式组织好了相关材料供总经理使用。下面借助于下列图来说明。21第21页超文本系统节点和网络结构某人电子记事本：22第22页第8章超文本和超媒体

8.1超文本和超媒体概念8.2超文本和超媒体系统8.3超文本和超媒体应用8.4存在问题及发展前景23第23页超文本和超媒体系统组成要素特征和组成导航技术结构模型24第24页超文本与超媒体组成要素

节点链网络

25第25页１．节点节点是表示信息单位，是围绕一个特殊主题组织起来数据集合。节点内容能够很丰富。26第26页表现型：统计各种媒体信息如：文本节点、图文节点等组织型：用于组织并统计节点间联结关系。起索引目录作用即组织节点节点。

节点分为两种类型：27第27页节点基本类型归纳以下：⑴文本节点⑵图形节点⑶图像节点⑷音频节点⑸视频节点⑹混合媒体节点⑺按钮节点⑻组织型节点⑼推理型节点表现型？组织型？28第28页表现型节点（一）文本节点：普通在字、词上建键，也就是说链源普通为文本上字词，称为“热字”。图形节点：普通在位图图像上建链，链源是图像上某一敏感区域，称为“热区”，经过触发烧区，造成向另一个节点迁移。29第29页表现型节点（二）声音节点：是由听觉媒体组成节点，有时称为音乐节点。它能够是一段录音或者是一段合成声音，同图形一样，它们也能够嵌套在文本里。含有交互控制、播放控制、热点设置详细表现：从一段声音调到另一段声音时基类媒体30第30页表现型节点（三）视频节点：动画和视频都属于动态图像媒体，其特征就是时间连续性，信息是视频信息。节点链源就要与时间相关—了解滞后性节点必须有交互控制能力详细表现：从一段视频调到另一段视频31第31页表现型节点（四）混合媒体节点：上述介绍节点都是由单个媒体组成节点，混合媒体节点是以上节点某种组合。按钮节点：也称为动作与操作节点，因为动作和操作也是一类媒体。赋之以人某种操作或动作。

←下一页按钮32第32页

在面向对象超媒体系统中，惯用到组织型节点和推理型节点。

组织型节点：是用来组织其它节点节点包含索引文本节点、索引节点数据库管理推理型节点：是用于辅助链推理与计算包含对象节点、规则节点上面6种节点类型只表示信息而不表示知识.33第33页热标（Hotspot）

确定信息关联链源。确定信息之间关联，引发向相关节点转移不一样媒体有不一样热标热字（hot-word）热区（hot-area）热元（hot-element）热点（hot-point）:主要用于时基类媒体热属性（hot-attribution）：把关系数据库中属性作为热源使用34第34页超文本与超媒体组成要素

节点链网络

35第35页２．链超媒体链又称为超链，是节点间信息联络，它以某种形式将一个节点与其它节点连接起来。

信息间联络丰富多彩引发链种类复杂多样,但最终到达效果却是一致，即建立起节点之间联络。

36第36页链普通结构链普通结构可分为三个部分：链源、链宿及链属性。链源是造成浏览过程中节点迁移原因，能够是热标、媒体对象或节点等。链宿是链目标所在，能够是节点，也能够是其它任何媒体内容。链属性决定链基本类型。37第37页带热字文本38第38页３．网络超文本由节点和链组成网络是一个有向图，这种有向图与人工智能中语义网有类似之处。39第39页网络含有以下特征功效：①超媒体数据库是由声、文、图各类节点组成网络。②屏幕中窗口和数据库中节点是一一对应40第40页③支持标准窗口操作，窗口能被重定位、调整大小，关闭或缩小成一个图符。④窗口中可含有许多链标示符，它们表示链接到数据库中其它节点链。⑤作者能够很轻易地创建节点和链接新节点链。⑥用户对数据库进行浏览和查询。

41第41页宏节点

宏节点是指链接在一起节点群，更准确地说，一个宏节点就是超文本网络一个有某种共同特征子集。当超媒体信息网络十分巨大时，分层是简化网络拓扑结构最有效方法。

42第42页一台计算机Web网跨越计算机链多个宏节点多个节点宏节点=跨越网络超链43第43页超媒体系统特征和组成

超媒体系统特征超媒体系统组成44第44页超媒体系统特征

一个好超媒体系统应含有以下几个主要特征：1.节点多媒体化2.网状信息链接结构3.导航工具和导航能力4.窗口化管理功效5.共享数据库等

45第45页1.节点多媒体化含有提供文本、图形、图像、声音、动画和视频片段等各种媒体能力，并能用多窗口形式加以表现。2.网状信息链接结构含有网状复杂信息链接结构，用户能够用不一样方法查询、使用超媒体中各节点内容。3.导航工具和导航能力含有良好导航工具和导航能力，能指导用户在超媒体信息网中漫游。含有预防迷路伎俩，使用户能够经过定位图确定自己位置。

46第46页

4.窗口化管理功效含有窗口化管理功效，包含修改、增加、删除节点和链能力。对节点内容有良好编辑功效。5.共享数据库等可经过网络共享数据库，并能够供多用户使用库内信息；含有交互式操作和程序员接口。47第47页超媒体系统组成

超媒体系统普通由

创作子系统

读者子系统

支持子系统组成48第48页创作子系统：完成多媒体时空表现描述，建立超媒体信息网络节点和链，并对已经有超媒体系统进行增加、删除和修改等操作。

读者子系统：用于帮助用户使用超媒体文件和数据。超媒体系统组成49第49页它要帮助创作子系统和读者子系统完成对超媒体节点、链、热标、宏节点管理和维护。它能识别超链成份，并引导转向对应目标节点。它要完成多媒体信息存放、输入和输出、数据库管理等工作假如在网上运行，则支持子系统要帮助用户完成不一样计算机之间协议连接和通信，完成用户各种操作。

支持子系统：系统应用内核层--实现超媒体服务关键，超媒体系统组成50第50页超媒体系统导航技术

超媒体系统信息量大，结构灵活，若没有良好导航工具，查找信息如大海捞针。经过导航工具，用户能方便地找到所需要信息，并在迷路时能返回原地。

51第51页现有导航工具主要有以下几个：1.直接组织器2.映像图和图形组织器3.联机指南或帮助4.传统索引52第52页

1.直接组织器设计者建立直观图形、图像和界面，帮助用户存取能够看到和能够听到数据库。2.映像图和图形组织器图形组织界面给出数据库里链概图，显示“内容”在数据库内位置；组织映像图给用户提供浏览路径。导航工具53第53页3.联机指南或帮助

统计用户个人浏览路径，显示系统中链并连成网，由此可看出用户兴趣所在。4.传统索引传统索引表或其它文本查询工具也能够作为导航工具，满足用户习惯。

54第54页超文本与超媒体系统结构模型

超文本与超媒体系统就是完成并只使用前述超文本或超媒体软硬件总称。从理论上讲可将其划分为三个层次：表现层——用户接口；超文本抽象机层——节点和链；数据库层——存放、共享数据和网络访问。55第55页超文本和超媒体体系结构

56第56页数据库层是模型中最低层，它包括全部传统相关信息存放问题，是为基础。１．数据库层超文本系统中信息量大，需要存放信息量也就大57第57页超文本抽象机层是三层模型中中间层，这一层决定了超文本系统节点和链基本特点，统计了节点之间链关系，并保留了相关节点和链结构信息。２．超文本抽象机层58第58页用户接口层也称表示层或用户界面层，是三层模型中最高层，也是超文本系统特殊性主要表现，并直接影响着超文本系统成功。用户接口层是超文本和超媒体系统人－机交互界面。用户接口层决定了信息表现方式、交互操作方式以及导航方式等。

３．用户接口层59第59页超文本与超媒体系统两个模型

超文本和超媒体系统结构较著名是Cambell和Goodman模型,另一个是从事超文本标准化研究Dexter小组提出Dexter模型。

60第60页这两个模型是基本相同，它们都是将超文本和超媒体体系结构分为三个层次，如图所表示。网状关系元素内容用户工具61第61页第8章超文本和超媒体

8.1超文本和超媒体概念8.2超文本和超媒体系统8.3超文本和超媒体应用8.4存在问题及发展前景62第62页超文本与超媒体应用

伴随多媒体技术发展，超文本与超媒体技术，含有辽阔应用前景。超文本与超媒体组织和管理信息方式符合人们“联想”思维习惯。适合于非线性数据组织形式，以它独特表现方式，得到了广泛应用。

63第63页１．多媒体信息管理超媒体被许多人称为“天然”多媒体信息管理技术。百科全书、词典、各种专业参考书、科技期刊中。有效组织，使得用户使用起来愈加方便64第64页

２．个人学习、工作辅助与办公自动化

超文本与超媒体应用于办公自动化中，改变了人们传统工作方式和思维习惯，提供人们更为形象、直观工作环境，极大地提升了工作效益和效率。

65第65页３．商业展示、产品广告和指南超媒体化产品和广告、单位形象介绍、展览会展示、旅游和饭店指南、机场和车站查询机等都为用户提供了一个很好展示方式。66第66页４．娱乐（音乐、小说、电影）和休闲

超媒体神化故事、侦探小说、报纸和刊物、家庭菜谱、电子游戏等，为家庭休闲和娱乐开辟了新路径。

67第67页“交互式小说”和“交互式电影”，用超媒体组织素材，由读者和观众自己编辑，按自己兴趣和愿望去改变主人翁命运和结局。68第68页WWW中超文本和超媒体

Internet提供了世界范围内网络互连和通信功效。

WWW(WorldWideWeb环球信息网)是Internet中最正确信息检索体系。它以基于客户/服务器工作方式，经过超文本文件，把全世界不一样地点服务器相关信息有机地结合了起来。服务器浏览器69第69页WWW客户程序成为浏览器

运行在客户机上，利用超文本传输协议向服务器发出请求，访问服务器上超文本和超媒体信息，并在客户端上以多媒体形式表现出来。通信两个协议：超文本传输协议(HyperTextTransferProtocol,HTTP)，提供联络方式及信息传送格式。超文本标识语言(HyperTextMarkupLanguage,HTML)，提供表现界面与超文本链接标识语言。

70第70页超文本传输协议HTTPHTTP协议运行在客户程序和服务器程序中。不一样端系统上客户程序和服务器程序经过交换HTTP消息彼此交流。HTTP定义Web客户(即浏览器)怎样从web服务器请求Web页面，以及服务器怎样把Web页面传送给客户。71第71页HTTP消息请求消息示例：GET/hypertext/www/TheProject.htmlHTTP/1.0方法协议宿主名目录与文件名协议版本客户发出消息服务器响应消息72第72页SGMLHTMLXML超文本标识语言

73第73页SGML

标准通用标识语言（StandardGeneralizedMarkupLanguage，SGML）是1988年一个国际标准。SGML是一个用标识来描述文档资料通用语言。早在Web未创造之前，SGML就早已存在。74第74页SGML要求了在文档中嵌入描述标识标准格式，指定了描述文档结构标准方法。

SGML是一个包含超文本链接（hypertextlinks）综合语言，在Web上使用HTML格式是使用固定标签集一个SGML文档。

SGML语法是能够扩展。

75第75页HTML

超文本标识语言（HyperTextMarkupLanguage，HTML）是一个用来创作万维网页面描述语言。

HTML是从SGML导出语言，是SGML一个子集。使用HTML创作文档是一套固定标签SGML文档。

76第76页2

HTML文档结构<html>

<head>

<title>……</title>

</head>

<body>

正文内容

</body></html>告诉浏览器HTML文件开始和结束<html>…</html>HTML文件头部标识<head>…</head><body>…</body>HTML文件主体标识<title>…</title>文档名称标识HTML文档基本结构以下：77第77页XML

可扩展标识语言（ExtensibleMarkupLanguage，XML）是一个新型标识语言。它同HTML一样，都来自SGML。

XML是一个精简SGML，它将SGML丰富功效与HTML易用性结合到Web应用中。78第78页1

XML文档基本结构例：一个简单XML文档第一行是XML申明，定义此文档所遵照XML标准版本，在这个例子里是1.0版本标准，使用是ISO-8859-1字符集。后面几行是文档元素，其中，“note”是“大”元素，在“大”元素中包含若干“小”元素，如“to”、“from”等。<?xmlversion="1.0"encoding="ISO-8859-1"?><note><to>Lin</to><from>Ordm</from><heading>Reminder</heading><body>Don'tforgetmethisweekend!</body></note>79第79页XML保留了SGML可扩展功效。XML不再是固定标识，允许定义数量不限标识来描述文档中资料，允许嵌套信息结构。

HTML只是Web显示数据通用方法，而XML提供了一个直接处理Web数据通用方法。

HTML着重描述Web页面显示格式，而XML着重描述是Web页面内容。

XML与HTML区分80第80页

XML应用可分为四类：用于客户需要与不一样数据源进行交互时。应用于将大量运算负荷分布在客户端，即客户可依据自己需求选择和制作不一样应用程序以处理数据，而服务器只须发出同一个XML文件。应用于将同一数据以不一样面貌展现给不一样用户。这一应用也可在上例中表达出来。应用于网络代理对所取得信息进行编辑、增减以适应个人用户需要。81第81页虚拟现实在Internet上应用有：远程教育商业应用娱乐82第82页第8章超文本和超媒体

8.1超文本和超媒体概念8.2超文本和超媒体系统8.3超文本和超媒体应用8.4存在问题及发展前景83第83页超文本与超媒体存在问题超文本与超媒体是一项正在发展中技术，即使它有许多独特优点，但也存在许多不够完善方面。

84第84页１．信息组织超文本信息是以节点作为单位。怎样把一个复杂信息系统划分成信息块是一个较困难问题。比如一篇文章，一个主题，又可能分成几个观点，而不一样主题观点又相互联络，而为这些联络分割开来，就会破坏文章本身表示思想。这么节点组织和安排就可能要重复调整和组织。

85第85页２．智能化即使大多数超文本系统提供了许多帮助用户阅读辅助信息和直观表示。但因超文本系统控制权完全交给了用户，当用户接触一个不熟悉题目时，可能会在网络中迷失方向。要彻底处理这一问题，还需要研究更有效方法，这实际上是要超文本系统含有某种智能性，而不是只能被动地沿链跳转。超文本在结构上是人工智能有着相同之处，使它们有机结合将成为超文本与超媒体系统必定趋势。

86第86页３．数据转换超文本系统数据组织与现有各种数据库文件系统格式完全不一样。引入超文本系统后，怎样为传统数据库数据转换到超文本中也是一个问题。

87第87页４．兼容性当前超文本系统大都是依据用户要求分别设计，它们之间没有考虑到兼容性问题，也没有统一标准可循。所以要尽快制订标准并加强对版本控制。标准化是超文本系统一个主要问题，没有标准化，各个超文本系统之间就无法沟通，信息就不能共享。

88第88页５．扩充性现有超文本系统，有待于提升检索和查询速度，增强信息管理结构和组织灵活性，方便提供方便系统扩充伎俩。

89第89页

6．媒体间协调性

超文本向超媒体发展也带来了一系列需要深入研究问题，如多媒体数据怎样组织，各种媒体间怎样协调，节点和链怎样表示；对音频和视频这一类与时间有亲密关系媒体引入到超文本中，对系统体系结构将产生什么样影响，当各种媒体数据作为节点和链内容时，媒体信息时间和空间划分，内容之间合理组织都是在多媒体数据模型建立时要认真处理问题。

90第90页超文本与超媒体发展前景

由超文本向超媒体发展由超媒体向智能超媒体发展由超媒体向协作超媒体发展

91第91页１．由超文本向超媒体发展从超文本到超媒体是技术发展进步，也是技术发展必定性。超文本向超媒体转变不但是将文本媒体扩展到其它媒体，而且还要能使系统自动地判断媒体类型，并执行对应操作。对图像热区，视频热点等都能引发类似于热字反应，多媒体表现及基本内容检索等。超文本向超媒体转变，大大地增强了功效和性能，也增加了系统实现难度。

92第92页２．由超媒体向智能超媒体发展在超媒体技术研究中,有些人提出智能超媒体或教授超媒体（Expertext）。这种超媒体打破了常规超媒体文件内部和它们之间严格链限制，在超媒体链和节点中嵌入知识或规则,允许链进行计算和推理,使得多媒体信息表现含有智能化。

93第93页３．由超媒体向协作超媒体发展超媒体建立了信息之间链接关系，那么也可用超媒体技术建立人与人之间链接关系，这就是协作超媒体技术。超媒体节点与链概念使之成为支持协同性工作自然工具。协同工作使得多个用户能够同一组超媒体数据上共同进行操作。这么未来电子邮政、公共提醒板等都可能应用到超媒体系统中。94第94页附：html与xml95第95页1

HTML概述超文本标识语言(HyperTextMakeupLanguage，HTML)是一个文本类、解释执行、用来制作超文本文件简单标识语言。一个HTML文挡通常由文档头、文档名称、表格、段落和列表等文档元素组成，而且使用HTML要求标识来标识这些元素。

HTML专长是将文件数据显示在浏览器中，它提供了很多与显示内容相关标识，这些标识都是系统定义，用户无法自定义所要标识。就普通使用，HTML所提供标识还是够用，而且当前市面上很多网页制作软件，均支持HTML文件格式。96第96页2

HTML文档结构<html>

<head>

<title>……</title>

</head>

<body>

正文内容

</body></html>告诉浏览器HTML文件开始和结束<html>…</html>HTML文件头部标识<head>…</head><body>…</body>HTML文件主体标识<title>…</title>文档名称标识HTML文档基本结构以下：97第97页3

链接标识连接是指将文档中文本或者图像与另一个文档、文档一部分或者另一幅图像等内容链接在一起。在HTML中，链接基本格式是：<ahref=”URL地址“>链接名</a>属性href是不可缺乏，其值能够是URL形式或mailto形式。比如：<ahref="">欢迎光临清毅盲人网</a>

超链接三种类型：内部链接：指向文档内部链接外部链接：指向非当地服务器上文档链接当地链接：指向当地服务器或计算机汉字档链接98第98页4

多媒体标识插入图像(1)内联图象内联图像是指与Web网页中文本一起下载和显示图像，表现为文本和图像显示在同一网页上，在HTML文档中插入图像文件格式以下:<imgsrc="URL地址"align=""border=""width=""height=""alt="">…</img>例199第99页<html><head><title>插入内联图像</title></head><h1>内联图像</h1><body><imgsrc="7-1.jpg"align=leftborder=5width=250height=200></body></html>例1：内联图像运行结果100第100页4

多媒体标识插入图像(２)外联图像当内联图像很大时，浏览网页时就需要花很长时间来下载图片。处理这个问题方法是用文字或小内联图像来代表大图像，而把大图像看成一个单独文档，再把文字或者图标与大图像链接在一起，当用鼠标单击这个链接后，大图像显示在另一个窗口中，这种图像就称为外联图像链接外联图像能够使用下面语句：<ahref="URL地址">…</a>例２101第101页<html><head> <title>插入外联图象</title></head><h1>外联图象</h1><body> <ahref="mooncake.jpg"><imgsrc="Smallfile.jpg"></a> <br> <br> <ahref="mooncake.jpg">用文字代表大图像</a> </body></html>例2：外联图像运行结果102第102页4

多媒体标识插入图像(3)图像作为网页背景例3使用图像作为网页背景可使用下面语句：<bodybackground="URL地址">background属性指定图像文件，其值为背景图像URL地址。浏览器将其平铺，充满整个网页。103第103页<html><head><title>图像作为网页背景</title></head><bodybackground="background.jpg"></body></html>例3：图像作为网页背景运行结果104第104页4

多媒体标识插入声音或视频(1)在文档中链接声音或视频文件<html><head><title>插入声音和视频</title></head><body><ahref="sound.mp3">声音文件</a><br><br><ahref="video.mpg">视频文件</a></body></html>例4：插入声音和视频文件在HTML文档中，使用与外联图像类似语句把声音文件或视频文件链接到文档中，差异只是文件扩展名不一样。运行结果105第105页

4

多媒体标识插入声音或视频(２)在文档中嵌入声音或视频文件把声音或视频文件嵌入到HTML文档中，能够使用下面代码：上面代码在页面中插入一个MediaPlayer(视频)播放器来播放音、视频，参数值默认0为否，-1或1为是。<objectclassid="clsid:22D8F312-B0F8-11D0-94AB-0080C74C7E95"id="MediaPlayer1"height=80width=320><paramname="Filename"value="MTV视频文件URL地址"><paramname="PlayCount"value="0"><paramname="AutoStart"value="1"><paramname="EnableFullScreenControls"value="1"><paramname="ShowAudioControls"value="1"><paramname="EnableContextMenu"value="1"><paramname="ShowDisplay"value="0"></object>例5106第106页<html><head> <title>嵌入视频</title></head><body> <objectclassid="clsid:22D8F312-B0F8-11D0-94AB-0080C74C7E95"id="MediaPlayer1"height=280width=320><paramname="Filename"value="video.mpg"> <paramname="PlayCount"value="0"> <paramname="AutoStart"value="0"> <paramname="EnableFullScreenControls"value="1"> <paramname="ShowAudioControls"value="1"> <paramname="EnableContextMenu"value="1"> <paramname="ShowDisplay"value="0"></object><br><br>视频文件</body></html>例5：嵌入视频文件运行结果107第107页

4

多媒体标识插入声音或视频(3)在文档中嵌入背景音乐在页面中还能够嵌入背景音乐，这种音乐多以MIDI文件为主。嵌入背景音乐基本语法以下：

<bgsoundsrc="URL地址"loop=""volume="">例6108第108页<html><head><title>在文档中嵌入背景音乐</title></head><h1align=center>嵌入了背景音乐文档</h1><body><bgsoundsrc="GreenSleeves.MID"></body></html>例6：在文档中嵌入背景音乐运行结果109第109页4

多媒体标识嵌入Flash动画在HTML文档中，能够使用下面语句嵌入Flash动画。<embedsrc="URL地址"align=""autostart=""loop=""height=""width="">…<.embed><html><head><title>嵌入Flash动画</title></head><body><embedsrc="flash.swf"width=300height=200></height></body></html>例7：嵌入Flash动画运行结果110第110页5

表格标识表格主要经过3个标识来组成：表格标识、行标识、单元格标识。●<table></table>●<caption></caption>●<tr></tr>

●<th></th>●<td></td>例8表格表头单元格每一行属性111第111页<html><head> <title>一个简单表格</title></head><body> <tableborder=1> <caption>学生情况表</caption> <tr> <th>姓名</th><th>性别</th><th>年纪</th> </tr> <tr> <tdalign=left>a</td><tdalign=center>男</td><tdalign=right>20</td> </tr> <tralign=right> <td>b</td><td>女</td><td>19</td> </tr> </table></body><html>例8：一个简单表格运行结果112第112页6

表单标识URL指明客户端向服务器请求文件。Method=*中“*”表示GET或POST，表单中提供给用户输入形式：<inputtype=*name=**>。其中“*”代表输入元素类型，“**”代表表单元素名称。表单是实现动态网页一个主要外在形式，基本语法结构以下：<formaction=”URL”method=*>……<inputtype=submit><inputtype=reset></form>113第113页7交互功效实现在记事本中输入表单代码，保留为first.htm第一步代码第二步安装IIS第三步编写对应demo.asp文件第四步将两个程序保留在C：\Interpub\wwwroot目录中代码打开浏览器，在地址栏中输入/first.htm,在表单中输入姓名，选择性别后,单击“确定”按钮即可实现交互功效。114第114页<html>

<head>

<title>表单</title>

</head>

<body>

<h2align=centerstyle="color:blue">请输入您姓名和性别</h2>

<hr>

<formmethod=postaction="demo.asp">

<tableborder="0"align="center"><tr>

<tdalign="right">姓名：</td>

<td><inputtype="text"size="8"name="Name"></td>

</tr>

<tr>

<tdalign="right">性别：</td>

<td>

<inputtype="radio"name="sex"value="femal">女

<inputtype="radio"name="sex"value="male">男

</td>

</tr>

<tr>

<tdalign="right">

<inputtype="submit"value="确定">

</td>

<tdalign="right">

<inputtype="reset"value="重置">

</td>

</tr></table></form></body></html>

first.htm运行结果返回115第115页

demo.asp<html><head></head><body>

您姓名为：<%=request.form("Name")%>。<br>

您性别为：<%=request.form("sex")%>。</body></html>返回116第116页HTML一个通用文档结构描述置口号言，要求了在文档中嵌入描述标识标准格式，为语法置标提供了异常强大工具，含有极好扩展性。缺点是复杂度太高，且SGML软件价格非常昂贵，不适合网络日常应用。

SGML优点是简单易学、灵活通用，公布、检索、交流信息非常简单，比较适合Web页面开发。缺点是标识相对少，可扩展性差，缺乏SGML柔性和适应性。XML（ExtensibleMarkupLanguage）和HTML一样，是SGML一个子集。XML是被设计用来描述数据，重点在于什么是数据，怎样存放数据；HTML是被设计用来显示数据，重点在于显示数据以及怎样更加好显示数据。XML不是HTML替换品，XML和HTML是两种不一样用途语言。

XML和HTML主要区分117第117页1

XML文档基本结构例：一个简单XML文档第一行是XML申明，定义此文档所遵照XML标准版本，在这个例子里是1.0版本标准，使用是ISO-8859-1字符集。后面几行是文档元素，其中，“note”是“大”元素，在“大”元素中包含若干“小”元素，如“to”、“from”等。<?xmlversion="1.0"encoding="ISO-8859-1"?><note><to>Lin</to><from>Ordm</from><heading>Reminder</heading><body>Don'tforgetmethisweekend!</body></note>118第118页1

XML文档基本结构例：一个简单XML文档<?xmlversion="1.0"encoding="ISO-8859-1"?><note><to>Lin</to><from>Ordm</from><heading>Reminder</heading><body>Don'tforgetmethisweekend!</body></note>●英文字母大小写视为不一样字符。●名称能够包含字母、数字以及其它字符。●名称不能以数字或”_”（下划线）开头。●名称不能以字母xml（或XML或Xml）开头。●名称不能包含空格。XML元素名称必须遵照下面命名规则：119第119页2

XML语法●必须有XML申明语句●XML标识都是大小写敏感●属性值必须使用引号""●全部标识必须有对应结束标识●全部空标识必须被关闭●全部XML元素必须合理包含●XML中空白将被保留●XML中注释语法基本上和HTML中一样120第120页3

XML三要素DTD文件类型定义DTD，用来对文件格式进行定义。而使用文件类型定义，能够设计出统一格式XML文件。●使XML文件标准化变为可行●使不一样应用程序或用户能够读取彼此文件●外部DTD能够被不一样文件或网站分享●设计者能够针对DTD做各种格式美化，而不用担心会改变XML中源数据●用不一样DTD，能够将XML文件转换成不一样文件格式●利用DTD中实体参考能够使XML文件内容更丰富、更结构化DTD将文件结构和文件内容完全分开，使用DTD好处以下：121第121页3

XML三要素XSLXSLXSLT:能将XML文件转换成另一个格式文件后，另存为一个新文件，不会更改原有XML文件。XSLFO:提供大量格式指令，能够准确设置屏幕显示格式或打印格式。●XML→HTML●XML→XML●XSL→XSL

XSL最常见转换：可扩展样式语言XSL，是用于将XML数据翻译为HTML或其它格式语言。是设计XML文档显示样式主要文件类型。122第122页3

XML三要素XSL可扩展样式语言XSL，是用于将XML数据翻译为HTML或其它格式语言。是设计XML文档显示