计算机多媒体(第6章超文本与超媒体ok).ppt

1,第6章超文本与超媒体,超文本技术的发展情况6.1基本概念6.1.1超文本6.1.2超媒体6.2超媒体结构的组成元素6.3Web系统的超文本标记语言6.4动态网页生成技术6.5Web系统的结构,第6章,2,超文本思想最早由美国V.Bush提出，他在20世纪30年代即提出了一种叫做Memex(memoryextender，存储扩充器)的设想，预言了文本的一种非线性结构，1939年写成文章“AsWeMayThink”，于1945年在“大西洋月刊”发表。1954年，美国科学家V.Bush提出了一种文本的非线性网络结构概念，并设计了一种被称为“Memex”的系统。1965年，科学家TedNelson把这种文本结构命名为超文本（Hypertext）。而且开始实现这个想法，并在他的Xanadu计划的长远目标中，试图使用超文本方法把世界上文献资料联机。,超文本技术的发展情况,第6章,3,1967年，布朗大学AndyvanDam等人研制第一个可运行超文本系统。从1987年到1990年，国际上先后召开了一系列超文本技术专题会议，ISO等国际组织也制定了超文本技术的标准，进一步推动超文本技术向商品化发展。1987年，Xerox公司推出Notecards，苹果公司BillAtkinson研制Hypercard；1991年，美国Asymetrix公司推出ToolBook系统；以及1990年，位于日内瓦的欧洲量子物理实验室CERN开发的运行于Internet基于超文本标记语言HTML的的WWW技术，代表了超文本在多媒体领域的成功应用和超文本系统逐渐走向成熟的发展时期。,4,6.1.1超文本（Hypertex)文本文件以字、句子、行、段落、节、页、章、册、卷作为单位。特点：它在组织上是线性的和有序的。缺点：线性组织方式只具有浏览主题内容的单一路径，不能按多种路径、联想思维进行浏览。,6.1基本概念,文本的线性结构,第6章,5,人类的记忆是一种具有网状结构的联想式的记忆，具有跳跃式、多层次、多路径、多方位思维和访问信息的非线性结构。超文本就是一个类似于人类联想思维的一个非线性的网状结构，它以结点作为一个信息块，按需要用一定的逻辑顺序链接成非线性的网状结构的信息管理技术。提供联想、跳跃式的查询能力，极大地提高获得知识和信息的效率。,6结点9条链超文本结构,6,6.1.2超媒体,超媒体多媒体超文本。目前，超文本与超媒体似乎很难区别。图6-1超媒体网络结构示意图链的起始源结点称为锚结点，从源结点指向终止结点，终止结点称为目的结点。,第6章,7,文本特点是它在组织上是线性的和顺序的。超文本结构类似于人类联想记忆结构，它采用一种非线性的网状结构组织块状信息。超文本定义是由信息结点和表示信息结点间相关性的链构成的具有一定逻辑结构和语义的网络。第二代超文本系统与多媒体技术结合起来，为强调系统处理多媒体信息的能力而称为超媒体超媒体=多媒体+超文本目前，超文本与超媒体很难区别，所以往往不加区分地使用。,概念,8,6.2超文本结构的组成元素,超文本结构包含:结点、链、网络、宏结点、热标五个基本要素,超文本结构的组成元素,超文本的基本组成：结点、链和宏结点,第6章,9,结点(Node或节点)是超文本表达信息的一个基本单位，是围绕一个特殊主题组织起来的数据(媒体)集合。其大小可变，结点的内容可以是文本、图形、图像、音频、视频等，也可以是一段程序。结点可以嵌入链，与网络中的其它结点或本结点中的其它部分(注释链)相连。导致结点迁移的原因称为链源。文本中的链源称为热字，图像中的链源称为热区。,结点,超文本结构的组成元素,10,链link也是组成超文本的基本单位，形式上是从一个结点指向另一个结点的指针，本质上表示不同结点上存在着的信息的联系。链提供了在超文本结构中进行浏览和探索结点的能力。链的一般结构可分为链源、链宿及链的属性等三个部分。链源：一个链的起始端称为链源。链源是导致结点信息迁移的原因，可以是热字、热区、图元、热点、媒体对象或结点等。链宿：链宿是链的目的所在，在超文本中链宿一般为一个结点。链的属性：指链的类型，版本和权限等。,链,超文本结构的组成元素,11,链的几种类型,1.顺序链2.结构链图6-2顺序链图6-3结构链,超文本结构的组成元素,12,3.交叉索引链将结点连接成交叉的网状结构，为结点之间提供了富有想象力的连接方法。图6-4交叉索引链,超文本结构的组成元素,13,4.执行链5.查询链查询链用结点的名字或属性为结点定义关键字，通过对关键字的查询操作即可触发相应的目标结点。6.结点内注释链结点内注释链是一种指向结点内部附加注释信息的链。链源可以是热字、热区或热点等，链宿为一注释体，是一个单媒体对象。,超文本结构的组成元素,14,网络用链把各个结点连接起来就形成了网络，网络中的一部分称为子网或宏结点。超文本中的信息网络是由结点和链构成的一个单向的有向图，通过该有向图可以进行交互式的浏览和信息查询。,网络,超文本结构的组成元素,15,宏结点把大的网络分层，简化网络拓扑结构，方便导航等网络管理。是链接在一起的结点群，就是超文本网络的一部分即子网。宏文本(Macrotext)和微文本(Microtext)概念，来表示不同层次的超文本。微文本又称小型超文本，它支持对结点信息的浏览；而宏文本又称大型超文本，支持对宏结点的查找与索引。宏结点是指链接到超文本网络的一个有某种共同特征的子集（子网）。宏结点的引入虽然简化了Web网络结构，但却增加了管理与检索的层次。并且跨越网络的超链接将需要更复杂的协议支持。,宏结点,超文本结构的组成元素,16,图6-5计算机网络宏结点,超文本结构的组成元素,17,热标,热标是确定信息关联的链源，通过它将引起向相关内容的转移。1.热字热字是文本中被指定具有特殊含义或需进一步解释的字、词或词组。图6-6浏览器的一个文本热字框,超文本结构的组成元素,18,2.热元热元是指这些相对独立的图像单位能够作为信息转移的链源。图6-7浏览器的一个图像热元框3.热区热区是在所显示的图像上指明的某一个敏感区域，作为触发转移的源点。,超文本结构的组成元素,19,4.热点热点是用于动态视频、声音等时基类媒体在时间轴上的触发转移。视频的相应时间轴处转移的起点就称为热点。5.热属性用特定的属性字的方法指明热标触发表现的内容，例如用IMAGE属性表示数据库的各元组中该属性的字符为图像对象名。,c,b,a,时基类媒体,超文本结构的组成元素,20,6.3Web系统的超文本标记语言,目前最成功或最流行的超文本系统是运行于Internet网上WWW，它实现了在广域网上多媒体信息动态查询，其中HTML是其使用的超文本标注语言。,第6章,21,HTML语言编写的网页超文本信息按多级标题结构进行组织，其结构如下：标题名一级标题名.Web页主体,HTML语言,第6章,22,HTML标记包含包容标记和空标记。空标记用于说明一次性指令，如换行标记为。包容标记由开始标记和结束标记构成，结构如下：数据HTML标记有些可以带有属性，如，其中SRC为属性，该属性告诉浏览器图像的文件名。,基本结构,23,超文本标记方法,字体黑体文本斜体文本下划线文本打字体文本字号与颜色设定基准字号的标记方法为：#=1-7设定指定字号的标记方法为：文本#=1，2，3，4，5，6，7表示指定的字体大小；#=+(-)2，3，4，5，6表示字体大小的相对改变。,24,设定字体颜色可通过如下两种方式：文本文本段落格式包括换行符号，分段(换行加空行)符号，分界尺符号等。文本链接可通过点击文本检索浏览另一超文本网页，如：ClickHereforArt.图像链接可通过点击一幅图像从而跳到另一超文本网页，如,25,FTP和Email链接HTML页面可实现与FTP和Email系统的链接，例如：GetFreewareMailtome.非图像浏览器图像替换如浏览器不能浏览图像，HTML可用ALT指定其替代文字，例如：,26,多媒体信息,图像显示显示图像的标记方式为：其中，WIDTH，HEIGHT为图像的宽，高；VSPACE，HSPACE为垂直，水平空格数。列表有序无序ULLILI/UL,27,音频HTML中可指定背景音乐，例如：#为循环次数。利用链接启动声音，如当用户单击文本linktext后，声音才播放：linktext,28,视频与动画在HTML页面上播放视频与动画标记格式如下：除了dynsrc属性，其他属性都可默认。START=fileopen表示Web页一被装入便播放；START=mouseover表示鼠标从该区域滑过才播放。,29,Web页中背景的实现用图像填充背景用颜色填充背景RR，GG，BB分别表示红、绿、蓝分量，用十六进制表示。例如，表示背景颜色为灰色。还可用颜色的名字表示背景颜色，格式为,30,XML,可扩展的标记语言XML是1998年2月正式公布的网络超文本的元标记语言，由W3C的XML工作小组所定义的。它和HTML一样，是SGML的一个子集。XML保留了SGML80%的功能，并使复杂程度降低了20%。XML兼取HTML和SGML之长，既通用全面又简明清晰，并具有很强的可伸缩性和灵活性。XML是自描述的，显示样式可以从数据文档中分离出来，放在样式单文件中。XML还具有遵循严格的语法要求、便于不同系统之间信息的传输、有较好的保值性等优点。,第6章,31,6.4动态网页生成技术,目前最常用的动态网页生成技术主要有：ASP(activeserverapages)；PHP(personalhypertextpreprocessor)；JSP(Javaserverpages)。它们都是应用于服务器端的技术，以便于快速开发基于Web的应用程序。,第6章,32,6.5Web系统的结构,Web系统是采用HTTP(HypertextTransferProtocol)协议的超文本系统，其基本结构是一个客户机/服务器模型，如图所示。Web系统基本结构,Web服务器,客户机,HTTP,HTML,1.基本结构,用户通过客户端的浏览器发出访问请求，如键入,第6章,33,2.扩展结构,(1)网络服务器站点镜像为了提高响应速度，减少网络负担，增强系统的强壮性，重要站点常常采用服务器站点镜像的方法，将网站服务器分布部署在不同的地点，而每个服务器具有相同的服务内容，信