超媒體與Web系統(tǒng)

超媒體與Web系統(tǒng)人的思維特性對聯(lián)想記憶的探索形成了人類思維的概念化的基礎(chǔ)。同一個人、同樣的文化和受教育的背景太陽夏天星星天文望遠(yuǎn)鏡伽利略比薩斜塔佛教舍利和尚光頭游泳夏天大海魚吃飯飯盒餐具銀器耳環(huán)婚禮婚紗白雪人的思維特性信息是一種客觀存在的物質(zhì)普遍聯(lián)系的原則：信息之間存在這樣或那樣的聯(lián)系美國作家D.Pember在“Massmedia”（大眾傳播媒介）一文中描寫到：“我們可能已經(jīng)發(fā)現(xiàn)了種治療癌癥或心臟病的方法，我們可能已經(jīng)找到擺脫時空限制的途徑，我們可能……，這種種問題的答案細(xì)分為成百上千上部分，以點(diǎn)滴信息的形式分散在世界各地，有待于搜索起來、聯(lián)系起來。”信息的關(guān)聯(lián)特性抽象與具體關(guān)聯(lián)：人對客觀世界的認(rèn)知過程，總是由具體到抽象，又由抽象到具體，循環(huán)反復(fù)、螺旋上升，因此抽象與具體之間存在本質(zhì)的聯(lián)系。信息也有抽象與具體之分：文字、圖像、視頻；信息間同樣存在抽象與具體的聯(lián)系；信息的關(guān)聯(lián)特性時間關(guān)聯(lián)信息表現(xiàn)上需要時間；任何媒體都要給接收者一定的接收時間；時間合成的概念：在時間關(guān)系的基礎(chǔ)上實(shí)現(xiàn)各信息對象之間的同步；信息的時間屬性；該屬性確定了該信息對象所處的時間坐標(biāo)點(diǎn)。如年代（從遠(yuǎn)古到現(xiàn)在）、季節(jié)、天氣、晝夜等信息的關(guān)聯(lián)特性空間關(guān)聯(lián)表現(xiàn)空間，尤其是指顯示空間安排；確定多個信息之間在顯示空間上位置變換和安排；包括顯示位置、顯示形式、先后關(guān)系等合成關(guān)系；信息之間相互的空間關(guān)系將信息空間進(jìn)行有序的組織；空間“上下文”關(guān)系；與時間特性結(jié)合，構(gòu)成時空上下文關(guān)聯(lián)，反映對象信息的全貌。信息的關(guān)聯(lián)特性引入超媒體綜上所述信息爆炸（甚至連該學(xué)科的專家也不能全部掌握）與信息垃圾；多媒體化；網(wǎng)絡(luò)化、分布化；信息間相互關(guān)系之復(fù)雜；迫切需要一種技術(shù)或工具，高效地管理信息，并建立起信息之間的關(guān)聯(lián)。超文本與超媒體的概念超文本（Hypertext）超文本（Hypertext）一種信息管理技術(shù),一種電子文獻(xiàn)形式；文本最顯著的特點(diǎn)是它在信息組織上是線性的和順序的；超文本結(jié)構(gòu)采用一種非線性的網(wǎng)狀結(jié)構(gòu)組織塊狀信息,沒有固定的順序超文本（Hypertext）超文本（Hypertext）超文本是一種信息管理技術(shù),它以節(jié)點(diǎn)作為基本單位。這種節(jié)點(diǎn)要比字符高出一層次。抽象地說,它可以是一個信息塊;具體地說,它可以是某一字符文本集合,也可是屏幕中某一大小的顯示區(qū)。節(jié)點(diǎn)的大小由實(shí)際條件決定,在信息組織方面,則是用鏈把節(jié)點(diǎn)造成網(wǎng)狀結(jié)構(gòu),即非線性文結(jié)構(gòu)。超媒體（Hypermedia）超媒體（Hypermedia）:多媒體超文本節(jié)點(diǎn)中的數(shù)據(jù)不僅僅可以是文字,而且可以是圖形、圖像、聲音、動畫、動態(tài)視頻，甚至計算機(jī)程序或它們的組合；成為支持多媒體信息管理的天然技術(shù)；為強(qiáng)調(diào)系統(tǒng)是多媒體的而引入“超媒體”多媒體超文本；超媒體與超文本復(fù)雜的多超文本/超媒體與其它信息技術(shù)的關(guān)系多媒體、數(shù)據(jù)庫與超文本/超媒體多媒體超文本數(shù)據(jù)庫超媒體超文本數(shù)據(jù)庫超媒體數(shù)據(jù)庫多媒體數(shù)據(jù)庫超文本/超媒體與其它信息技術(shù)的關(guān)系交互式多媒體與超文本/超媒體一種觀點(diǎn)認(rèn)為超文本/超媒體是一種人機(jī)交互技術(shù)交互多媒體超媒體超文本超文本/超媒體的發(fā)展歷史超文本雛形—概念產(chǎn)生時期鼻祖:美國著名科學(xué)家V.Bush(1890-1974)1945，“AsWeMayThink”，《大西洋月刊》Memex(Memory

exender的縮寫,即存儲擴(kuò)充器)設(shè)想（1932年和1933提出）；超文本雛形提出設(shè)想的原因科學(xué)信息量迅速增長：他擔(dān)心即使是某一門學(xué)科的專家也不可能跟蹤該學(xué)科的發(fā)展情況。200多年來印刷技術(shù)沒有什么突破性的進(jìn)展，有關(guān)共享與表現(xiàn)信息的方法也很少，不敷應(yīng)用。檢索困難：當(dāng)要查找某一信息時，要遍歷所有對象逐一查找，信息的定位繁瑣；超文本雛形Memex是什么？一種專門存儲書籍、檔案和信件的設(shè)備；是機(jī)械的。組成與結(jié)構(gòu)信息存在縮微膠片中；有一個掃描器輸入新的資料；可以在頁邊用手加注釋和說明。元素之間鏈連成對，任意元素都可以隨意、迅速而且自動地選擇另一元素超文本雛形《時代》和《生活》刊登了Memex模型問題？Bush早期計算機(jī)專家的為什么不采用計算機(jī)？超文本雛形—概念系統(tǒng)的研究時期先驅(qū)者DougEngelbart受Bush的影響斯坦福研究所開展Augment課題AugmentHumanIntellect擴(kuò)展人類智力開發(fā)一個計算機(jī)系統(tǒng)幫助人類思維超文本雛形先驅(qū)者DougEngelbart實(shí)驗(yàn)工具NLS(oN-LineSystem，聯(lián)機(jī)系統(tǒng))1968年，在美國秋季聯(lián)合計算機(jī)會議上作了精彩的表演；他利用NLS與500英里外的同事一起建立一超文本文獻(xiàn)。有些人認(rèn)是Engelbart發(fā)明了超文本超文本概念的產(chǎn)生

