第7章 超媒体与Web系统_第1页
第7章 超媒体与Web系统_第2页
第7章 超媒体与Web系统_第3页
第7章 超媒体与Web系统_第4页
第7章 超媒体与Web系统_第5页
已阅读5页，还剩71页未读， 继续免费阅读

下载本文档

版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领

文档简介

第7章超媒体与Web系统本章内容7.1超媒体系统的组成7.2Web超媒体系统7.3智能超媒体系统7.4Web搜索技术传统信息存储和检索不能适应大数据互联网没出现之前，如何查文献？7.1超媒体系统的组成1、去图书馆2、图书馆找相应的图书分类号3、找到图书开始阅读：

文本在组织上是线性的和顺序的。这种线性结构体现在你读文本时只能按固定的线性顺序一字一字、一行一行、一页一页地读下去。需要一种工具建立数据间的链接关系某学科的专家不可能掌握改学科的全部知识普遍联系的原则：信息之间存在这样或那样的联系美国作家D.Pember在“Massmedia”（大众传播媒介）一文中描写到：“我们可能已经发现了种治疗癌症或心脏病的方法，我们可能已经找到摆脱时空限制的途径，我们可能……，这种种问题的答案细分为成百上千上部分，以点滴信息的形式分散在世界各地，有待于搜索起来、联系起来。”7.1超媒体系统的组成人的联想能力有助于提高信息利用率对联想记忆的探索形成了人类思维的概念化的基础。同一个人、同样的文化和受教育的背景太阳夏天星星天文望远镜伽利略比萨斜塔佛教舍利和尚光头游泳夏天大海鱼吃饭饭盒餐具银器耳环婚礼婚纱白雪7.1超媒体系统的组成借鉴人脑的思维，创立了超文本7.1超媒体系统的组成超文本（Hypertext）一种信息管理技术,一种电子文献形式；文本最显著的特点是它在信息组织上是线性的和顺序的；超文本结构采用一种非线性的网状结构组织块状信息,没有固定的顺序超文本（Hypertext）超文本（Hypertext）超文本是一种信息管理技术,它以节点作为基本单位。这种节点要比字符高出一层次。抽象地说,它可以是一个信息块;具体地说,它可以是某一字符文本集合,也可是屏幕中某一大小的显示区。节点的大小由实际条件决定,在信息组织方面,则是用链把节点造成网状结构,即非线性文结构。7.1超媒体系统的组成

超文本的结构不是顺序的它类似于人类的联想记忆结构，采用一种非线性的网状结构：

7.1超媒体系统的组成超文本的概念

A节点B节点C节点D节点E节点F节点6个节点和9条链组成的超文本结构

没有固定的顺序，也不要求读者必须按某个顺序来阅读。

用户可以主动地决定阅读节点的顺序。超文本的特点7.1超媒体系统的组成超文本雏形—概念产生时期鼻祖:美国著名科学家V.Bush(1890-1974)1945，“AsWeMayThink”，《大西洋月刊》Memex(Memoryexender的缩写,即存储扩充器)设想（1932年和1933提出）；7.1超媒体系统的组成超文本雏形提出设想的原因科学信息量迅速增长：他担心即使是某一门学科的专家也不可能跟踪该学科的发展情况。200多年来印刷技术没有什么突破性的进展，有关共享与表现信息的方法也很少，不敷应用。检索困难：当要查找某一信息时，要遍历所有对象逐一查找，信息的定位繁琐；7.1超媒体系统的组成超文本雏形Memex是什么？一种专门存储书籍、档案和信件的设备；是机械的。组成与结构信息存在缩微胶片中；有一个扫描器输入新的资料；可以在页边用手加注释和说明。元素之间链连成对，任意元素都可以随意、迅速而且自动地选择另一元素7.1超媒体系统的组成超文本雏形《时代》和《生活》刊登了Memex模型问题？Bush早期计算机专家的为什么不采用计算机？7.1超媒体系统的组成14具体示例１假设有一位总经理，他自己有电子记事本，他的秘书根据他与外商谈判的材料按照超文本的结构形式组织好了有关材料供总经理使用。下面借助于下图来说明。15某人的电子记事本：16早期超文本系统的表现形式仅是文字的，这就是它被称为“TEXT”的原因。超媒体不仅可以包含文字，而且还可以包含声音、图形、图像、动画和视频片段，这些媒体之间也是用超级链接组织的，而且它们之间的链接也是错综复杂的。7.1超媒体系统的组成超文本到超媒体的演进引入超媒体综上所述信息爆炸（甚至连该学科的专家也不能全部掌握）与信息垃圾；多媒体化；网络化、分布化；信息间相互关系之复杂；迫切需要一种技术或工具，高效地管理信息，并建立起信息之间的关联。7.1超媒体系统的组成18超文本与超媒体的应用

