1、本章重點： 超文本標(biāo)記語言 超媒體系統(tǒng),第7章 超文本與超媒體技術(shù),7.1 概述 7.2 超文本的組成要素 7.3 超文本標(biāo)記語言 7.4 超媒體系統(tǒng) 7.5 本章小結(jié),第7章 超文本與超媒體技術(shù),7.1 概述,超文本可以簡單地定義為收集、存儲和瀏覽離散信息，以及建立和表示信息之間關(guān)系的技術(shù)。它采用一種非線性的網(wǎng)狀結(jié)構(gòu)組織塊狀信息，沒有固定的順序，也不要求讀者必須按某個順序來閱讀。 超文本由節(jié)點與超鏈組成，由于超鏈的作用，文本的閱讀可以跳轉(zhuǎn) 。超文本具有以下特點：,7.1 概述,多媒體信息 可以包含文本、圖形、圖像、動畫、音頻和視頻等多種媒體信息 網(wǎng)絡(luò)結(jié)構(gòu)形式 按照信息在現(xiàn)實世界中的自然聯(lián)系以

2、及人們的邏輯思維方式有機的組織信息，使其表達(dá)的信息更加接近現(xiàn)實生活。 交互特征 交互性是人們在瀏覽超文本時最重要的動態(tài)特征。,7.2 超文本的組成要素,7.2.1 節(jié)點 7.2.2 鏈 7.2.3 網(wǎng)絡(luò) 7.2.4 宏節(jié)點 7.2.5 熱標(biāo),7.2.1節(jié)點,節(jié)點是表達(dá)信息的基本單位，可以是文本、圖像、視頻、音頻、動畫或一段計算機程序等各種媒體信息以及它們的組合，其內(nèi)容還包括對媒體數(shù)據(jù)屬性的描述和表現(xiàn)方法。 節(jié)點可以按不同方式分類 (1) 按照表現(xiàn)形式可分為兩類：基于框架和基于窗口。 (2) 按照結(jié)構(gòu)可分為原子節(jié)點、復(fù)合節(jié)點和包含節(jié)點。 (3) 按照狀態(tài)可分為靜態(tài)節(jié)點和動態(tài)節(jié)點。 (4) 按照用

3、途可分為操作型、組織型和推理型三類節(jié)點。,7.2.2 鏈,鏈，又稱超鏈(Hyper Link)，是超媒體的組成部分。它將節(jié)點鏈接在一起，描述節(jié)點之間的關(guān)系。 鏈具有方向性，由三個部分組成：鏈源、鏈宿以及鏈的屬性。一個鏈的起端稱為鏈源，表現(xiàn)為一個節(jié)點中的“點”或“域”，通過它可以訪問另一節(jié)點，是導(dǎo)致節(jié)點信息遷移的原因。鏈宿是鏈的目的，一般指節(jié)點，也可以是其他媒體對象。鏈的屬性決定鏈的類型，這是鏈的主要特性，另外還有一般屬性，如鏈的類型、版本和權(quán)限等。當(dāng)鏈的屬性很強時，鏈可以作為獨立的實體，如類型鏈等。鏈還可以分為顯形鏈和隱形鏈，基本結(jié)構(gòu)鏈和索引鏈屬于顯形鏈。,7.2.2 鏈,根據(jù)超鏈的特點及功能

4、，鏈可以分為基本結(jié)構(gòu)鏈、組織鏈和推理鏈三大類型。 （1）基本結(jié)構(gòu)鏈：是一種由超媒體系統(tǒng)作者事先說明的，具有固定明確特點的實鏈?；窘Y(jié)構(gòu)鏈又可以分為基本鏈、交叉索引鏈和節(jié)點內(nèi)注釋鏈三種類型。 （2）組織鏈和推理鏈 組織鏈和推理鏈可以分為索引鏈、蘊含鏈和執(zhí)行鏈。,基本結(jié)構(gòu)鏈,基本鏈用來建立節(jié)點之間基本順序的鏈，它使信息在總體上呈現(xiàn)出層次結(jié)構(gòu)。基本鏈的鏈源和鏈宿都是節(jié)點，它決定節(jié)點的固定順序?；炬溣挚梢苑譃椋喉樞蜴?、結(jié)構(gòu)鏈、查詢鏈、移動鏈、縮放鏈、全景鏈和視圖鏈。 順序鏈?zhǔn)菍⒊谋净蛘叱襟w節(jié)點按最基本的先后順序排成一個隊列。各節(jié)點之間呈現(xiàn)出線性結(jié)構(gòu)。,基本結(jié)構(gòu)鏈,交叉索引鏈將節(jié)點連結(jié)成交叉的網(wǎng)狀

