超媒体与Web系统

超媒体与Web系统人的思维特性对联想记忆的探索形成了人类思维的概念化的基础。同一个人、同样的文化和受教育的背景太阳夏天星星天文望远镜伽利略比萨斜塔佛教舍利和尚光头游泳夏天大海鱼吃饭饭盒餐具银器耳环婚礼婚纱白雪人的思维特性信息是一种客观存在的物质普遍联系的原则：信息之间存在这样或那样的联系美国作家D.Pember在“Massmedia”（大众传播媒介）一文中描写到：“我们可能已经发现了种治疗癌症或心脏病的方法，我们可能已经找到摆脱时空限制的途径，我们可能……，这种种问题的答案细分为成百上千上部分，以点滴信息的形式分散在世界各地，有待于搜索起来、联系起来。”信息的关联特性抽象与具体关联：人对客观世界的认知过程，总是由具体到抽象，又由抽象到具体，循环反复、螺旋上升，因此抽象与具体之间存在本质的联系。信息也有抽象与具体之分：文字、图像、视频；信息间同样存在抽象与具体的联系；信息的关联特性时间关联信息表现上需要时间；任何媒体都要给接收者一定的接收时间；时间合成的概念：在时间关系的基础上实现各信息对象之间的同步；信息的时间属性；该属性确定了该信息对象所处的时间坐标点。如年代（从远古到现在）、季节、天气、昼夜等信息的关联特性空间关联表现空间，尤其是指显示空间安排；确定多个信息之间在显示空间上位置变换和安排；包括显示位置、显示形式、先后关系等合成关系；信息之间相互的空间关系将信息空间进行有序的组织；空间“上下文”关系；与时间特性结合，构成时空上下文关联，反映对象信息的全貌。信息的关联特性引入超媒体综上所述信息爆炸（甚至连该学科的专家也不能全部掌握）与信息垃圾；多媒体化；网络化、分布化；信息间相互关系之复杂；迫切需要一种技术或工具，高效地管理信息，并建立起信息之间的关联。超文本与超媒体的概念超文本（Hypertext）超文本（Hypertext）一种信息管理技术,一种电子文献形式；文本最显著的特点是它在信息组织上是线性的和顺序的；超文本结构采用一种非线性的网状结构组织块状信息,没有固定的顺序超文本（Hypertext）超文本（Hypertext）超文本是一种信息管理技术,它以节点作为基本单位。这种节点要比字符高出一层次。抽象地说,它可以是一个信息块;具体地说,它可以是某一字符文本集合,也可是屏幕中某一大小的显示区。节点的大小由实际条件决定,在信息组织方面,则是用链把节点造成网状结构,即非线性文结构。超媒体（Hypermedia）超媒体（Hypermedia）:多媒体超文本节点中的数据不仅仅可以是文字,而且可以是图形、图像、声音、动画、动态视频，甚至计算机程序或它们的组合；成为支持多媒体信息管理的天然技术；为强调系统是多媒体的而引入“超媒体”多媒体超文本；超媒体与超文本复杂的多超文本/超媒体与其它信息技术的关系多媒体、数据库与超文本/超媒体多媒体超文本数据库超媒体超文本数据库超媒体数据库多媒体数据库超文本/超媒体与其它信息技术的关系交互式多媒体与超文本/超媒体一种观点认为超文本/超媒体是一种人机交互技术交互多媒体超媒体超文本超文本/超媒体的发展历史超文本雏形—概念产生时期鼻祖:美国著名科学家V.Bush(1890-1974)1945，“AsWeMayThink”，《大西洋月刊》Memex(Memory

exender的缩写,即存储扩充器)设想（1932年和1933提出）；超文本雏形提出设想的原因科学信息量迅速增长：他担心即使是某一门学科的专家也不可能跟踪该学科的发展情况。200多年来印刷技术没有什么突破性的进展，有关共享与表现信息的方法也很少，不敷应用。检索困难：当要查找某一信息时，要遍历所有对象逐一查找，信息的定位繁琐；超文本雏形Memex是什么？一种专门存储书籍、档案和信件的设备；是机械的。组成与结构信息存在缩微胶片中；有一个扫描器输入新的资料；可以在页边用手加注释和说明。元素之间链连成对，任意元素都可以随意、迅速而且自动地选择另一元素超文本雏形《时代》和《生活》刊登了Memex模型问题？Bush早期计算机专家的为什么不采用计算机？超文本雏形—概念系统的研究时期先驱者DougEngelbart受Bush的影响斯坦福研究所开展Augment课题AugmentHumanIntellect扩展人类智力开发一个计算机系统帮助人类思维超文本雏形先驱者DougEngelbart实验工具NLS(oN-LineSystem，联机系统)1968年，在美国秋季联合计算机会议上作了精彩的表演；他利用NLS与500英里外的同事一起建立一超文本文献。有些人认是Engelbart发明了超文本超文本概念的产生