随着多媒体技术的发展，超文本与超媒体技术，具有广阔的应用前景。超文本与超媒体组织和管理信息方式符合人们的“联想”思维习惯。适合于非线性的数据组织形式，以它独特的表现方式，得到了广泛的应用。

7.1超媒体系统的组成19超文本与超媒体的示例

操作系统Windows中的“帮助”就使用了超文本的方式电子百科全书教学应用的CAI旅游信息、软件工程20个人学习、工作辅助与办公自动化

超文本与超媒体应用于办公自动化中，改变了人们传统的工作方式和思维习惯，提供人们更为形象、直观的工作环境，极大地提高了工作的效益和效率。

7.1超媒体系统的组成21商业展示、产品广告和指南超媒体化的产品和广告、单位的形象介绍、展览会的展示、旅游和饭店的指南、机场和车站的查询机等都为用户提供了一种很好的展示方式。7.1超媒体系统的组成GE智能电网超媒体视频23４．娱乐（音乐、小说、电影）和休闲

超媒体的神化故事、侦探小说、报纸和刊物、家庭菜谱、电子游戏等，为家庭休闲和娱乐开辟了新的途径。7.1超媒体系统的组成24

“交互式小说”和“交互式电影”，用超媒体组织素材，由读者和观众自己编辑，按自己的爱好和愿望去改变主人翁的命运和结局。7.1超媒体系统的组成娱乐（音乐、小说、电影）和休闲

超文本/超媒体与其它信息技术的关系多媒体、数据库与超文本/超媒体多媒体超文本数据库超媒体超文本数据库超媒体数据库多媒体数据库7.1超媒体系统的组成超文本/超媒体与其它信息技术的关系交互式多媒体与超文本/超媒体一种观点认为超文本/超媒体是一种人机交互技术交互多媒体超媒体超文本7.1超媒体系统的组成超媒体系统组成7.1超媒体系统的组成节点超文本/超媒体是由节点构成的信息网络，每个节点包含一个特定主题的信息，节点的大小视主题而一。表现形式基于框架的节点：节点内容固定尺寸基于窗口的节点：对信息容量没有限制7.1超媒体系统的组成节点的分类按媒体类型分类文本节点图形、图象节点声音节点视频节点数据库节点命令（按钮）节点混合节点7.1超媒体系统的组成节点的分类按结构分类原子节点组合节点按状态分类动态节点静态节点7.1超媒体系统的组成链链定义了超文本/超媒体的结构，提供了浏览、查询节点的能力，因此链是超文本/超媒体的灵魂。显示与隐式表示明确的链源和链宿动态检索与计算方向性单向链双向链7.1超媒体系统的组成链链类型一对多关系、多对一关系多对多关系悬空链：有源无宿组合方式线性链树状层次链无环网块状结构任意网7.1超媒体系统的组成链7.1超媒体系统的组成按钮、热标和锚按钮：可视化链源热标：确定信息关联的链源热字热区热元热点锚：链的端点源锚目的锚7.1超媒体系统的组成Web超媒体系统分布式超媒体系统WWW1990年，位于日内瓦的欧洲量子物理实验室CERN的物理学家与工程技术人员为了能与其他研究机构协作探讨高能物理研究的最新成果，建立了环球信息网（WorldWideWeb)。37WWW中的超文本和超媒体

Internet提供了世界范围内网络互连和通信功能。

它以基于客户/服务器的工作方式，通过超文本文献，把全世界不同地点服务器的相关信息有机地结合了起来。服务器浏览器用户界面层又称为表现层，它构成超文本系统特殊性的重要表现，涉及超文本抽象机层中信息的表现超文本抽象机层决定了超文本系统结点和链的基本特点，记录了结点之间链的关系，并保存了有关结点和链的结构信息。数据库层提供存储、共享数据和网络访问功能。系统的结构与模型用户接口层超媒体抽象机层数据库层39WWW的客户程序成为浏览器运行在客户机上，利用超文本传输协议向服务器发出请求，访问服务器上的超文本和超媒体信息，并在客户端上以多媒体的形式表现出来。通信的两个协议：超文本传输协议(HyperTextTransferProtocol,HTTP)，提供联络方式及信息传送格式。超文本标记语言(HyperTextMarkupLanguage,HTML)，提供表现界面与超文本链接的标记语言。

WWW中的超媒体协议与标记语言HTTPHTMLXMLHTTP协议客户服务器建立TCP/IP连接客户服务器发送请求消息客户服务器发送响应消息客户服务器关闭连接42超文本传输协议HTTPHTTP协议运行在客户程序和服务器程序中。不同端系统上的客户程序和服务器程序通过交换HTTP消息彼此交流。HTTP定义Web客户(即浏览器)如何从web服务器请求Web页面，以及服务器如何把Web页面传送给客户。43HTTP消息请求消息示例：GET/hypertext/www/TheProject.htmlHTTP/1.0方法协议宿主名目录与文件名协议版本客户发出消息服务器响应消息HTML语言基本结构HTML语言编写的网页超文本信息按多级标题结构进行组织，其结构如下：<HTML><HEAD><TITLE>标题名</TITLE></HEAD><BODY><H1>一级标题名</H1>