5、結(jié)構(gòu),組織鏈和推理鏈,組織鏈和推理鏈可以分為索引鏈、蘊含鏈和執(zhí)行鏈。 索引鏈將用戶從一個索引節(jié)點引到該節(jié)點相應(yīng)的索引入口。索引用于與數(shù)據(jù)庫的接口及查找共享同一索引項的文獻。蘊含鏈用于連接推理樹中的事實。執(zhí)行鏈?zhǔn)且环N將執(zhí)行活動與按鈕節(jié)點相連的特殊節(jié)點。 推理鏈?zhǔn)且环N虛鏈或稱之為動態(tài)鏈。,7.2.3 網(wǎng)絡(luò),超文本信息網(wǎng)絡(luò)是由節(jié)點和鏈構(gòu)成的一個有向信息網(wǎng)絡(luò)，這種信息網(wǎng)絡(luò)類似于人工智能中的語義網(wǎng)絡(luò)，語義網(wǎng)是一種知識表示方法，其中節(jié)點表示概念，而節(jié)點之間的弧表示兩個概念之間的關(guān)系。 超媒體中的網(wǎng)絡(luò)結(jié)構(gòu)不僅僅提供了知識、信息，同時還包含對知識信息的分析和推理。如果網(wǎng)絡(luò)中節(jié)點內(nèi)不僅有文本，而且還包含有圖形、

6、動畫、聲音及它們的組合等多種信息，即為超媒體網(wǎng)絡(luò)。,7.2.4 宏節(jié)點,宏節(jié)點是指鏈接在一起的節(jié)點群。準(zhǔn)確地說，一個宏節(jié)點就是超文本網(wǎng)絡(luò)的一部分，即子網(wǎng)（Web）。宏文本和微文本表示不同層次的超文本。微文本也稱小型文本，支持對節(jié)點信息的瀏覽；宏文本也稱大型超文本，支持對文獻（宏節(jié)點）的查找與索引，它強調(diào)存在于許多文獻之間的鏈，可以跨越文獻進行查詢和檢索。在計算機網(wǎng)絡(luò)中，很多超媒體的Web網(wǎng)分散在多臺計算機中，這些Web網(wǎng)稱為宏節(jié)點或者文獻，它們之間通過跨越計算機網(wǎng)絡(luò)的鏈進行鏈接。,計算機網(wǎng)絡(luò)宏節(jié)點的一種表示 (圖),7.2.5 熱標(biāo),熱標(biāo)是超媒體中特有的元素，它確定相關(guān)信息的鏈源，通過它可以引

7、起相關(guān)內(nèi)容的轉(zhuǎn)移。熱標(biāo)可分為熱字、熱區(qū)、熱元、熱點和熱屬性五類 熱字 熱字往往存在于文本當(dāng)中，把需要進一步解釋和含有特殊含義的字、詞或詞組做成帶下劃線和特別顏色，與其他內(nèi)容區(qū)別開來，而各保留字和轉(zhuǎn)移目的卻不顯示出來，讀者通過點擊這些熱字可得到進一步的解釋和說明。,7.2.5 熱標(biāo),熱區(qū) 熱區(qū)是在圖像等靜態(tài)視覺媒體節(jié)點中某一感興趣的區(qū)域，作為觸發(fā)轉(zhuǎn)移的源點。通常使鼠標(biāo)標(biāo)志在進入熱區(qū)時變形為一種多邊形，用戶便知道可以轉(zhuǎn)移到另一幅能夠更詳盡地描述當(dāng)前圖像部位的新圖片。下圖所示就是網(wǎng)頁中一幅由分為多個熱區(qū)的地圖，對于不同的省份，對應(yīng)的地方就是一個熱區(qū)，當(dāng)單擊某個熱區(qū)時，就會打開對應(yīng)省份的詳細(xì)信息的目標(biāo)