TedNelson杜撰了“超文本”1960年，畢業(yè)后又回到哈佛大學(xué)進(jìn)修“計算機(jī)程序設(shè)計”；他提出了一“文本處理”系統(tǒng)作為課程設(shè)計題目；超文本概念的產(chǎn)生

TedNelson杜撰了“超文本”60年代末應(yīng)布朗大學(xué)邀請共同研究超文本問題；提出了Xanadu系統(tǒng)的設(shè)想，撰寫超文本研究專著“Xanadu”；“Xanadu”:源于SamuelTaylorColeridge的詩歌“KublaKhan”(《成吉思漢》)中“文字記憶的魔地”。超文本概念的產(chǎn)生

TedNelson杜撰了“超文本”Xanadu的基本想法：任何人任何時候所寫的東西都可以存儲在通用的超文本中。Nelson把超文本看作是一種文字媒介,他認(rèn)為:“任何事物都有很深的聯(lián)系”,因此可以把它們連在一起。1990年以來,Xanadu的部分內(nèi)容已在實(shí)際中發(fā)揮作用,并由Xanadu實(shí)業(yè)公司生產(chǎn)。問題：容量、版權(quán)、復(fù)雜關(guān)系管理。1992年失去經(jīng)濟(jì)資助，現(xiàn)在日本繼續(xù)Xanadu的研究著名的早期系統(tǒng)1968年，布朗大學(xué)研制成功了“超文本編輯系統(tǒng)”，它是世界上第一個工作的超文本系統(tǒng)。1968年，布朗大學(xué)研制的第二個超文本系統(tǒng)是FRESS(文件檢索與編輯系統(tǒng))。麻省理工學(xué)院建筑機(jī)械組研制AspenMovieMap(白楊城影片地圖)，第一個超媒體系統(tǒng)。Xerox公司的NoteCards、布郎大學(xué)的Intermedia、OWL公司的Guide和蘋果公司的HyperCard等多個商品化的超文本系統(tǒng)。新的起點(diǎn)—19871987年，在北卡羅來納大學(xué)召開了第一次國際ACM超文本技術(shù)研討會；繼超文本’87后，每年召開一次國際交流會；1989年第一個專門的超文本雜志“超媒體”誕生；1990年1月在美國召開超文本標(biāo)準(zhǔn)化討論會；1990年底，ACM專門成立了超文本興趣小組SIGLINK。90年代—向廣度和深度發(fā)展WWW—日內(nèi)瓦歐洲物理研究中心Tim，分布式超媒體系統(tǒng)，“紅遍全世界”新一代超媒體系統(tǒng)Hyper-G，基于Web動態(tài)超媒體系統(tǒng)；開放超媒體體系超媒體系統(tǒng)組成用戶界面層又稱為表現(xiàn)層，它構(gòu)成超文本系統(tǒng)特殊性的重要表現(xiàn)，涉及超文本抽象機(jī)層中信息的表現(xiàn)超文本抽象機(jī)層決定了超文本系統(tǒng)結(jié)點(diǎn)和鏈的基本特點(diǎn)，記錄了結(jié)點(diǎn)之間鏈的關(guān)系，并保存了有關(guān)結(jié)點(diǎn)和鏈的結(jié)構(gòu)信息。數(shù)據(jù)庫層提供存儲、共享數(shù)據(jù)和網(wǎng)絡(luò)訪問功能。系統(tǒng)的結(jié)構(gòu)與模型用戶接口層超媒體抽象機(jī)層數(shù)據(jù)庫層節(jié)點(diǎn)超文本/超媒體是由節(jié)點(diǎn)構(gòu)成的信息網(wǎng)絡(luò)，每個節(jié)點(diǎn)包含一個特定主題的信息，節(jié)點(diǎn)的大小視主題而一。表現(xiàn)形式基于框架的節(jié)點(diǎn)：節(jié)點(diǎn)內(nèi)容固定尺寸基于窗口的節(jié)點(diǎn)：對信息容量沒有限制節(jié)點(diǎn)的分類按媒體類型分類文本節(jié)點(diǎn)圖形、圖象節(jié)點(diǎn)聲音節(jié)點(diǎn)視頻節(jié)點(diǎn)數(shù)據(jù)庫節(jié)點(diǎn)命令（按鈕）節(jié)點(diǎn)混合節(jié)點(diǎn)節(jié)點(diǎn)的分類按結(jié)構(gòu)分類原子節(jié)點(diǎn)組合節(jié)點(diǎn)按狀態(tài)分類動態(tài)節(jié)點(diǎn)靜態(tài)節(jié)點(diǎn)鏈鏈定義了超文本/超媒體的結(jié)構(gòu)，提供了瀏覽、查詢節(jié)點(diǎn)的能力，因此鏈?zhǔn)浅谋?超媒體的靈魂。顯示與隱式表示明確的鏈源和鏈宿動態(tài)檢索與計算方向性單向鏈雙向鏈鏈鏈類型一對多關(guān)系、多對一關(guān)系多對多關(guān)系懸空鏈：有源無宿組合方式線性鏈樹狀層次鏈無環(huán)網(wǎng)塊狀結(jié)構(gòu)任意網(wǎng)鏈鏈有類型的鏈：導(dǎo)航鏈、推理鏈和計算鏈導(dǎo)航鏈說明鏈注釋鏈相關(guān)鏈概括鏈詳解鏈實(shí)例鏈抽象鏈鏈有類型的鏈：導(dǎo)航鏈、推理鏈和計算鏈導(dǎo)航鏈等價鏈相似鏈相反鏈參考鏈補(bǔ)充鏈評價鏈備忘鏈修正鏈鏈有類型的鏈：導(dǎo)航鏈、推理鏈和計算鏈推理鏈條件鏈原因鏈目的鏈假設(shè)鏈計算鏈查詢語言算法描述修正鏈按鈕、熱標(biāo)和錨按鈕：可視化鏈源熱標(biāo)：確定信息關(guān)聯(lián)的鏈源熱字熱區(qū)熱元熱點(diǎn)錨：鏈的端點(diǎn)源錨目的錨導(dǎo)航與瀏覽全景圖索引表歷史記錄書簽檢索機(jī)制線索作者與讀者作者：編輯與瀏覽讀者：瀏覽與批注，IE瀏覽器超文本/超媒體的應(yīng)用應(yīng)用科學(xué)教育百科全書詞典教育系統(tǒng)辦公系統(tǒng)企業(yè)企業(yè)及產(chǎn)品介紹輔助設(shè)計與生產(chǎn)企業(yè)信息管理應(yīng)用新聞出版電子新聞光盤出版物寫作商業(yè)娛樂游戲信息查詢地理信息管理聯(lián)機(jī)手冊研究問題與未來發(fā)展研究問題與未來發(fā)展未來研究問題關(guān)于Hypertext向Hypermedia的發(fā)展數(shù)據(jù)模型問題：WWW與開放超媒體瀏覽、檢索問題：動態(tài)鏈與個性化瀏覽多媒體綜合集成的軟插件：XODWeb信息空間可視化問題Hypermedia與Expertext支持協(xié)同工作問題標(biāo)準(zhǔn)化問題Web系統(tǒng)分布式超媒體系統(tǒng)WWW1990年，位于日內(nèi)瓦的歐洲量子物理實(shí)驗(yàn)室CERN的物理學(xué)家與工程技術(shù)人員為了能與其他研究機(jī)構(gòu)協(xié)作探討高能物理研究的最新成果，建立了環(huán)球信息網(wǎng)（WorldWideWeb)。隨后成為Internet最佳的信息檢索體系結(jié)構(gòu)。WWW采用C/S體系結(jié)構(gòu)，支持可以通過Internet進(jìn)行訪問的分布式超文本?？蛻舳塑浖Q為Web瀏覽器（WebBrowser），負(fù)責(zé)向服務(wù)器提出請求、解釋和定位資源，利用URL統(tǒng)一管理網(wǎng)絡(luò)上的所有資源。服務(wù)器端稱為Web服務(wù)器，負(fù)責(zé)將多媒體信息集成起來，根據(jù)客戶的請求進(jìn)行相應(yīng)的回答，以統(tǒng)一的格式傳送給客戶端。Web系統(tǒng)的結(jié)構(gòu)表現(xiàn)層：用戶接口層超文本抽象機(jī)層：存儲節(jié)點(diǎn)和鏈超文本信息庫層：存儲數(shù)據(jù)，共享數(shù)據(jù)和網(wǎng)絡(luò)訪問WWW中的超媒體協(xié)議與標(biāo)記語言HTTPHTMLXMLHTTP協(xié)議客戶服務(wù)器建立TCP/IP連接客戶服務(wù)器發(fā)送請求消息客戶服務(wù)器發(fā)送響應(yīng)消息客戶服務(wù)器關(guān)閉連接HTML語言基本結(jié)構(gòu)HTML語言編寫的網(wǎng)頁超文本信息按多級標(biāo)題結(jié)構(gòu)進(jìn)行組織，其結(jié)構(gòu)如下：<HTML><HEAD><TITLE>標(biāo)題名</TITLE></HEAD><BODY><H1>一級標(biāo)題名</H1>……Web頁主體</BODY></HTML>HTML語言超文本標(biāo)記方法

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