TedNelson杜撰了“超文本”1960年，毕业后又回到哈佛大学进修“计算机程序设计”；他提出了一“文本处理”系统作为课程设计题目；超文本概念的产生

TedNelson杜撰了“超文本”60年代末应布朗大学邀请共同研究超文本问题；提出了Xanadu系统的设想，撰写超文本研究专著“Xanadu”；“Xanadu”:源于SamuelTaylorColeridge的诗歌“KublaKhan”(《成吉思汉》)中“文字记忆的魔地”。超文本概念的产生

TedNelson杜撰了“超文本”Xanadu的基本想法：任何人任何时候所写的东西都可以存储在通用的超文本中。Nelson把超文本看作是一种文字媒介,他认为:“任何事物都有很深的联系”,因此可以把它们连在一起。1990年以来,Xanadu的部分内容已在实际中发挥作用,并由Xanadu实业公司生产。问题：容量、版权、复杂关系管理。1992年失去经济资助，现在日本继续Xanadu的研究著名的早期系统1968年，布朗大学研制成功了“超文本编辑系统”，它是世界上第一个工作的超文本系统。1968年，布朗大学研制的第二个超文本系统是FRESS(文件检索与编辑系统)。麻省理工学院建筑机械组研制AspenMovieMap(白杨城影片地图)，第一个超媒体系统。Xerox公司的NoteCards、布郎大学的Intermedia、OWL公司的Guide和苹果公司的HyperCard等多个商品化的超文本系统。新的起点—19871987年，在北卡罗来纳大学召开了第一次国际ACM超文本技术研讨会；继超文本’87后，每年召开一次国际交流会；1989年第一个专门的超文本杂志“超媒体”诞生；1990年1月在美国召开超文本标准化讨论会；1990年底，ACM专门成立了超文本兴趣小组SIGLINK。90年代—向广度和深度发展WWW—日内瓦欧洲物理研究中心Tim，分布式超媒体系统，“红遍全世界”新一代超媒体系统Hyper-G，基于Web动态超媒体系统；开放超媒体体系超媒体系统组成用户界面层又称为表现层，它构成超文本系统特殊性的重要表现，涉及超文本抽象机层中信息的表现超文本抽象机层决定了超文本系统结点和链的基本特点，记录了结点之间链的关系，并保存了有关结点和链的结构信息。数据库层提供存储、共享数据和网络访问功能。系统的结构与模型用户接口层超媒体抽象机层数据库层节点超文本/超媒体是由节点构成的信息网络，每个节点包含一个特定主题的信息，节点的大小视主题而一。表现形式基于框架的节点：节点内容固定尺寸基于窗口的节点：对信息容量没有限制节点的分类按媒体类型分类文本节点图形、图象节点声音节点视频节点数据库节点命令（按钮）节点混合节点节点的分类按结构分类原子节点组合节点按状态分类动态节点静态节点链链定义了超文本/超媒体的结构，提供了浏览、查询节点的能力，因此链是超文本/超媒体的灵魂。显示与隐式表示明确的链源和链宿动态检索与计算方向性单向链双向链链链类型一对多关系、多对一关系多对多关系悬空链：有源无宿组合方式线性链树状层次链无环网块状结构任意网链链有类型的链：导航链、推理链和计算链导航链说明链注释链相关链概括链详解链实例链抽象链链有类型的链：导航链、推理链和计算链导航链等价链相似链相反链参考链补充链评价链备忘链修正链链有类型的链：导航链、推理链和计算链推理链条件链原因链目的链假设链计算链查询语言算法描述修正链按钮、热标和锚按钮：可视化链源热标：确定信息关联的链源热字热区热元热点锚：链的端点源锚目的锚导航与浏览全景图索引表历史记录书签检索机制线索作者与读者作者：编辑与浏览读者：浏览与批注，IE浏览器超文本/超媒体的应用应用科学教育百科全书词典教育系统办公系统企业企业及产品介绍辅助设计与生产企业信息管理应用新闻出版电子新闻光盘出版物写作商业娱乐游戏信息查询地理信息管理联机手册研究问题与未来发展研究问题与未来发展未来研究问题关于Hypertext向Hypermedia的发展数据模型问题：WWW与开放超媒体浏览、检索问题：动态链与个性化浏览多媒体综合集成的软插件：XODWeb信息空间可视化问题Hypermedia与Expertext支持协同工作问题标准化问题Web系统分布式超媒体系统WWW1990年，位于日内瓦的欧洲量子物理实验室CERN的物理学家与工程技术人员为了能与其他研究机构协作探讨高能物理研究的最新成果，建立了环球信息网（WorldWideWeb)。随后成为Internet最佳的信息检索体系结构。WWW采用C/S体系结构，支持可以通过Internet进行访问的分布式超文本。客户端软件称为Web浏览器（WebBrowser），负责向服务器提出请求、解释和定位资源，利用URL统一管理网络上的所有资源。服务器端称为Web服务器，负责将多媒体信息集成起来，根据客户的请求进行相应的回答，以统一的格式传送给客户端。Web系统的结构表现层：用户接口层超文本抽象机层：存储节点和链超文本信息库层：存储数据，共享数据和网络访问WWW中的超媒体协议与标记语言HTTPHTMLXMLHTTP协议客户服务器建立TCP/IP连接客户服务器发送请求消息客户服务器发送响应消息客户服务器关闭连接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(or

mouseover)WIDTH=?HEIGHT=?VSPACE=?HSPACE=?LOOP=?><IMGdynsre="user．flc"START=fileopen(or

mouseover) 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浏览器改变文档的表现形式，从而不再需要与服务器进行交互通信Xlink

