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

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的的技术，代表了超文本在多媒体领域的成功应用和超文本系统逐渐走向成熟的发展时期。46.1.1超文本（Hypertex)文本文件以字、句子、行、段落、节、页、章、册、卷作为单位。特点：它在组织上是线性的和有序的。缺点：线性组织方式只具有浏览主题内容的单一路径，不能按多种路径、联想思维进行浏览。6.1基本概念文本的线性结构第6章5人类的记忆是一种具有网状结构的联想式的记忆，具有跳跃式、多层次、多路径、多方位思维和访问信息的非线性结构。超文本就是一个类似于人类联想思维的一个非线性的网状结构，它以结点作为一个信息块，按需要用一定的逻辑顺序链接成非线性的网状结构的信息管理技术。提供联想、跳跃式的查询能力，极大地提高获得知识和信息的效率。6结点9条链超文本结构66.1.2超媒体超媒体＝多媒体＋超文本。目前，超文本与超媒体似乎很难区别。图6-1超媒体网络结构示意图链的起始源结点称为锚结点，从源结点指向终止结点，终止结点称为目的结点。结点A结点E结点D结点C结点B第6章7文本特点是它在组织上是线性的和顺序的。超文本结构类似于人类联想记忆结构，它采用一种非线性的网状结构组织块状信息。超文本定义是由信息结点和表示信息结点间相关性的链构成的具有一定逻辑结构和语义的网络。第二代超文本系统与多媒体技术结合起来，为强调系统处理多媒体信息的能力而称为超媒体超媒体=多媒体+超文本目前，超文本与超媒体很难区别，所以往往不加区分地使用。概念86.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属性表示数据库的各元组中该属性的字符为图像对象名。cba时基类媒体超文本结构的组成元素206.3Web系统的超文本标记语言目前最成功或最流行的超文本系统是运行于Internet网上，它实现了在广域网上多媒体信息动态查询，其中HTML是其使用的超文本标注语言。第6章21HTML语言编写的网页超文本信息按多级标题结构进行组织，其结构如下：HTMLHEADTITLE标题名/TITLE/HEADBODYH1一级标题名/H1......Web页主体/BODY/HTMLHTML语言第6章22HTML标记包含包容标记和空标记。空标记用于说明一次性指令，如换行标记为BR。包容标记由开始标记和结束标记构成，结构如下：标记名数据/标记名HTML标记有些可以带有属性，如IMGSRC=“GLOBE.GIF”，其中SRC为属性，该属性告诉浏览器图像的文件名。基本结构23超文本标记方法字体黑体B文本/B斜体I文本/I下划线U文本/U打字体TT文本/TT字号与颜色设定基准字号的标记方法为：BASEFONTSIZE=##=1-7设定指定字号的标记方法为：FONTSIZE=#文本/FONT#=1，2，3，4，5，6，7表示指定的字体大小；#=+(-)2，3，4，5，6表示字体大小的相对改变。24设定字体颜色可通过如下两种方式：FONTCOLOR=hex_rgb文本/FONTFONTCOLOR=colorname文本/FONT段落格式包括换行符号BR，分段(换行加空行)符号P，分界尺符号HR等。文本链接可通过点击文本检索浏览另一超文本网页，如：AHREF=“Art.html”ClickHereforArt./A图像链接可通过点击一幅图像从而跳到另一超文本网页，如AHREF=“Olddog.html”IMGSRC=“Dog1.gif”/A25FTP和Email链接HTML页面可实现与FTP和Email系统的链接，例如：AHREF=“ftp：//ftp.myDomain.com/Pub/freeware.txt”GetFreeware/AAHREF=“mailto：[e-mail]”Mailtome./A非图像浏览器图像替换如浏览器不能浏览图像，HTML可用ALT指定其替代文字，例如：AHREF=“Olddog.html”IMGSRC=“Dog1.gif”ALT=“[pictureofadog]”/A26多媒体信息图像显示显示图像的标记方式为：IMGSRC=file：///d：/html/jet.gifWIDTH=?HEIGHT=?VSPACE=?HSPACE=?其中，WIDTH，HEIGHT为图像的宽，高；VSPACE，HSPACE为垂直，水平空格数。列表有序OL无序〈UL〉LI〈LI〉LI〈LI〉/OL〈/UL〉27音频HTML中可指定背景音乐，例如：BGSoundSRC=Path/Filename.WAVLoop=##为循环次数。利用链接启动声音，如当用户单击文本linktext后，声音才播放：AHREF=Path/Filenamelinktext/A28视频与动画在HTML页面上播放视频与动画标记格式如下：IMGdynsrc=user.aviSTART=fileopen(ormouseover)WIDTH=?HEIGHT=?VSPACE=?HSPACE=?LOOP=?IMGdynsrc=user.flcSTART=fileopen(ormouseover)WIDTH=?HEIGHT=?VSPACE=?HSPACE=?LOOP=?除了dynsrc属性，其他属性都可默认。START=fileopen表示Web页一被装入便播放；START=mouseover表示鼠标从该区域滑过才播放。29Web页中背景的实现用图像填充背景BODYBACKGROUND=Path/Filename用颜色填充背景BODYBGCOLOR=#RRGGBBRR，GG，BB分别表示红、绿、蓝分量，用十六进制表示。例如，BODYBGCOLOR=“#888888”表示背景颜色为灰色。还可用颜色的名字表示背景颜色，格式为BODYBGCOLOR=颜色名30XML可扩展的标记语言XML是1998年2月正式公布的网络超文本的元标记语言，由W3C的XML工作小组所定义的。它和HTML一样，是SGML的一个子集。XML保留了SGML80%的功能，并使复杂程度降低了20%。XML兼取HTML和SGML之长，既通用全面又简明清晰，并具有很强的可伸缩性和灵活性。XML是自描述的，显示样式可以从数据文档中分离出来，放在样式单文件中。XML还具有遵循严格的语法要求、便于不同系统之间信息的传输、有较好的保值性等优点。第6章316.4动态网页生成技术目前最常用的动态网页生成技术主要有：ASP(activeserverapages)；PHP(personalhypertextpreprocessor)；JSP(Javaserverpages)。它们都是应用于服务器端的技术，以便于快速开发基于Web的应用程序。第6章326.5Web系统的结构Web系统是采用HTTP(HypertextTransferProtocol)协议的超文本系统，其基本结构是一个客户机/服务器模型，如图所示。Web系统基本结构Web