8、節(jié)點。,7.2.5 熱標(biāo),熱元 主要用于圖形節(jié)點。由于圖形的最基本單位是圖元(如一個圖、一條線、一個圓等)，當(dāng)圖形在超媒體頁面中移動時，圖元跟著移動。如果為了在另一幅圖形中詳細(xì)描述本圖形的某一部分，便可用熱元的形式與轉(zhuǎn)換的目標(biāo)圖形相鏈接。熱元在CAD工程設(shè)計中的建筑圖注釋、機器設(shè)備聯(lián)機維護手冊等方面有廣泛的用途。,7.2.5 熱標(biāo),下圖則是網(wǎng)頁上利用圖像作為一組熱元的示例，單擊某一個圖片就可以打開相應(yīng)的目標(biāo)節(jié)點窗口。,7.2.5 熱標(biāo),熱點 熱點是對于具有時間特性的媒體節(jié)點而言的，如動畫、視頻、聲音節(jié)點，如果用戶對其中某一段時間內(nèi)的信息感興趣，就記錄下這段時間的起止，把這一段（或幾幀）信息稱為

9、熱點。比如有一段視頻影像介紹黃山上的四季美景。用戶想要了解仲秋時節(jié)景象，可在時間軸上設(shè)定一個b,a,c的敏感區(qū)間，其中a為仲秋時節(jié)，b、a、c按時間順序排列。那么，用戶觸發(fā)了b,a,c區(qū)間內(nèi)任一點都有效，都可以調(diào)出仲秋附近季節(jié)黃山的景色,7.2.5 熱標(biāo),熱屬性 熱屬性是將關(guān)系數(shù)據(jù)庫中的屬性作為熱標(biāo)來使用。由于數(shù)據(jù)媒體是一種特定的格式化符號數(shù)據(jù)，故可把熱標(biāo)定為一個屬性，用特定的保留屬性字方法指明熱標(biāo)觸發(fā)后表現(xiàn)的內(nèi)容。如用 IMAGE屬性表示后繼各元組中該屬性字符為圖像對象名。屬性中的元組有多個，每個元組又對應(yīng)不同的內(nèi)容，所以在把屬性當(dāng)作熱標(biāo)時，要對每一個元組都指明不同的鏈。,7.3 超文本標(biāo)記

10、語言,7.3.1 超文本標(biāo)記語言HTML 1. HTML基本語法 2. HTML特點 3. HTML的應(yīng)用 7.3.2 XML 1.概述 2. XML的基本組成,超文本標(biāo)記語言HTML,HTML基本語法: 控制命令用括起來。主要標(biāo)記有： 文件頭。 文件體。 標(biāo)題頭(Heading)。 文本塊結(jié)構(gòu)(Block Structuring Element)。 列表結(jié)構(gòu)。 錨元素。 嵌入圖像標(biāo)記。 表格標(biāo)記。 輸入表標(biāo)記。 分割窗口標(biāo)記。 換行符。 水平線。,超文本標(biāo)記語言HTML,HTML特點 (1)創(chuàng)建和實現(xiàn)獨立于平臺的文檔 (2)與Internet上其他文檔相連接 (3)WWW頁面包括圖形和多媒體