字體黑體<B>文本</B>斜體<I>文本</I>下劃線<U>文本</U>打字體<TT>文本</TT>HTML語言超文本標(biāo)記方法

字號與顏色設(shè)定指定字號的標(biāo)記方法為：<FONTSIZE=#>文本</FONT>#=1，2，3，4，5，6，7表示指定的字體大?。?=+(-)2，3，4，5，6表示字體大小的相對改變。設(shè)定字體顏色可以通過如下兩種方式：<FONTCOLOR="hex_rgb">文本</FONT><FONTCOLOR="colorname">文本</FONT>例如：<FONTCOLOR="#FF0000"SIZE=5>中國</FONT>顯示5號字體紅色文字的“中國”。HTML語言超文本標(biāo)記方法段落格式包括換行符號<BR>

分段(換行加空行)符號<P>

分界尺符號<HR>等

HTML語言超文本標(biāo)記方法

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

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

HTML語言超文本標(biāo)記方法

FTP和Email鏈接在HTML頁面中可實(shí)現(xiàn)與FTP和Email系統(tǒng)的鏈接。例如，通過點(diǎn)擊“GetFreeware”和“Mailtome．”實(shí)現(xiàn)與FTP和Email系統(tǒng)的鏈接：<AHREF="ftp//ftp．MyD/Pub/freeware.txt">GetFreeware</A><AHREF="mailto：myName@myD">Mailtome．</A>

