第7章超媒體與Web系統(tǒng)本章內(nèi)容7.1超媒體系統(tǒng)的組成7.2Web超媒體系統(tǒng)7.3智能超媒體系統(tǒng)7.4Web搜索技術(shù)傳統(tǒng)信息存儲和檢索不能適應大數(shù)據(jù)互聯(lián)網(wǎng)沒出現(xiàn)之前，如何查文獻？7.1超媒體系統(tǒng)的組成1、去圖書館2、圖書館找相應的圖書分類號3、找到圖書開始閱讀：

文本在組織上是線性的和順序的。這種線性結(jié)構(gòu)體現(xiàn)在你讀文本時只能按固定的線性順序一字一字、一行一行、一頁一頁地讀下去。需要一種工具建立數(shù)據(jù)間的鏈接關(guān)系某學科的專家不可能掌握改學科的全部知識普遍聯(lián)系的原則：信息之間存在這樣或那樣的聯(lián)系美國作家D.Pember在“Massmedia”（大眾傳播媒介）一文中描寫到：“我們可能已經(jīng)發(fā)現(xiàn)了種治療癌癥或心臟病的方法，我們可能已經(jīng)找到擺脫時空限制的途徑，我們可能……，這種種問題的答案細分為成百上千上部分，以點滴信息的形式分散在世界各地，有待于搜索起來、聯(lián)系起來。”7.1超媒體系統(tǒng)的組成人的聯(lián)想能力有助于提高信息利用率對聯(lián)想記憶的探索形成了人類思維的概念化的基礎(chǔ)。同一個人、同樣的文化和受教育的背景太陽夏天星星天文望遠鏡伽利略比薩斜塔佛教舍利和尚光頭游泳夏天大海魚吃飯飯盒餐具銀器耳環(huán)婚禮婚紗白雪7.1超媒體系統(tǒng)的組成借鑒人腦的思維，創(chuàng)立了超文本7.1超媒體系統(tǒng)的組成超文本（Hypertext）一種信息管理技術(shù),一種電子文獻形式；文本最顯著的特點是它在信息組織上是線性的和順序的；超文本結(jié)構(gòu)采用一種非線性的網(wǎng)狀結(jié)構(gòu)組織塊狀信息,沒有固定的順序超文本（Hypertext）超文本（Hypertext）超文本是一種信息管理技術(shù),它以節(jié)點作為基本單位。這種節(jié)點要比字符高出一層次。抽象地說,它可以是一個信息塊;具體地說,它可以是某一字符文本集合,也可是屏幕中某一大小的顯示區(qū)。節(jié)點的大小由實際條件決定,在信息組織方面,則是用鏈把節(jié)點造成網(wǎng)狀結(jié)構(gòu),即非線性文結(jié)構(gòu)。7.1超媒體系統(tǒng)的組成

超文本的結(jié)構(gòu)不是順序的它類似于人類的聯(lián)想記憶結(jié)構(gòu)，采用一種非線性的網(wǎng)狀結(jié)構(gòu)：

7.1超媒體系統(tǒng)的組成超文本的概念

A節(jié)點B節(jié)點C節(jié)點D節(jié)點E節(jié)點F節(jié)點6個節(jié)點和9條鏈組成的超文本結(jié)構(gòu)

沒有固定的順序，也不要求讀者必須按某個順序來閱讀。