11、 (4)能夠鏈接Internet上的其他資源,超文本標(biāo)記語言HTML,HTML的應(yīng)用 一個多媒體網(wǎng)頁中可能包括背景、文本內(nèi)容、表格、背景音樂、音樂鏈接、視頻鏈接、嵌入的圖像或圖像鏈接等，表現(xiàn)力十分豐富。HTML用于對多媒體信息進行組織并以網(wǎng)頁形式展示給用戶。目前在互聯(lián)網(wǎng)上的大多數(shù)網(wǎng)頁是由HTML編寫的。利用HTML建立網(wǎng)頁，可以使用任意一個文本編輯器或?qū)Ｓ密浖@里以DreamwaverMX2004為工具，介紹HTML在網(wǎng)頁制作中的使用方法，如文本展示、插入表格、音頻、視頻等多媒體信息。,HTML的應(yīng)用,每一個網(wǎng)頁都具有如下的基本形式： 無標(biāo)題文檔 ,HTML的應(yīng)用,(1)在網(wǎng)頁中展示不同效果

12、的文本信息 (2)在網(wǎng)頁中插入帶邊框的圖象 (3)在網(wǎng)頁中插入音樂 (4)在網(wǎng)頁中插入視頻 (5)在網(wǎng)頁中插入表格,網(wǎng)頁中置入文本內(nèi)容,可在標(biāo)記插入以下代碼： 文本內(nèi)容 各種文字效果。 ,網(wǎng)頁中置入文本內(nèi)容,保存并在Internet Explorer中運行，得到如下圖所示的顯示結(jié)果。,在網(wǎng)頁中插入動態(tài)文字,可在標(biāo)記插入以下代碼： 開 心 ,在網(wǎng)頁中插入動態(tài)文字, 每 一 ,在網(wǎng)頁中插入動態(tài)文字, 天 保存并在Internet Explorer中運行，得到如圖7.9所示的顯示結(jié)果。在本例中，如果改變direction中標(biāo)記的值，可改變文字移動的方向。其中up為向上移動，down表示向下，left

13、表示向左，right表示向右。,在網(wǎng)頁中插入帶邊框的圖象,可在標(biāo)記插入以下代碼： ,在網(wǎng)頁中插入帶邊框的圖象,保存代碼并運行后如圖所示。其中src=F:圖片003.jpg中的F:圖片003.jpg是由用戶自己指定的一幅圖像，具體位置（可以是網(wǎng)絡(luò)地址或本機地址）、文件名與內(nèi)容由用戶自己設(shè)定。,在網(wǎng)頁中插入音樂,可在標(biāo)記插入以下代碼： 其中src=F:音樂求佛.mp3中的F:音樂求佛.mp3是由用戶自己指定的一首音樂，具體位置（可以是網(wǎng)絡(luò)地址或本機地址）、文件名與內(nèi)容由用戶自己設(shè)定。保存代碼并運行便可聽到播放的音樂，播放控制各按鈕均可由用戶調(diào)節(jié)，如圖所示。,在網(wǎng)頁中插入視頻,可在標(biāo)記插入以下代碼：

14、 其中src= src=E:VC+視頻Lesson9.AVI中的E:VC+視頻Lesson9.AVI是由用戶自己指定的，具體位置（可以是網(wǎng)絡(luò)地址或本機地址）、文件名與內(nèi)容由用戶自己設(shè)定。,在網(wǎng)頁中插入視頻,保存代碼并運行便可看到視頻的內(nèi)容，播放控制各按鈕均可由用戶調(diào)節(jié)，如圖所示。,在網(wǎng)頁中插入表格,可在標(biāo)記插入以下代碼： 學(xué)號 姓名 學(xué)科 成績 02,在網(wǎng)頁中插入表格,張三 語文 85 保存代碼并運行可見表格如圖所示。,XML概述,XML是一種可擴展的標(biāo)記語言(Extensible Markup Language)，雖然也是用標(biāo)記表示數(shù)據(jù)，但是它的標(biāo)記說明了數(shù)據(jù)的含義，而不是如何顯示。 XML

