mm07超文本与超媒体.ppt

第七章,超文本与超媒体,7.1 超文本与超媒体的概念,1、线性文本与超文本（Hypertext）,1）线性文本：以字词、句子、段落、节、页、章、册、卷为单位进行有序的线性组织 。不是满足读者阅读需要的最好办法。 人类思维：联想式的网状结构，路径可能有多种,太阳 ,星星 ,宇宙,黑洞 ,飞船 ,杨利伟,太阳 ,东方红 ,毛泽东 ,韶山 ,老区 ,2）超文本,概念： 超文本是一种按照人类联想式思维特点来组织和管理信息的技术。 超文本是由信息节点和表示信息节点间相关性的链构成的一个具有一定逻辑结构和语义的网络 。 研究目的： 使人们更好地管理、组织、存取和使用与日俱增的各类信息。,3）超文本的特点：,依赖于计算机技术 超文本技术将自然语言文本和计算机交互式地转移或动态显示线性文本的能力结合在一起，它的本质和基本特征就是在文档内部和文档之间建立联系 超文本技术是用计算机思维与交流的工具,B,C,F,E,D,A,2、超媒体（Hypermedia） 多媒体超文本,超媒体=超文本+多媒体 超媒体具有传统超文本的全部特性； 从多媒体的意义上讲，超文本与超媒体是一回事。,注意：简单地从一张图片引出一段说明，一段文字引出一段录像或用菜单选择视频片段，虽可以在选择上给用户一些控制权，但这并不是超媒体。因为一旦开始播放视频，就不能再进行交互式操作，这段视频与其他信息之间也没了任何关系。 完全的超媒体系统在整个进程中均应允许进行任何形式信息的链接操作 。,3、超文本与超媒体的示例,软件的联机帮助手册； 电子词典； 超媒体教学软件； INTERNET网页。,7.2 超媒体的体系结构和组成,用户接口层,超文本抽象机层（HAM）,数据库层,数据库,1. 超文本系统的体系结构,用户接口层：也称表现层或用户界面层。它决定信息的表现方式、交互操作方式与导航方式。应具有简明、直观、生动、灵活、方便等特点； 超文本抽象机层（Hypertext Abstract Machine，HAM）：本层决定超文本系统节点和链的基本特点，记录了节点之间链的关系，并保存了有关节点和链的结构信息。在本层中可以了解到每个相关联的属性； HAM提供了信息转换格式。本层可理解为超文本的概念模式，它提供了对数据库下层的透明性和对上层用户界面层的标准性； 数据库层：它涉及所有传统的有关信息存储的问题，是超文本系统的基础。就数据库而言，超文本的节点与链都是没有特殊含义的数据对象。,2. 超文本与超媒体的组成要素,1、节点 节点是围绕一个特殊主题组织起来的数据集合。节点可以分为： 媒体节点 组织节点 推理型节点,-媒体节点,按照媒体和功能的不同可分为： 文本节点； 图像节点； 动画节点和视频节点； 音乐节点和语音节点； 混合媒体节点； 按钮节点等。,-组织节点 组织节点是组织节点的节点。通过组织型节点可以实现数据库管理或数据查询等工作。 索引节点。索引节点由索引项组成，索引项用指针指向目的节点，包含如下链接：指向整个索引项表示的概念的定义；指向相关项或同义语；指向对应于多个关系表中的相同列的链接；或指向引用它们的索引文本节点。 目录节点又称索引文本节点，包含各个媒体（文本、图像、视频、音频）节点的索引指针，指向索引节点。,-推理型节点,推理型节点用于辅助链的推理与计算，它包括对象节点和规则节点： 对象节点。对象节点用于描述对象，可用于表示知识的某种结构。 规则节点。规则节点指明使用规则的条件，使用规则后得到的结果。,2、链,（1）概念： 链是从一个节点指向另一节点的指针。 链是节点间的信息联系，它以某种形式将一个节点与其他节点连接起来。 链是有向的。 （2）链的一般结构，可分为三个部分： 链源：链的起始端。链源可以是：热字、热区、图元、热点、媒体对象或节点。 链宿：链的目的端。一般都是节点。 链的属性：决定链的类型。,（3）链的分类 基本结构链：构成超媒体的主要形式。其特点是层次与分支明确。基本结构链又可分为基本链、交叉索引链和节点内注释链。 -基本链：建立节点之间基本顺序的链，它使信息总体上呈现出层次结构，其链源、链宿均为节点； -交叉索引链：使节点连接成交叉的网状结构。其链源可以是热字、热区、热点或单媒体对象，链宿为节点； -节点内注释链：被注释源可以是热字、热区、热点或单媒体对象等，注释体则为一单媒体对象。由于链源、链宿在同一节点内所以称为内注释链。,基本结构链,交叉索引链,索引链：用以实现节点的“点”与“域”之间的链接。链源通常为一个节点中的“点”或“域”，是索引的引出处，通过它可以访问另一个节点。另一端称为目标端，是索引的目标。索引链的开始给出了链的标识符、名字类型以及目标节点的名字和类型等信息。 隐型链：又称关键字链或查询链，它为节点定义关键字、通过对关键字的查询操作即可驱动相应的目标节点。可用节点的名字或属性作关键字。 执行链：又称程序链或按钮，它的链源通常以按钮的形式出现，用来启动计算机程序，以完成特定的操作，触发执行链将引起执行一段程序代码,3、网络,（1）概念： 节点是对单一概念的表达，节点之间的链则表示概念之间的语义关系。可以认为超媒体是由节点和链构成的一个语义网络。它是一个有向图。 网络中有很多节点，以某一因素连接在一起的节点称为“宏节点”。 超媒体语义网络的特点是： 1）超媒体数据库是由声、文、图各类节点构成的网络； 2）屏幕中的窗口和数据库中的节点一一对应；,3）支持标准窗口的操作； 4）窗口中可包含多个链标示符，点击该链标示符，将沿此链访问链接的节点内容，屏幕可打开相应的窗口； 5）超媒体的作者可以很容易地创建节点和链接新的节点的链； 6）用户可方便地进行信息浏览和查询。查询方式有三种：一是跟随链的走向不断打开各个窗口或历史地返回；二是利用已知的字符串对部分或整个网络进行搜索；三是利用节点网络的图示监视器在节点之间“航行”。,（2）宏节点的作用： 简化了网络结构； 有利于对巨型超文本网络的管理和对分散在各个物理地点上超文本的管理。 （3）宏文本(Macrotext)与微文本(Microtext) 宏文本大型超文本 微文本小型超文本,7.3 超文本技术的开发与应用,一、超文本编辑器,编辑器是对各种多媒体信息进行编辑，并能帮助开发者建立、修改节点和链的工具。,二、超文本浏览器导航工具,浏览器的作用： 使用户在信息网络中快速定位、查询； 防止用户在复杂的信息网络中迷失航向。 常用的几种导航工具： 导航图； 查询系统； 线索； 遍历； 书签。,三、超文本编程语言,超文本语言能以一种程序设计的方法去描述超文本信息网的构造、节点和各种属性。 比起交互式的编辑器的优势： 对于某些交互式很难表达的属性和计算，用编程方式比较合适； 超文本语言是实现空结构的有利工具,7.3 超文本的开发制作之一 Windows HELP系统,一、HELP系统工具,1、编辑工具 文本编辑器 纯文本编辑器（如，记事本、Edit.exe） 主题文件(*.rtf)编辑器（如，Word） 各种媒体编辑器 多热点超图编辑器(Shed.exe) 2、编译工具(把主题文件编译成帮助文件) HC.EXE或HC31.EXE或HCW.EXE 3、浏览工具：WINHELP.EXE,二、HELP系统的源文件,主题文件(.RTF) 存放各种文本和用于链接主题的代码，以及图形及用于包含图形的代码。 文本必须为 RTF 格式(rich text format)。 项目文件(.HPJ) 存放帮助系统所使用的各种文本文件和图形文件的列表。此外，还存放宏和辅助窗口的定义，以及用于帮助编译器控制编译过程的指令。项目文件中的文本必须为 ASCII 格式。,二、HELP系统的源文件（续）,位图(.BMP) 以位图格式存放的一个图形。在帮助文件中可以包含一个到多个位图文件。位图文件是可选的。 超图形(.SHG) 由 SHED.EXE 创建的位图图形，并含有一个到多个热点。 多分辨率位图(.MRB) 存放一个位图的多个版本，将不同屏幕分辨率的位图集成到一个文件中。多分辨率位图必须由 MRBC.EXE 创建。,三、HELP系统制作过程,HC31.exe,帮助文件 (.HLP),四、建立帮助主题文件(.RTF),1、建立方法 （1）、用普通文本编辑器按RTF语法编写； （2）、用支持RTF格式的编辑器编写（如WORD） 2、RTF文件的编码格式,3、热点的种类和主题转移方式,（1）种类 热字 热图 超图,（2）主题转移方式 跳转主题 实现从一个主题到另一个主题的跳转；或在主题内跳转。 弹出主题： 实现用窗口弹出另一个主题。 宏：实现宏指令的执行。,常见宏指令及其功能,四、建立帮助项目文件(.HPJ),1、项目文件中常用的节,7.4 超文本的开发制作之二 HTML 系统,一、HTML（Hyper Text Markup Language,超文本置标语言)概述,1、HTML的特点 是使用标记(Tag)来说明信息的排列输出格式和超文本链接。 是Internet网页常用的超文本置标语言。 2、HTML文件 是按照HTML语言规范书写的纯文本文件. 扩展名：.htm 或 .html,3、HTML语言的演变 第一个语言标准：HTML 2.0 (1994) Navigator的“HTML增强”(3.0)(不规范) Internet工作组的3.0草案（最终被放弃） W3C联合多家大公司开发的3.2(1996.5) 目前正在研制中：Cougar 4、HTML浏览器 Netscape Navigator Microsoft Internet Explorer（IE） 5、HTML编辑器 普通文本编辑器 专用编辑器（如FrontPage、Dreamweaver 、Firework等） 集成工具(如Navigator Gold, IE),二、HTML文件的基本框架, ,页面 标题,三、元素与标签的概念,元素：文档头、文档名称、表格、段落、列表等都是构成文档的成分，称为文档元素，简称为元素； 标签：在HTML文档中用于标识文档元素的标志。标签由左尖括号“”组成，标签成对出现，如： 与分别表示一级标题的开始与结束标签 标签可以包含属性，用于提供HTML元素的附加信息，如背景颜色、字体属性、对齐方式等，属性不仅需要名称，还需要赋值，如：,举办奥运史上最成功的奥运会 其中表示居中显示该段文字， 表示使用红色显示该段文字； 注意：标签名称中文字不分大小写；Web浏览器在解析HTML文档时，遇到不支持（认识）的标签时，将不予理睬，但仍会显示标签之间的文本。,四、一个简单的示例,第一步：建立 .html文件 第二步：在浏览器中浏览,五、基本标签, 本标签表示与之间的文档是HTML文档 与之间包含的是文档名称 与之间包含的是具体的文档名称，名称长度一般不超过64个字符；本标签应在与之内 正文标签，与中就是浏览器显示的文档内容, 标题标签，n=1,2,6，HTML定义了6级标题 段落标签，HTML不理会文档中的回车换行符 无编号列表（unnumbered list）标签 有编号列表（ordered list）标签 列表标签,标签示例: 步入HTML世界， 这是第一段。 把这段内容分成几个“小段”之后， 在浏览器上依然显示为一个段落。 ,、和 、和分别是定义列表、定义术语和定义释义标签 预定格式文本（preformatted text）标签用于产生固定宽度的字符 块引用标签，本标签中将包含一个较长的引用语 强制换行标签，可单独使用 交易单标签，用于采集用户信息，用法见示例 水平线（horizontal rule）标签 ,列表标签应用示例： 计算机科学与技术系 信息管理与信息系统系 图书情报系 南京农业大学（1914） 地址：南京中山门外，卫岗 网址： ,form标签应用示例:, 用户登陆 请输入你的姓名： 请输入你的密码： ,六、标签属性与字符样式,HTML文档中许多标签都有属性（attribute）,属性用于修改标签之间的元素的特性，例如标签之间元素的对齐方式、字符样式、图象的大小等等； 字符样式包括物理样式与逻辑样式两种样式。物理样式说明标签间文句的外观，如粗体、斜体、下划线、上标等；逻辑样式包括按文本内容显示文本，如用于显示程序代码等； 显示非ASCII字符与HTML中“”等字符需使用特定的“字符实体”。如： “” 字符实体号,七、HTML的超文本链接,1、锚点（Anchor）标记HTML中的链源 (1) Anchor的格式： 文字说明 (2) 链宿类型 另一文件 如，第二演示文件 URL（Uniform Resource Locator，统一资源定位器） 如，南京大学,URL(Uniform Resource Locator),格式： :/math/index.htm,连接模式，如 http: ftp: gopher file:,机器名,一级域名 gov com mil,二级域名,国家或地区名 AU DE JP US,文件名,(2) 链宿类型（续） 同一文件的另一锚点 如，Jump to Marker 此时必须在该文件中有标签标记： Here is Marker 另一文件的另一锚点 如，在demo2.html文件中有标签标记： Here is Marker 则，在demo1.html文件中的锚点 Go Marker ,2. 链接电子邮件程序 语法结构如下： Name 例： 南京农业大学信息学院,八、HTML的图像显示与超级链接,1、HTML中支持的图像格式 JPG, GIF, TIF, BMP 等 2、标记格式： 直接显示方式 链接到图像方式 文字说明,3、图像锚点 4、多锚点图像 在中加入USEMAP属性； 用一个MAP单元来描述不同的区域； 其中每个定义一个区域及其超链； 说明： 与的顺序没有关系,7.5 其他网页技术概述,一、Web网页的类型,静态Web文档：在制作时就确定的Web文档，未经修改不会变化； 动态Web文档（dynamic docment）:动态文档是在访问Web服务器时创建的。当浏览器的请求到达时，Web服务器便运行一个应用程序创建动态文档，并把创建的文档传送给浏览器。动态文档的创建需使用Vsscript、Javascript及ASP、ActiveX等编写程序，并通过ODBC、JDBC、ADO等利用SQL访问数据库；,主动Web文档（active docment）：由于服务器传送给浏览器的文档中包含有一个可