用戶可以主動地決定閱讀節(jié)點的順序。超文本的特點7.1超媒體系統(tǒng)的組成超文本雛形—概念產(chǎn)生時期鼻祖:美國著名科學家V.Bush(1890-1974)1945，“AsWeMayThink”，《大西洋月刊》Memex(Memoryexender的縮寫,即存儲擴充器)設想（1932年和1933提出）；7.1超媒體系統(tǒng)的組成超文本雛形提出設想的原因科學信息量迅速增長：他擔心即使是某一門學科的專家也不可能跟蹤該學科的發(fā)展情況。200多年來印刷技術(shù)沒有什么突破性的進展，有關(guān)共享與表現(xiàn)信息的方法也很少，不敷應用。檢索困難：當要查找某一信息時，要遍歷所有對象逐一查找，信息的定位繁瑣；7.1超媒體系統(tǒng)的組成超文本雛形Memex是什么？一種專門存儲書籍、檔案和信件的設備；是機械的。組成與結(jié)構(gòu)信息存在縮微膠片中；有一個掃描器輸入新的資料；可以在頁邊用手加注釋和說明。元素之間鏈連成對，任意元素都可以隨意、迅速而且自動地選擇另一元素7.1超媒體系統(tǒng)的組成超文本雛形《時代》和《生活》刊登了Memex模型問題？Bush早期計算機專家的為什么不采用計算機？7.1超媒體系統(tǒng)的組成14具體示例１假設有一位總經(jīng)理，他自己有電子記事本，他的秘書根據(jù)他與外商談判的材料按照超文本的結(jié)構(gòu)形式組織好了有關(guān)材料供總經(jīng)理使用。下面借助于下圖來說明。15某人的電子記事本：16早期超文本系統(tǒng)的表現(xiàn)形式僅是文字的，這就是它被稱為“TEXT”的原因。超媒體不僅可以包含文字，而且還可以包含聲音、圖形、圖像、動畫和視頻片段，這些媒體之間也是用超級鏈接組織的，而且它們之間的鏈接也是錯綜復雜的。7.1超媒體系統(tǒng)的組成超文本到超媒體的演進引入超媒體綜上所述信息爆炸（甚至連該學科的專家也不能全部掌握）與信息垃圾；多媒體化；網(wǎng)絡化、分布化；信息間相互關(guān)系之復雜；迫切需要一種技術(shù)或工具，高效地管理信息，并建立起信息之間的關(guān)聯(lián)。7.1超媒體系統(tǒng)的組成18超文本與超媒體的應用

隨著多媒體技術(shù)的發(fā)展，超文本與超媒體技術(shù)，具有廣闊的應用前景。超文本與超媒體組織和管理信息方式符合人們的“聯(lián)想”思維習慣。適合于非線性的數(shù)據(jù)組織形式，以它獨特的表現(xiàn)方式，得到了廣泛的應用。

7.1超媒體系統(tǒng)的組成19超文本與超媒體的示例

操作系統(tǒng)Windows中的“幫助”就使用了超文本的方式電子百科全書教學應用的CAI旅游信息、軟件工程20個人學習、工作輔助與辦公自動化

超文本與超媒體應用于辦公自動化中，改變了人們傳統(tǒng)的工作方式和思維習慣，提供人們更為形象、直觀的工作環(huán)境，極大地提高了工作的效益和效率。

7.1超媒體系統(tǒng)的組成21商業(yè)展示、產(chǎn)品廣告和指南超媒體化的產(chǎn)品和廣告、單位的形象介紹、展覽會的展示、旅游和飯店的指南、機場和車站的查詢機等都為用戶提供了一種很好的展示方式。7.1超媒體系統(tǒng)的組成GE智能電網(wǎng)超媒體視頻23４．娛樂（音樂、小說、電影）和休閑

超媒體的神化故事、偵探小說、報紙和刊物、家庭菜譜、電子游戲等，為家庭休閑和娛樂開辟了新的途徑。7.1超媒體系統(tǒng)的組成24

“交互式小說”和“交互式電影”，用超媒體組織素材，由讀者和觀眾自己編輯，按自己的愛好和愿望去改變主人翁的命運和結(jié)局。7.1超媒體系統(tǒng)的組成娛樂（音樂、小說、電影）和休閑