15、本身不是一個單一的標(biāo)記語言，它是一種元語，可以被用來定義一種新的標(biāo)記語言。HTML是用來定義某一類文件便于顯示的格式，而XML是用來創(chuàng)造類別文件的格式定義，也就是在XML中可以創(chuàng)造出很多不同的標(biāo)記語言，用來定義不同的文件類別。,XML特點,(1) XML是文本化的小型數(shù)據(jù)庫表達(dá)語言，可以對其進行裝入/保持、插入/刪除/修改、選擇等操作。甚至可以把XML應(yīng)用作為一個中間層的虛擬數(shù)據(jù)庫。 (2) XML是客戶端計算機的數(shù)據(jù)結(jié)構(gòu)載體。通過與JavaScript/ DHTML結(jié)合使用，可實現(xiàn)客戶端小型信息過濾、查詢、計算與通信的應(yīng)用。 (3) XML是信息的高層封裝與傳輸標(biāo)準(zhǔn)。它是不同應(yīng)用系統(tǒng)之間的數(shù)

16、據(jù)標(biāo)準(zhǔn)接口和所有信息的中間層表示，是中間層應(yīng)用服務(wù)器的通用數(shù)據(jù)接口?？捎糜跀?shù)據(jù)倉庫的數(shù)據(jù)遷移、數(shù)據(jù)庫報告的格式之中。,XML概述,(4) XML是HTML的高層擴展。HTML面向文本、信息發(fā)布，HTML容許混亂；XML面向數(shù)據(jù)、數(shù)據(jù)處理，要求格式良好、合法。用戶可用XML創(chuàng)建自己的HTML。 (5) XML是面向?qū)ο蟮臉?biāo)記語言，它具有接口/類機制、對象實例，可以定義對象的實現(xiàn)或方法，并且可以解決類的繼承問題。XML中的資源、尋址以及物理實體構(gòu)成了信息組件。XML中的資源描述框架是信息導(dǎo)航、瀏覽、搜索的用戶接口標(biāo)準(zhǔn)。 (6) XML是一種不同數(shù)據(jù)結(jié)構(gòu)體的文本描述語言。它可以描述線性表、樹、圖形，

17、也能描述文件化的外部數(shù)據(jù)結(jié)構(gòu)。還可以制造類似于XML的編譯器，使文本與二進制文件之間相互轉(zhuǎn)換。,XML的基本組成,XML包含三個要素： 文檔類型聲明DTD(Document Type Definition)或者XML Schema 可擴展樣式語言XSL(eXtensible Stylesheet Language) 可擴展鏈接語言Xlink(eXtensible Link Language)。,XML的基本組成,DTD和XML Schema a. 元素類型聲明 b. 屬性表聲明 c. 實體聲明 d. 符號聲明 e. XML大綱,XML的基本組成,(2)擴展樣式語言XSL 擴展樣式語言XSL用一

18、種標(biāo)準(zhǔn)方式對XML文檔進行格式化。制定XSL應(yīng)當(dāng)遵循三個原則：XSL應(yīng)當(dāng)能夠直接應(yīng)用到Internet上，XSL樣式表應(yīng)當(dāng)清晰、易讀，并且容易創(chuàng)建。XSL本身還在發(fā)展之中。 (3)XML鏈接語言XLink(或XLL) XML的鏈接語言開始時稱為Xlink，后來改為XML-Link，最近W3C工組又決定稱為XLL。它是一個正在開發(fā)之中的標(biāo)準(zhǔn)，目標(biāo)是要能夠具有雙向鏈接功能、能夠過濾(或隱藏某些)數(shù)據(jù)的表現(xiàn)樣式、提供持久的含有語義的鏈接、匯集動態(tài)文檔、可以從用戶不能編輯的文本創(chuàng)建鏈接以及可以發(fā)布動態(tài)更新或軟件補丁、支持網(wǎng)絡(luò)上的批注功能等,7.4 超媒體系統(tǒng),7.4.1 超媒體系統(tǒng)的組成 7.4.2