……Web页主体</BODY></HTML>HTML语言超文本标记方法

<标记名>数据</标记名>

字体黑体<B>文本</B>斜体<I>文本</I>下划线<U>文本</U>打字体<TT>文本</TT>HTML语言超文本标记方法

字号与颜色设定指定字号的标记方法为：<FONTSIZE=#>文本</FONT>#=1，2，3，4，5，6，7表示指定的字体大小；#=+(-)2，3，4，5，6表示字体大小的相对改变。设定字体颜色可以通过如下两种方式：<FONTCOLOR="hex_rgb">文本</FONT><FONTCOLOR="colorname">文本</FONT>例如：<FONTCOLOR="#FF0000"SIZE=5>中国</FONT>显示5号字体红色文字的“中国”。HTML语言超文本标记方法段落格式包括换行符号<BR>分段(换行加空行)符号<P>分界尺符号<HR>等

HTML语言超文本标记方法

文本链接可通过点击文本检索浏览另一超文本网页。<AHREF＝"Art.html">ClickHereforArt．</A>

HTML语言超文本标记方法图像链接可通过点击一幅图像从而跳到另一超文本网页。<AHREF＝"dog.html"><IMGSRC="Dog1.gif"></A>

HTML语言超文本标记方法

FTP和Email链接在HTML页面中可实现与FTP和Email系统的链接。例如，通过点击“GetFreeware”和“Mailtome．”实现与FTP和Email系统的链接：<AHREF="ftp//ftp．MyD/Pub/freeware.txt">GetFreeware</A><AHREF="mailto：myName@myD">Mailtome．</A>

HTML语言超文本标记方法非图像浏览器图像替换如浏览器不能浏览图像，HTML可用ALT指定其替代文字。例如，如浏览器不能浏览图像Dogl.gif，用“[pictureofadog]”ALT替代：<AHREF="dog.html"><IMGSRC="Dog1.gif"ALT="[pictureofadog]"></A>

HTML语言多媒体信息标记方式图像<IMGSRC＝"file：///d：/html/.gif"WIDTH=?HEIGHT=?VSPACE=?HSPACE=?>其中，WIDTH，HEIGHT为图像的宽、高；VSPACE，HSPACE为垂直、水平空格数。

HTML语言多媒体信息标记方式音频HTML中可指定背景音乐，例如：<BGSoundSRC="Path/Filename.WAV"Loop=#>#为循环次数。还可以利用链接启动声音。例如，若当用户单击文本linktext后，声音才能播放：<AHREF="Path/Filenam/>linktext</A>HTML语言多媒体信息标记方式视频与动画<IMGdynsrc="user．avi"START=fileopen(ormouseover)WIDTH=?HEIGHT=?VSPACE=?HSPACE=?LOOP=?><IMGdynsre="user．flc"START=fileopen(ormouseover) WIDTH=?HEIGHT=?VSPACE=?HSPACE=?LOOP=?>除了dynsrc属性，其他属性都可以缺省。START＝fileopen表示Web页一被装入便播放；START＝mouseover表示鼠标从该区域滑过才播放。

HTML语言多媒体信息标记方式

Web页中背景的实现用图像填充背景，格式为：<BODYBACKGROUND="Path/Filename">用颜色填充背景，格式为：<BODYBGCOLOR="#RRGGBB">RR，GG，BB分别表示红、绿、蓝分量，用十六进制表示。用颜色的名字表示背景颜色，格式为：<BODYBGCOLOR="颜色名">例如，利用图像和颜色填充背景的实例：<BODYBACKGROUND="file///d：/multi/jpg/ground.jpg"><BODYBGCOLOR="#888888">

表示背景颜色为灰色；<BODYBGCOLOR="red">

表示背景颜色为红色。

XML语言可扩展的标记语言XML（extensiblemarkuplanguage）是1998年2月正式公布的网络超文本的标记语言，是由W3C的XML工作小组所定义的。它和HTML一样，是SGML的一个子集。XML兼取HTML和SGML之长，既通用全面又简明清晰，并具有很强的可伸缩性和灵活性。数据搜索引擎简单高效XML还具有遵循严格的语法要求、便于不同系统之间信息的传输、有较好的保值性等优点。