HTML語言超文本標(biāo)記方法非圖像瀏覽器圖像替換如瀏覽器不能瀏覽圖像，HTML可用ALT指定其替代文字。例如，如瀏覽器不能瀏覽圖像Dogl.gif，用“[pictureofadog]”ALT替代：<AHREF="dog.html"><IMGSRC="Dog1.gif"ALT="[pictureofadog]"></A>

HTML語言多媒體信息標(biāo)記方式

圖像<IMGSRC＝"file：///d：/html/.gif"WIDTH=?HEIGHT=?VSPACE=?HSPACE=?>其中，WIDTH，HEIGHT為圖像的寬、高；VSPACE，HSPACE為垂直、水平空格數(shù)。

HTML語言多媒體信息標(biāo)記方式音頻HTML中可指定背景音樂，例如：<BGSoundSRC="Path/Filename.WAV"Loop=#>#為循環(huán)次數(shù)。還可以利用鏈接啟動聲音。例如，若當(dāng)用戶單擊文本linktext后，聲音才能播放：<AHREF="Path/Filenam/>linktext</A>HTML語言多媒體信息標(biāo)記方式視頻與動畫<IMGdynsrc="user．a(chǎn)vi"START=fileopen(or

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

mouseover) WIDTH=?HEIGHT=?VSPACE=?HSPACE=?LOOP=?>除了dynsrc屬性，其他屬性都可以缺省。START＝fileopen表示W(wǎng)eb頁一被裝入便播放；START＝mouseover表示鼠標(biāo)從該區(qū)域滑過才播放。