19、多媒體表現(xiàn)創(chuàng)作和超媒體寫作 7.4.3 開放超媒體的概念 7.4.4 開放超媒體系統(tǒng)的實例,超媒體系統(tǒng)的組成,超媒體系統(tǒng)是指那些能夠創(chuàng)作和使用超媒體應(yīng)用的系統(tǒng)。由于超媒體是一種實現(xiàn)超鏈連接的概念，所以在許多應(yīng)用中都可以看見超媒體的影子，例如超媒體化的求助、超媒體化的多媒體演示等等。超媒體系統(tǒng)一般由作者子系統(tǒng)(或稱創(chuàng)作子系統(tǒng))、讀者子系統(tǒng)(或稱瀏覽器)及支持子系統(tǒng)組成。 1.作者子系統(tǒng) 2.讀者子系統(tǒng) 3.支持子系統(tǒng),作者子系統(tǒng),作者子系統(tǒng)通過向用戶提供生成超媒體的手段，包括編輯器、超媒體語言，媒體編輯工具等，將零散的多媒體數(shù)據(jù)組成具有豐富表現(xiàn)的超媒體應(yīng)用網(wǎng)絡(luò)。因此，作者子系統(tǒng)要負(fù)責(zé)完成多媒體的

20、時空表現(xiàn)描述，建立超媒體信息網(wǎng)絡(luò)的節(jié)點和鏈，并對已有的超媒體系統(tǒng)進行增、刪、改操作。大多數(shù)多媒體創(chuàng)作工具都可以進行多媒體的時空描述，但并不一定能夠完成超媒體的鏈接關(guān)系的建立。所以，超媒體的創(chuàng)作工具要比多媒體創(chuàng)作工具多一個建立超鏈接的部分，這是多媒體創(chuàng)作工具與超媒體創(chuàng)作工具的區(qū)別。,讀者子系統(tǒng),讀者子系統(tǒng)向用戶提供使用超媒體應(yīng)用的手段，主要包括瀏覽器以及其他的一些讀者工具，用于協(xié)助用戶使用超媒體的文獻和數(shù)據(jù)。 (1) 導(dǎo)航圖 (2) 查詢系統(tǒng) (3) 線索 (4)遍歷 (5)書簽,支持子系統(tǒng)負(fù)責(zé)管理整個超媒體創(chuàng)作和使用，向作者和讀者提供通向超媒體系統(tǒng)的接口。支持子系統(tǒng)是實現(xiàn)超媒體服務(wù)的關(guān)鍵，對應(yīng)

21、用來說它是系統(tǒng)應(yīng)用的內(nèi)核層，它能識別超鏈的成分，并引導(dǎo)轉(zhuǎn)向相應(yīng)的目標(biāo)節(jié)點。如果在網(wǎng)絡(luò)上運行，該子系統(tǒng)要協(xié)助用戶完成不同計算機之間協(xié)議的連接和通信，完成用戶的各種操作。,支持子系統(tǒng),7.4.2 多媒體表現(xiàn)創(chuàng)作和超媒體寫作,1. 多媒體表現(xiàn)的創(chuàng)作工具 2.空間算子及表現(xiàn)描述 3.時間算子及表現(xiàn)描述 4.超媒體創(chuàng)作,多媒體表現(xiàn)的創(chuàng)作工具,(1)基于卡片和頁面的工具 (2)基于時間線的創(chuàng)作工具 (3)基于圖標(biāo)的事件驅(qū)動工具,空間算子及表現(xiàn)描述,空間操作包括一元操作和二元操作。一元操作主要描述單一媒體對象的顯示位置和顯示形式，例如縮放、剪裁、旋轉(zhuǎn)等，二元操作主要描述兩個媒體對象之間的重疊、合并、鄰接等位置及先后關(guān)系。,時間算子及表現(xiàn)描述,媒體表現(xiàn)需要時間，這個時間是由起始時間點、響應(yīng)與持續(xù)時間長度和終止時間點構(gòu)成的時間區(qū)間。 在時間的同步和合成上，使用相應(yīng)的時間算子就可以應(yīng)用到多媒體的時間表現(xiàn)描述之中。,超媒體創(chuàng)作,超媒體創(chuàng)作是決定超媒體各種成分相互關(guān)系的過程，這個過程可以由人工對各種成分進行指定完成，也可以通過某些方法由計算機協(xié)助完成，其中最重要的是