超文本/超媒體與其它信息技術(shù)的關(guān)系多媒體、數(shù)據(jù)庫與超文本/超媒體多媒體超文本數(shù)據(jù)庫超媒體超文本數(shù)據(jù)庫超媒體數(shù)據(jù)庫多媒體數(shù)據(jù)庫7.1超媒體系統(tǒng)的組成超文本/超媒體與其它信息技術(shù)的關(guān)系交互式多媒體與超文本/超媒體一種觀點認為超文本/超媒體是一種人機交互技術(shù)交互多媒體超媒體超文本7.1超媒體系統(tǒng)的組成超媒體系統(tǒng)組成7.1超媒體系統(tǒng)的組成節(jié)點超文本/超媒體是由節(jié)點構(gòu)成的信息網(wǎng)絡，每個節(jié)點包含一個特定主題的信息，節(jié)點的大小視主題而一。表現(xiàn)形式基于框架的節(jié)點：節(jié)點內(nèi)容固定尺寸基于窗口的節(jié)點：對信息容量沒有限制7.1超媒體系統(tǒng)的組成節(jié)點的分類按媒體類型分類文本節(jié)點圖形、圖象節(jié)點聲音節(jié)點視頻節(jié)點數(shù)據(jù)庫節(jié)點命令（按鈕）節(jié)點混合節(jié)點7.1超媒體系統(tǒng)的組成節(jié)點的分類按結(jié)構(gòu)分類原子節(jié)點組合節(jié)點按狀態(tài)分類動態(tài)節(jié)點靜態(tài)節(jié)點7.1超媒體系統(tǒng)的組成鏈鏈定義了超文本/超媒體的結(jié)構(gòu)，提供了瀏覽、查詢節(jié)點的能力，因此鏈是超文本/超媒體的靈魂。顯示與隱式表示明確的鏈源和鏈宿動態(tài)檢索與計算方向性單向鏈雙向鏈7.1超媒體系統(tǒng)的組成鏈鏈類型一對多關(guān)系、多對一關(guān)系多對多關(guān)系懸空鏈：有源無宿組合方式線性鏈樹狀層次鏈無環(huán)網(wǎng)塊狀結(jié)構(gòu)任意網(wǎng)7.1超媒體系統(tǒng)的組成鏈7.1超媒體系統(tǒng)的組成按鈕、熱標和錨按鈕：可視化鏈源熱標：確定信息關(guān)聯(lián)的鏈源熱字熱區(qū)熱元熱點錨：鏈的端點源錨目的錨7.1超媒體系統(tǒng)的組成Web超媒體系統(tǒng)分布式超媒體系統(tǒng)WWW1990年，位于日內(nèi)瓦的歐洲量子物理實驗室CERN的物理學家與工程技術(shù)人員為了能與其他研究機構(gòu)協(xié)作探討高能物理研究的最新成果，建立了環(huán)球信息網(wǎng)（WorldWideWeb)。37WWW中的超文本和超媒體

Internet提供了世界范圍內(nèi)網(wǎng)絡互連和通信功能。

它以基于客戶/服務器的工作方式，通過超文本文獻，把全世界不同地點服務器的相關(guān)信息有機地結(jié)合了起來。服務器瀏覽器用戶界面層又稱為表現(xiàn)層，它構(gòu)成超文本系統(tǒng)特殊性的重要表現(xiàn)，涉及超文本抽象機層中信息的表現(xiàn)超文本抽象機層決定了超文本系統(tǒng)結(jié)點和鏈的基本特點，記錄了結(jié)點之間鏈的關(guān)系，并保存了有關(guān)結(jié)點和鏈的結(jié)構(gòu)信息。數(shù)據(jù)庫層提供存儲、共享數(shù)據(jù)和網(wǎng)絡訪問功能。系統(tǒng)的結(jié)構(gòu)與模型用戶接口層超媒體抽象機層數(shù)據(jù)庫層39WWW的客戶程序成為瀏覽器運行在客戶機上，利用超文本傳輸協(xié)議向服務器發(fā)出請求，訪問服務器上的超文本和超媒體信息，并在客戶端上以多媒體的形式表現(xiàn)出來。通信的兩個協(xié)議：超文本傳輸協(xié)議(HyperTextTransferProtocol,HTTP)，提供聯(lián)絡方式及信息傳送格式。超文本標記語言(HyperTextMarkupLanguage,HTML)，提供表現(xiàn)界面與超文本鏈接的標記語言。

WWW中的超媒體協(xié)議與標記語言HTTPHTMLXMLHTTP協(xié)議客戶服務器建立TCP/IP連接客戶服務器發(fā)送請求消息客戶服務器發(fā)送響應消息客戶服務器關(guān)閉連接42超文本傳輸協(xié)議HTTPHTTP協(xié)議運行在客戶程序和服務器程序中。不同端系統(tǒng)上的客戶程序和服務器程序通過交換HTTP消息彼此交流。HTTP定義Web客戶(即瀏覽器)如何從web服務器請求Web頁面，以及服務器如何把Web頁面?zhèn)魉徒o客戶。43HTTP消息請求消息示例：GET/hypertext/www/TheProject.htmlHTTP/1.0方法協(xié)議宿主名目錄與文件名協(xié)議版本客戶發(fā)出消息服務器響應消息HTML語言基本結(jié)構(gòu)HTML語言編寫的網(wǎng)頁超文本信息按多級標題結(jié)構(gòu)進行組織，其結(jié)構(gòu)如下：<HTML><HEAD><TITLE>標題名</TITLE></HEAD><BODY><H1>一級標題名</H1>