XML语言由于XML能针对特定的应用定义自己的标记语言，XML本身仅仅是表达数据的一种规范，与具体的应用行业制定不同的数据规范相结合才能体现其强大的生命力。XML的应用分支越来越广泛，可以说根本地改变了网络世界的信息交流方式。其应用涉及科学计算（数学标记语言MathML）、网络多媒体（同步多媒体集成语言SMIL）、电子出版（开放电子书标准OpenE-book）、无线通信（无线应用规范WAP）等领域，它还是电子商务（电子数据交换XML/EDI和微软的Biztalk）的数据接口规范中的基础。

XML语言XML主要有3个要素：文档定义（DTD/XMLSchema）文档定义描述了XML文件的逻辑结构，定义了XML文件中的元素、元素的属性以及元素的属性之间的关系，它可以帮助XML的分析程序校验XML文件标记的合法性XSLXSL是用于规定XML文档样式的语言，它能在客户端使Web浏览器改变文档的表现形式，从而不再需要与服务器进行交互通信XlinkXlink允许链接XML文件，它允许多个链接目标以及其他先进的特性，而且较HTML的链接机制有更强大的功能Web系统的关键技术基本结构Web服务器客户机用户请求（http协议）服务器响应(html)扩展结构网络服务器站点镜像代理服务器

Web缓存系统的关键问题Web缓存可以显著改善Web系统的服务性能。降低网络流量、缓解网络阻塞减少了用户访问延时减少了远程Web服务器的工作负荷加强Web服务的强壮性Web缓存系统的关键问题缓存系统可能会出现下述缺点：由于缺乏合适的缓存代理更新，用户也许查看的是陈旧的数据；由于额外的代理处理，访问延时在缓存中查不到目标数据的情况下可能增加；一个单一的代理总是系统服务的瓶颈，针对一个代理所服务的客户数应该有所限制；使用代理缓存会减少原远程服务器的点击率从而引起多数信息提供者的失望，因为他们不能维持对他们页面点击的管理。

64附：html与xml1

HTML概述

HTML是一种文本类、解释执行、用来制作超文本文件的简单标记语言。一个HTML文挡通常由文档头、文档名称、表格、段落和列表等文档元素构成，并且使用HTML规定的标记来标记这些元素。

HTML的专长是将文件数据显示在浏览器中，它提供了很多与显示内容有关的标记，这些标记都是系统定义的，用户无法自定义所要的标记。就一般的使用，HTML所提供的标记还是够用的，而且目前市面上很多网页制作软件，均支持HTML的文件格式。2

HTML文档结构<html>

<head>

<title>……</title>

</head>

<body>

正文内容

</body></html>告诉浏览器HTML文件开始和结束<html>…</html>HTML文件的头部标记<head>…</head><body>…</body>HTML文件的主体标记<title>…</title>文档名称标记HTML文档基本结构：3

链接标记连接是指将文档中的文本或者图像与另一个文档、文档的一部分或者另一幅图像等内容链接在一起。在HTML中，链接的基本格式是：<ahref=”URL地址“>链接名</a>属性href是不可缺少的，其值可以是URL形式或mailto形式。例如：<ahref="">欢迎光临清毅盲人网</a>

超链接的三种类型：内部链接：指向文档内部的链接外部链接：指向非本地服务器上的文档的链接本地链接：指向本地服务器或计算机中文档的链接4

多媒体标记插入图像(1)内联图象内联图像是指与Web网页中的文本一起下载和显示的图像，表现为文本和图像显示在同一网页上，在HTML文档中插入图像文件的格式如下:<imgsrc="URL地址"align=""border=""width=""height=""alt="">…</img>例1<html><head><title>插入内联图像</title></head><h1>内联图像</h1><body><imgsrc="7-1.jpg"align=leftborder=5width=250height=200></body></html>例1：内联图像运行结果4

多媒体标记(２)外联图像当内联图像很大时，浏览网页时就需要花很长的时间来下载图片。解决这个问题的办法是用文字或小的内联图像来代表大图像，而把大图像当作一个单独的文档，再把文字或者图标与大图像链接在一起，当用鼠标单击这个链接后，大图像显示在另一个窗口中，这种图像就称为外联图像链接外联图像可以使用下面的语句：<ahref="URL地址">…</a>例２<html>

<head> <title>插入外联图象</title>

</head>

<h1>外联图象</h1>

<body> <ahref="mooncake.jpg"><imgsrc="Smallfile.jpg"></a> <br> <br> <ahref="mooncake.jpg">用文字代表大图像</a>

</body></html>例2：外联图像运行结果4

多媒体标记(3)图像作为网页的背景例3使用图像作为网页背景可使用下面的语句：<bodybackground="URL地址">background属性指定图像文件，其值为背景图像的URL地址。浏览器将其平铺，布满整个网页。<ht

人人文库> 全部分类> 教育资料 > 课件下载

温馨提示

  • 1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

最新文档

评论

0/150

提交评论