第七章 多媒体文档的组织与设计

  1. 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
  2. 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
  3. 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。
全面了解超文体的基本特征和要素。熟悉 HTML语言的结构并能简单应用。了解 HTML语言的结构并能简单应用。了解 JavaScript语言在网页中的作用以及与 JavaScript语言在网页中的作用以及与 Java语言的区别。了解动态网页设计技术 Java语言的区别。了解动态网页设计技术 ASP、JSP、PHP、XML的特点。 ASP、JSP、PHP、XML的特点。 了解超文本的发展历史。了解超文本系统 的用户接口。
3、超文本系统的用户接口
图形浏览器是显示点、线、面等图形的浏 览器。它不同于现在流行的微软公司的IE和 览器。它不同于现在流行的微软公司的IE和 网景公司的Netscape Navigator等超文本浏 网景公司的Netscape Navigator等超文本浏 览器,后者显示超文本信息。 超文本信息一般由经过排版的文字和图 形组成。
二、考核知识点与考核目标
识记:Hypercard、Web、JSP、PHP、XML、 识记:Hypercard、Web、JSP、PHP、XML、 CGI。 CGI。 理解:HTML、超文本系统的结点和链、 理解:HTML、超文本系统的结点和链、 JavaScript。 JavaScript。 应用:HTML语言和JavaScript语言的简单 应用:HTML语言和JavaScript语言的简单 应用。
第七章 多媒体文档的组 织与设计
一、学习目的与要求
通过本章的学习,了解超文本(或超媒体) 系统的发展历史,掌握其概念和特征。能 简单应用HTML语言、JavaScript语言。对 简单应用HTML语言、JavaScript语言。对 动态网页设计中常用的几种语言有基本了 解。
二、考核知识点与考核目标
1、超文本和超媒体
宏结点:通过链连接在一起的结点群。一个 宏结点就是超文本网络的一部,即:子网。
2、超文本的发展历史和典型的超文 本系统
超文本的发展历史 典型的超文本系统
3、超文本系统的用户接口
迷失是由于用户不知道当前处于网络的什 么位置、从哪里来又如何到达网络中的另 一个地方。 认识开销包含两个含义:对创作者而言, 是指需要考虑名称的创建和如何保存结点 和链的航迹;对读者而言,是指面对大量 的选择必须做出顺着哪一条链走下去的决 定。
1、超文本和超媒体
定义:超文本(Hypertext) 定义:超文本(Hypertext) 由信息结点和表示信息结点间相关性的链构成的 一个具有一定逻辑结构和语义的网络。 用超链接的方法,将各种不同空间的文字信息组 织在一起的网状文本。超文本更是一种用户介面 范式,用以显示文本及与文本之间相关的内容。 现时超文本普遍以电子文档方式存在,其中的文 字包含有可以链结到其他位置或者文档的连结, 允许从当前阅读位置直接切换到超文本连结所指 向的位置。
5、XML简介 XML简介
XML代码实例 XML代码实例 <?xml version="1.0" encoding="ISO-8859-1" ?> encoding="ISO-8859- <!-- Copyright w3school.com.cn <!---> --> - <note> <to>George</to> <from>John</from> <heading>Reminder</heading> <body>Don't forget the meeting!</body> </note>
3、超文本系统的用户接口
维基百科(英语:Wikipedia,是维基媒体基金会 维基百科(英语:Wikipedia,是维基媒体基金会 的商标)是一个自由、免费、内容开放的百科全 书协作计划,参与者来自世界各地。这个站点使 用Wiki,这意味着任何人都可以编辑维基百科中 Wiki,这意味着任何人都可以编辑维基百科中 的任何文章及条目。维基百科是一个基于wiki技 的任何文章及条目。维基百科是一个基于wiki技 术的多语言百科全书协作计划,也是一部用不同 语言写成的网路百科全书,其目标及宗旨是为全 人类提供自由的百科全书──用他们所选择的语 人类提供自由的百科全书──用他们所选择的语 言来书写而成的,是一个动态的、可自由访问和 编辑的全球知识体。也被称作“ 编辑的全球知识体。也被称作“人民的百科全 书”。
超文本系统由结点和链组成。
1、超文本和超媒体
一个结点通常表示一个单一的概念或围绕 某一特殊主题组织起来的数据集合,是表 达信息的一个基本单位。 结点间链接时,起始结点称为引用结点, 终止结点称为目的结点。
1、超文本和超媒体
结点分为两种类型: 一种称为表现型,记录各种媒体信息,表 现型结点按其内容的不同又可分为许多类 别,如文本结点和图文结点等; 另一种称为组织型,用于组织并记录结点 间的联结关系,它实际起索引目录的作用, 是连结超文本网络结构的纽带,即组织结 点的结点。
1、超文本和超媒体
超文本系统的基本特征
定义:能对超文本进行管理和使用的系 统
1、超文本和超媒体
超文本系统的基本特征 计算机上最早且使用最普遍的超文本系统, 是运行于麦金塔(Macintosh)计算机上的 是运行于麦金塔(Macintosh)计算机上的 "HyperCard"。其后微软的Windows 1.0系 "HyperCard"。其后微软的Windows 1.0系 统亦采用了超文本式的帮助功能,令使用 者在寻求帮助时更为便捷。
3、超文本系统的用户接口
Wiki指一种超文本系统。这种超文本系统支 Wiki指一种超文本系统。这种超文本系统支 持面向社群的协作式写作,同时也包括一 组支持这种写作的辅助工具。
3、超文本系统的用户接口
我们可以在Web的基础上对Wiki文本进行浏览、 我们可以在Web的基础上对Wiki文本进行浏览、 创建、更改,而且创建、更改、发布的代价远比 HTML文本为小; HTML文本为小; 同时Wiki系统还支持面向社群的协作式写作,为 同时Wiki系统还支持面向社群的协作式写作,为 协作式写作提供必要帮助; 最后,Wiki的作者自然构成了一个社群,Wiki系 最后,Wiki的作者自然构成了一个社群,Wiki系 统为该社群提供简单的交流工具。 与其它超文本系统相比,Wiki有使用方便及开放 与其它超文本系统相比,Wiki有使用方便及开放 的特点,所以Wiki系统可以帮助我们在一个社群 的特点,所以Wiki系统可以帮助我们在一个社群 内共享某领域的知识。
3、超文本系统的用户接口
图形浏览器不仅能显示二维平面数据,还 可以显示三维或多维数据。例如电子沙盘、 建筑物模型,甚至虚拟现实显示。在数字 化时代,各种数据都被数字化,特别是随 着数字地球的研究与发展,图形浏览器必 将成为浏览各种数字化信息的主要工具。
4、HTML语言简介 HTML语言简介
HTML( HTML(HyperText Markup Language)称 Language)称 为超文本标记语言。不仅可以用来编写 Web网页,而且也越来越多地使用于制作 Web网页,而且也越来越多地使用于制作 光盘上的多媒体节目。
1、超文本和超媒体
链也是组成超文本的基本单位,用来连接 结点。 链的一般结构可分为三部分:链源、链宿 和链的属性(指链的类型,版本,权限 等)。
1、超文本和超媒体
链的类型(主要用于导航和检索信息): 基本链 移动链 缩放链 全景链 视力链
1、超文本和超媒体
链的类型(主要用于定义超媒体结点和链的 组织与推理): 索引链 Is-a链 IsHasHas-a链 蕴含链 执行链
1、超文本和超媒体
补充 富文本格式(Rich 富文本格式(Rich Text Format, 一般简称为 RTF)也称为多文本格式是由微软公司开发的跨 RTF)也称为多文本格式是由微软公司开发的跨 平台文档格式。大多数的文字处理软件都能读取 和保存RTF文档。这是一种类似DOC格式(Word 和保存RTF文档。这是一种类似DOC格式(Word 文档)的文件,有很好的兼容性,使用 Windows“附件”中的“写字板” Windows“附件”中的“写字板”就能打开并进行 编辑。RTF是一种非常流行的文件结构, 编辑。RTF是一种非常流行的文件结构,很多文字 编辑器都支持它。
6、SMIL及其应用示例 SMIL及其应用示例
SMIL与HTML的语法格式非常相似。SMIL主 SMIL与HTML的语法格式非常相似。SMIL主 要用于控制多媒体片断。 SMIL通过时序排列对声音、影像、文字及 SMIL通过时序排列对声音、影像、文字及 图形文件进行顺序安排,然后将这些媒体 表现看起来是同步的,使得用户在Web页 表现看起来是同步的,使得用户在Web页 中可以看到和电视节目一样表现形式的内 容。
7、设计超文本的工具
JavaScript的特点 JavaScript的特点 节省CGI的交互时间 节省CGI的交互时间 节省了浏览者的访问时间和网络的流量 将Java Applet作为处理对象。 Applet作为处理对象。
7、设计超文本的工具
补充:CGI 补充:CGI Common Gate Interface。 Interface。 在物理上是一段程序,运行在服务器上,提供同客 户端 Html页面的接口。这样说大概还不好理解。那么我 Html页面的接口。这样说大概还不好理解。那么我 们看一个实际例子: 现在的个人主页上大部分都有一个 留言本。留言本的工作是这样的:先由用户在客户端输入 一些信息,如名字之类的东西。接着用户按一下“留言” 一些信息,如名字之类的东西。接着用户按一下“留言” (到目前为止工作都在客户端),浏览器把这些信息传送 到服务器的CGI目录下特定的cgi程序中,于是cgi程序在服 到服务器的CGI目录下特定的cgi程序中,于是cgi程序在服 务器上按照预定的方法进行处理。在本例中就是把用户提 交的信息存入指定的文件中。然后cgi程序给客户端发送一 交的信息存入指定的文件中。然后cgi程序给客户端发送一 个信息,表示请求的任务已经结束。此时用户在浏览器里 将看到“留言结束” 将看到“留言结束”的字样。整个过程结束。
7、设计超文本的工具
JavaScript与Java的区别 JavaScript与Java的区别 JavaScript不是Java的替代语言 JavaScript不是Java的替代语言 JavaScript源代码不需要编译 JavaScript源代码不需要编译 JavaScript不需特殊开发环境 JavaScript不需特殊开发环境
4、HTML语言简介 HTML语言简介
HTML语言结构 HTML语言结构 HTML标签和属性 HTML标签和属性 超链接 用HTML实现多媒体 HTML实现多媒体
5、XML简介 XML简介
XML( XML(Extensible Markup Language)扩展 Language)扩展 性标记语言。语法类似于HTML,都是用标 性标记语言。语法类似于HTML,都是用标 签来描述数据。HTML的标签是固定的,只 签来描述数据。HTML的标签是固定的,只 能使用,不能修改;XML则不同,它没有预 能使用,不能修改;XML则不同,它没有预 先定义好的标签可以使用,而是依据设计 上的需要,自行定义标签。 所以用XML来建立数据,再由HTML来显示, 所以用XML来建立数据,再由HTML来显示, 将是设计网页的新方向。
1、超文本和超媒体
定义:超文本 超文本的格式有很多,目前最常使用的是 超文本标记语言(Hyper 超文本标记语言(Hyper Text Markup Language,HTML)及富文本格式 Language,HTML)及富文本格式 (Rich Text Format,RTF)。 Format,RTF)。
1、超文本和超媒体
定义: 超媒体:包含多媒体的超文本。
1、超文本和超媒体
超文本与普通文本的最大区别就在于: 超文本的结构类似于人类的联想记忆 结构,采用一种非线性的网状结构来组织 块状信息,它没有固定的顺序,也不要求 读者必须按某种顺序来阅读。
1、超文本和超媒体
超文本系统是一个提供了崭新的访问信息 手段的数据库系统。与传统的数据库相比, 它没有规则的数据结构,用户可以自由地 以不同的方式挖掘和获取信息。
ຫໍສະໝຸດ Baidu
1、超文本和超媒体
超文本系统的基本特征 图形用户接口 给用户提供一个网络结构动态总貌图 在超文本系统中一般使用双向链 包含管理结点和链信息的引擎 尽可能不依赖于它的具体特性、命令或信 息结构,而更多强调其用户界面的“视觉” 息结构,而更多强调其用户界面的“视觉” 和“感觉”。 感觉”
1、超文本和超媒体
6、SMIL及其应用示例 SMIL及其应用示例
SMIL是一种描述性语言,一些简单标志的 SMIL是一种描述性语言,一些简单标志的 书写就可以完成一个SMIL文件,很多SMIL 书写就可以完成一个SMIL文件,很多SMIL 文件只需要文本编辑器就可以创建修改。 使用SMIL文件可以显著节省带宽,因为在 使用SMIL文件可以显著节省带宽,因为在 同一网页中只有被使用的资料才会下载。
相关文档
最新文档