……Web頁主體</BODY></HTML>HTML語言超文本標記方法

<標記名>數(shù)據(jù)</標記名>

字體黑體<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語言超文本標記方法

文本鏈接可通過點擊文本檢索瀏覽另一超文本網(wǎng)頁。<AHREF＝"Art.html">ClickHereforArt．</A>

HTML語言超文本標記方法圖像鏈接可通過點擊一幅圖像從而跳到另一超文本網(wǎng)頁。<AHREF＝"dog.html"><IMGSRC="Dog1.gif"></A>

HTML語言超文本標記方法

FTP和Email鏈接在HTML頁面中可實現(xiàn)與FTP和Email系統(tǒng)的鏈接。例如，通過點擊“GetFreeware”和“Mailtome．”實現(xiàn)與FTP和Email系統(tǒng)的鏈接：<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為垂直、水平空格數(shù)。

HTML語言多媒體信息標記方式音頻HTML中可指定背景音樂，例如：<BGSoundSRC="Path/Filename.WAV"Loop=#>#為循環(huán)次數(shù)。還可以利用鏈接啟動聲音。例如，若當用戶單擊文本linktext后，聲音才能播放：<AHREF="Path/Filenam/>linktext</A>HTML語言多媒體信息標記方式視頻與動畫<IMGdynsrc="user．a(chǎn)vi"START=fileopen(ormouseover)WIDTH=?HEIGHT=?VSPACE=?HSPACE=?LOOP=?><IMGdynsre="user．flc"START=fileopen(ormouseover) WIDTH=?HEIGHT=?VSPACE=?HSPACE=?LOOP=?>除了dynsrc屬性，其他屬性都可以缺省。START＝fileopen表示W(wǎng)eb頁一被裝入便播放；START＝mouseover表示鼠標從該區(qū)域滑過才播放。

HTML語言多媒體信息標記方式

Web頁中背景的實現(xiàn)用圖像填充背景，格式為：<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月正式公布的網(wǎng)絡超文本的標記語言，是由W3C的XML工作小組所定義的。它和HTML一樣，是SGML的一個子集。XML兼取HTML和SGML之長，既通用全面又簡明清晰，并具有很強的可伸縮性和靈活性。數(shù)據(jù)搜索引擎簡單高效XML還具有遵循嚴格的語法要求、便于不同系統(tǒng)之間信息的傳輸、有較好的保值性等優(yōu)點。

XML語言由于XML能針對特定的應用定義自己的標記語言，XML本身僅僅是表達數(shù)據(jù)的一種規(guī)范，與具體的應用行業(yè)制定不同的數(shù)據(jù)規(guī)范相結(jié)合才能體現(xiàn)其強大的生命力。XML的應用分支越來越廣泛，可以說根本地改變了網(wǎng)絡世界的信息交流方式。其應用涉及科學計算（數(shù)學標記語言MathML）、網(wǎng)絡多媒體（同步多媒體集成語言SMIL）、電子出版（開放電子書標準OpenE-book）、無線通信（無線應用規(guī)范WAP）等領(lǐng)域，它還是電子商務（電子數(shù)據(jù)交換XML/EDI和微軟的Biztalk）的數(shù)據(jù)接口規(guī)范中的基礎(chǔ)。

XML語言XML主要有3個要素：文檔定義（DTD/XMLSchema）文檔定義描述了XML文件的邏輯結(jié)構(gòu)，定義了XML文件中的元素、元素的屬性以及元素的屬性之間的關(guān)系，它可以幫助XML的分析程序校驗XML文件標記的合法性XSLXSL是用于規(guī)定XML文檔樣式的語言，它能在客戶端使Web瀏覽器改變文檔的表現(xiàn)形式，從而不再需要與服務器進行交互通信XlinkXlink允許鏈接XML文件，它允許多個鏈接目標以及其他先進的特性，而且較HTML的鏈接機制有更強大的功能Web系統(tǒng)的關(guān)鍵技術(shù)基本結(jié)構(gòu)Web服務器客戶機用戶請求（http協(xié)議）服務器響應(html)擴展結(jié)構(gòu)網(wǎng)絡服務器站點鏡像代理服務器