HTML語言多媒體信息標(biāo)記方式

Web頁中背景的實(shí)現(xiàn)用圖像填充背景，格式為：<BODYBACKGROUND="Path/Filename">用顏色填充背景，格式為：<BODYBGCOLOR="#RRGGBB">RR，GG，BB分別表示紅、綠、藍(lán)分量，用十六進(jìn)制表示。用顏色的名字表示背景顏色，格式為：<BODYBGCOLOR="顏色名">例如，利用圖像和顏色填充背景的實(shí)例：<BODYBACKGROUND="file///d：/multi/jpg/ground.jpg"><BODYBGCOLOR="#888888">

表示背景顏色為灰色；<BODYBGCOLOR="red">

表示背景顏色為紅色。

XML語言

可擴(kuò)展的標(biāo)記語言XML（extensiblemarkuplanguage）是1998年2月正式公布的網(wǎng)絡(luò)超文本的標(biāo)記語言，是由W3C的XML工作小組所定義的。它和HTML一樣，是SGML的一個子集。XML兼取HTML和SGML之長，既通用全面又簡明清晰，并具有很強(qiáng)的可伸縮性和靈活性。數(shù)據(jù)搜索引擎簡單高效XML還具有遵循嚴(yán)格的語法要求、便于不同系統(tǒng)之間信息的傳輸、有較好的保值性等優(yōu)點(diǎn)。

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

XML語言XML主要有3個要素：文檔定義（DTD/XMLSchema）

文檔定義描述了XML文件的邏輯結(jié)構(gòu)，定義了XML文件中的元素、元素的屬性以及元素的屬性之間的關(guān)系，它可以幫助XML的分析程序校驗(yàn)XML文件標(biāo)記的合法性XSLXSL是用于規(guī)定XML文檔樣式的語言，它能在客戶端使Web瀏覽器改變文檔的表現(xiàn)形式，從而不再需要與服務(wù)器進(jìn)行交互通信Xlink

Xlink允許鏈接XML文件，它允許多個鏈接目標(biāo)以及其他先進(jìn)的特性，而且較HTML的鏈接機(jī)制有更強(qiáng)大的功能動態(tài)網(wǎng)頁生成技術(shù)

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

ASPASP內(nèi)含于IIS(MicrosoftInternetInformationServer)當(dāng)中，提供一個服務(wù)器端的腳本運(yùn)行環(huán)境。Web服務(wù)器會自動將ASP的程序碼解釋為標(biāo)準(zhǔn)HTML格式的主頁內(nèi)容，在用戶端的瀏覽器上顯示出來。用戶端使用可執(zhí)行HTML碼的瀏覽器，即可瀏覽。ASP無需編譯即可解釋執(zhí)行。可以通過ActiveX服務(wù)器來擴(kuò)充功能，ActiveX服務(wù)器組件可使用VB，Java，C++，COBOL等語言來實(shí)現(xiàn)。它還可以通過插入方式，使用由第三方提供的其他腳本語言，例如Perl語言。它的源程序不會下載到用戶瀏覽器，可以保護(hù)源程序。下載到用戶瀏覽器的是ASP執(zhí)行結(jié)果的HTML碼。ASP只能運(yùn)行于微軟的服務(wù)器產(chǎn)品上，其功能有限，必須通過ASP+COM的組合來擴(kuò)充。在UNIX通過插件可以支持ASP，但是UNIX下的COM實(shí)現(xiàn)十分困難。

PHPPHP是一種跨平臺的服務(wù)器端的嵌入式腳本語言。它大量地借用C、Java、和Perl語言的語法，并結(jié)合PHP自己的特性，使Web開發(fā)者能