多媒体计算机技术(1).ppt

多媒体计算机技术,第六章 多媒体文档的组织与设计,超文本和超媒体 超文本的发展历史 典型的超文本系统 超文本系统的用户接口 HTML语言简介 设计超文本的工具,思考题,超文本和超媒体,超文本(hypertext)这个术语与数学家F.Klein在1704年提出并流行于19世纪的“hyperbolic space”有关。 超文本被定义为：由信息节点和表示信息节点间相关性的链构成的一个具有一定逻辑结构和语义的网络。节点可以包含文本、图形、音频、视频、源程序或者其它形式的数据。包含多媒体的超文本称为“超媒体”。,超文本结构,超文本结构就类似于人类的联想记忆结构，采用一种非线性的网状结构组织块状信息，没有固定的顺序，也不要求读者必须按某种顺序来阅读。,一个六节点九条链的小型超文本结构,超文本系统的基本特征,基于超文本信息管理技术的系统称为超文本系统。一个超文本系统的基本特征可以分为以下几个方面： 图形用户接口。 向用户给出一个网络结构动态总貌图 在超文本系统中一般使用双向链，这种链应支持跨越各种网络 包含管理节点和链信息的引擎 尽可能地不依赖于它的具体特性、命令或信息结构，而更多地强调的是它的用户界面的“视觉和感觉” 超文本系统是由节点(node)和链(link)组成的。,节点的类型,文本节点 图像节点和图形节点 动画节点和视频节点 动画节点和视频节点 混合媒体节点 动作与操作节点 组织型节点 推理型节点,链的类型,链的一般结构可分为三个部分：链源、链宿及链的属性 链可分为如下几种类型： 基本链、移动链、缩放链、全景链、索引链、视图链、Is-a链、Has-a链、蕴含链和执行链 通过链连接在一起的节点群称为宏节点。,超文本的发展历史,Bush被认为是超文本的始祖。早在1932年和1933年他就提出了一种称为“memex”的设想，并于1939年写出了有关的论文稿。 1965年，Nelson在他的论文中创造了“Hypertext”这个词，并把它定义为一种不易表示的以复杂方式互连的文本或插图。 从60年代Ted Nelson创立超文本概念之后的十几年中，超文本的研究不断取得可喜的进展，这个时期(60年代至70年代)可称为超文本概念系统的研究阶段。 进入80年代超文本研究发生了质的飞跃。 进入90年代，随着国际互联网的发展，超文本或超媒体系统已经得到了更为完善的发展和应用。,典型的超文本系统,Augment/NLS KMS Guide NoteCards Hypercar,超文本系统的用户接口,图形浏览器 Web视图 地图和概貌图 路径和形迹,HTML语言简介,概述 HTML发展历史 HTML语言结构 HTML标签和属性 超链接 用HTML实现多媒体,概述,万维网(WWW)是一个信息资源网络，主要依靠下面三条基本技术： 指定网上信息资源地址的统一命名方法URL(Uniform Resource Locator) 存取资源的协议HTTP(HyperText Transfer Protocol) 在资源之间很容易浏览的超文本链接技术 WWW使用文档就是HTML(HyperText Markup Language)语言，称为超文本标记语言 HTML是组织多媒体文档的重要语言，它不仅用来编写Web网页，而且也越来越多地使用HTML来制作光盘上的多媒体节目。,HTML发展历史,HTML最早是由Tim Berners-Lee开发并随着NCSA(the National Computer Security Association,美国国家计算机安全协会)开发的Mosaic浏览器而普及起来。 HTML2.0(参考RFC1866)于1995年11月在IETF组织的支持下制定的。之后提出了一个更完善的版本HTML3.0。 经过万维网协会HTML工作组的努力，在1997年1月推出了HTML3.2版本。HTML4.0是在之后不久推出的一个版本。 HTML已经发展成一种使所有设备都可以使用万维网信息的语言，这些设备包括：支持图形显示的个人计算机、移动电话、手持设备、语音输入输出设备等等。,HTML语言结构,HTML文档是一种没有格式的文档，也称为ASCII文件。因此，HTML文档可以使用任何一种文本编辑器来编写。 一个HTML文档通常由文档头(head)、文档名称(title)、表格(table)、段落(paragraph)和列表(list)等成分构成。这些成分被统称为文素。并使用超文本标记语言规定的标签(tag)来标识这些文素。 HTML标签由3部分组成：左尖括号“”。 某些文素还可以包含“属性(attribute)”。,一个简单的HTML文档, HTML简介 HTML发展历史 HTML最早是由Tim Berners-Lee开发并随着NCSA(the National Computer Security Association,美国国家计算机安全协会) 开发的Mosaic浏览器而普及起来。 ,HTML标签和属性,HTML标签 文档头标签 正文标签 标题(Heading)标签 段落(Paragraph)标签 字体、字号和颜色标签,超链接,超文本链接(hypertext link)通常简称为超链接(hyperlink)，或者简称为链接(link)。 基本语法是： 或 文本链接 点击进入Art 文档内部之间的链接,用HTML实现多媒体,播放音乐 “超链接提示” 插入图像 播放电影 “超链接提示” 制作背景音乐 图像作为背景 把图像作为背景很容易，只要在BODY标记中加入BACKGROUND属性就可以了。,设计超文本的工具,使用JavaScript Flash动态网页技术 XML简介,使用JavaScript,JavaScript语言的发展 JavaScript的特点 JavaScript的编程 支持JavaScript的公司及浏览器 JavaScript的安全问题,JavaScript语言的发展,JavaScript语言是一种新型的脚本语言，由Netscape通信公司首创，并在其发行的Netscape Navigator2.0及以后版本中予以支持。 JavaScript语言起初并不叫此名称，它的早期是Netscape的开发者们称之为“Mocha“的语言, 开始在网上进行测试时, 名字改为“LiveScript“, 直至发行Netscape2.0测试版时才称其为“JavaScript“。 Sun公司推出Java之后, Netscape引进了Sun的有关概念, 将自己原有的“LiveScript”更名为“JavaScript”， 它不仅支持Java的Applet小程序，同时向Web作者提供一种嵌入HTML文档进行编程的、基于对象的Script程序设计语言, 采用的许多结构与Java相似。,JavaScript与Java的不同,JavaScript不是Java的替代语言 JavaScript源代码无须编译 JavaScript无须特殊开发环境,JavaScript的特点,节省CGI的交互时间 节省了浏览者的访问时间和网络的流量 将JavaApplet作为处理对象,JavaScript的编程,JavaScript源代码被嵌在一个HTML文档中, 它可以出现在文档头部(HEAD节)和文档体部(BODY节)。SCRIPT标记的一般格式为: JavaScript语句串 为了使老版本的浏览器(即Navigator 2.0版以前的浏览器)避开不识别的“JavaScript语句串“, 用JavaScript编写的源代码可以用注解括起来, 即使用HTML的注解标记(如上例所示), 而Navigator 2.x可以识别放在注解行中的JavaScript源代码。,支持JavaScript的公司 及浏览器,Netscape公司的Navigator2.0版以上浏览器具有处理JavaScript源代码的能力, 最新的版本是Navigator2.02及Navigator3.0版。微软公司也在它的InternetExplorer3.0版上支持JavaScript。,JavaScript的安全问题,由于浏览器本身允许用户查看浏览到的HTML文档的源代码, 采用JavaScript编写的源代码会在用户面前暴露无遗。用户通过查看源代码，往往可以不费力地发现正确输入用户名和口令登录的代码，或是找到有关输入之后源代码中要加载的URL地址。用户使用该URL地址完全可以绕过防护措施，直接进入该Web页。,Flash动态网页技术,Flash是由Macromedia推出的一种网页制作软件 Flash是一种动画编辑软件，它可以用于制作出一种后缀名为.swf的动画，该类动画可以插入HTML页里，也可以单独成页。 由Flash制作出的动画不同于普通的动态GIF，或是简单图片凑接成的幻灯动画。Flash动画实是一种交互式矢量多媒体技术 。 Flash之所以能占据网络多媒体的重要位置，最重要的一点，是因为它采用了矢量技术。,XML简介,XML是Extensible Markup Language的简写，一种扩展性标识语言。 XML的语法类似HTML，都是用标签来描述数据。HTML的标签是固定的，我们只能使用、不能修改；XML则不同，它没有预先定义好的标签可以使用，而是依据设计上的需要，自行定义标签。 XML的主要优点包括： XML可以广泛的运用于web的任何地方； XML可以满足网络应用的需求；使用XML将使编程更加简单； XML便于学习和