Web緩存系統(tǒng)的關(guān)鍵問題Web緩存可以顯著改善Web系統(tǒng)的服務性能。降低網(wǎng)絡流量、緩解網(wǎng)絡阻塞減少了用戶訪問延時減少了遠程Web服務器的工作負荷加強Web服務的強壯性Web緩存系統(tǒng)的關(guān)鍵問題緩存系統(tǒng)可能會出現(xiàn)下述缺點：由于缺乏合適的緩存代理更新，用戶也許查看的是陳舊的數(shù)據(jù)；由于額外的代理處理，訪問延時在緩存中查不到目標數(shù)據(jù)的情況下可能增加；一個單一的代理總是系統(tǒng)服務的瓶頸，針對一個代理所服務的客戶數(shù)應該有所限制；使用代理緩存會減少原遠程服務器的點擊率從而引起多數(shù)信息提供者的失望，因為他們不能維持對他們頁面點擊的管理。

64附：html與xml1

HTML概述

HTML是一種文本類、解釋執(zhí)行、用來制作超文本文件的簡單標記語言。一個HTML文擋通常由文檔頭、文檔名稱、表格、段落和列表等文檔元素構(gòu)成，并且使用HTML規(guī)定的標記來標記這些元素。

HTML的專長是將文件數(shù)據(jù)顯示在瀏覽器中，它提供了很多與顯示內(nèi)容有關(guān)的標記，這些標記都是系統(tǒng)定義的，用戶無法自定義所要的標記。就一般的使用，HTML所提供的標記還是夠用的，而且目前市面上很多網(wǎng)頁制作軟件，均支持HTML的文件格式。2

HTML文檔結(jié)構(gòu)<html>

<head>

<title>……</title>

</head>

<body>

正文內(nèi)容

</body></html>告訴瀏覽器HTML文件開始和結(jié)束<html>…</html>HTML文件的頭部標記<head>…</head><body>…</body>HTML文件的主體標記<title>…</title>文檔名稱標記HTML文檔基本結(jié)構(gòu)：3

鏈接標記連接是指將文檔中的文本或者圖像與另一個文檔、文檔的一部分或者另一幅圖像等內(nèi)容鏈接在一起。在HTML中，鏈接的基本格式是：<ahref=”URL地址“>鏈接名</a>屬性href是不可缺少的，其值可以是URL形式或mailto形式。例如：<ahref="">歡迎光臨清毅盲人網(wǎng)</a>

超鏈接的三種類型：內(nèi)部鏈接：指向文檔內(nèi)部的鏈接外部鏈接：指向非本地服務器上的文檔的鏈接本地鏈接：指向本地服務器或計算機中文檔的鏈接4

多媒體標記插入圖像(1)內(nèi)聯(lián)圖象內(nèi)聯(lián)圖像是指與Web網(wǎng)頁中的文本一起下載和顯示的圖像，表現(xiàn)為文本和圖像顯示在同一網(wǎng)頁上，在HTML文檔中插入圖像文件的格式如下:<imgsrc="URL地址"align=""border=""width=""height=""alt="">…</img>例1<html><head><title>插入內(nèi)聯(lián)圖像</title></head><h1>內(nèi)聯(lián)圖像</h1><body><imgsrc="7-1.jpg"align=leftborder=5width=250height=200></body></html>例1：內(nèi)聯(lián)圖像運行結(jié)果4

多媒體標記(２)外聯(lián)圖像當內(nèi)聯(lián)圖像很大時，瀏覽網(wǎng)頁時就需要花很長的時間來下載圖片。解決這個問題的辦法是用文字或小的內(nèi)聯(lián)圖像來代表大圖像，而把大圖像當作一個單獨的文檔，再把文字或者圖標與大圖像鏈接在一起，當用鼠標單擊這個鏈接后，大圖像顯示在另一個窗口中，這種圖像就稱為外聯(lián)圖像鏈接外聯(lián)圖像可以使用下面的語句：<ahref="URL地址">…</a>例２<html>

<head> <title>插入外聯(lián)圖象</title>

</head>

<h1>外聯(lián)圖象</h1>

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

</body></html>例2：外聯(lián)圖像運行結(jié)果4

多媒體標記(3)圖像作為網(wǎng)頁的背景例3使用圖像作為網(wǎng)頁背景可使用下面的語句：<bodybackground="URL地址">background屬性指定圖像文件，其值為背景圖像的URL地址。瀏覽器將其平鋪，布滿整個網(wǎng)頁。<ht