第7章 超媒體與Web系統_第1頁
第7章 超媒體與Web系統_第2頁
第7章 超媒體與Web系統_第3頁
第7章 超媒體與Web系統_第4頁
第7章 超媒體與Web系統_第5頁
已閱讀5頁，還剩71頁未讀， 繼續(xù)免費閱讀

下載本文檔

版權說明：本文檔由用戶提供并上傳，收益歸屬內容提供方，若內容存在侵權，請進行舉報或認領

文檔簡介

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

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

超文本的結構不是順序的它類似于人類的聯想記憶結構，采用一種非線性的網狀結構：

7.1超媒體系統的組成超文本的概念

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

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

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

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

7.1超媒體系統的組成19超文本與超媒體的示例

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

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

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

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

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

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

Internet提供了世界范圍內網絡互連和通信功能。

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

WWW中的超媒體協議與標記語言HTTPHTMLXMLHTTP協議客戶服務器建立TCP/IP連接客戶服務器發(fā)送請求消息客戶服務器發(fā)送響應消息客戶服務器關閉連接42超文本傳輸協議HTTPHTTP協議運行在客戶程序和服務器程序中。不同端系統上的客戶程序和服務器程序通過交換HTTP消息彼此交流。HTTP定義Web客戶(即瀏覽器)如何從web服務器請求Web頁面，以及服務器如何把Web頁面?zhèn)魉徒o客戶。43HTTP消息請求消息示例：GET/hypertext/www/TheProject.htmlHTTP/1.0方法協議宿主名目錄與文件名協議版本客戶發(fā)出消息服務器響應消息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=#>#為循環(huán)次數。還可以利用鏈接啟動聲音。例如，若當用戶單擊文本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表示鼠標從該區(qū)域滑過才播放。

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還具有遵循嚴格的語法要求、便于不同系統之間信息的傳輸、有較好的保值性等優(yōu)點。

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

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

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

64附：html與xml1

HTML概述

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

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. 未經權益所有人同意不得將文件中的內容挪作商業(yè)或盈利用途。
  • 5. 人人文庫網僅提供信息存儲空間，僅對用戶上傳內容的表現方式做保護處理，對用戶上傳分享的文檔內容本身不做任何修改或編輯，并不能對任何下載內容負責。
  • 6. 下載文件中如有侵權或不適當內容，請與我們聯系，我們立即糾正。
  • 7. 本站不保證下載資源的準確性、安全性和完整性, 同時也不承擔用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。

評論

0/150

提交評論