Xlink允许链接XML文件，它允许多个链接目标以及其他先进的特性，而且较HTML的链接机制有更强大的功能动态网页生成技术

ASP（ActiveServerPages）PHP(PersonalHypertextPreprocessor)JSP(JavaServerPages)

ASPASP内含于IIS(MicrosoftInternetInformationServer)当中，提供一个服务器端的脚本运行环境。Web服务器会自动将ASP的程序码解释为标准HTML格式的主页内容，在用户端的浏览器上显示出来。用户端使用可执行HTML码的浏览器，即可浏览。ASP无需编译即可解释执行。可以通过ActiveX服务器来扩充功能，ActiveX服务器组件可使用VB，Java，C++，COBOL等语言来实现。它还可以通过插入方式，使用由第三方提供的其他脚本语言，例如Perl语言。它的源程序不会下载到用户浏览器，可以保护源程序。下载到用户浏览器的是ASP执行结果的HTML码。ASP只能运行于微软的服务器产品上，其功能有限，必须通过ASP+COM的组合来扩充。在UNIX通过插件可以支持ASP，但是UNIX下的COM实现十分困难。

PHPPHP是一种跨平台的服务器端的嵌入式脚本语言。它大量地借用C、Java、和Perl语言的语法，并结合PHP自己的特性，使Web开发者能