第4章-超文本和超媒體

第4章

超文本和超媒體學習目標l掌握超文本和超媒體的基本概念了解超文本和超媒體的應用了解超文本標記語言了解網頁中超文本的實現(xiàn)方法和開發(fā)工具

文本是我們最熟悉的信息表示方式。文章、程序、書、文件等都以文本出現(xiàn)，通常以字、句子、段落、節(jié)、章作為文本內容的邏輯單位，而以字節(jié)、行、頁、冊、卷為物理單位。文本的線性結構

文本的最顯著特點是它在組織上是線性的和順序的。這種線性結構體現(xiàn)在你讀文本時只能按固定的線性順序一字一字、一行一行、一頁一頁地讀下去。

科學研究表明，人類的記憶是一種聯(lián)想式的記憶，它構成了人類記憶的網絡結構，人類記憶的這種聯(lián)想結構不同于文本的結構。人類記憶的互連網狀結構可能有多種途徑，不同的聯(lián)想檢索必然導致不同的訪問路徑。例如，某人對“通訊工具”一詞可能會聯(lián)想到“手機”.盡管我們對某一對象具有相同的概念，但由于文化基礎和受教育的背景，由于不同時間或不同的地點，產生聯(lián)想結果就可能是千差萬別的。這種聯(lián)想方式實際上表明了信息的結構及其動態(tài)性。顯然，這種互連的網狀信息結構用普通的文本是無法管理的，必須采用一種比文本更高一層次的信息管理技術，即超文本（hypertext）。4.1.1超文本與超媒體的概念

人類的記憶是一種具有網狀結構的聯(lián)想式的記憶，具有跳躍式、多層次、多路徑、多方位思維和訪問信息的非線性結構。

超文本是一個類似于人類聯(lián)想思維的一個非線性的網狀結構，它以節(jié)點作為一個信息塊，它采用一種非線性的網狀結構組織信息，把文本按其內容固有的獨立性和相關性劃分成不同的基本信息塊，并且可以按需要用一定的邏輯順序來組織和管理信息。它提供聯(lián)想、跳躍式的查詢能力，極大地提高獲得知識和信息的效率。4.1超文本和超媒體

在超文本數(shù)據(jù)庫內部，節(jié)點之間用鏈（Link）連接起來形成網狀結構，如圖所示:

結點A結點F結點E結點D結點C結點B具有6個結點和9條鏈的超文本結構示意圖以節(jié)點作為信息的單位。一個節(jié)點就可以是一個信息塊，也可以是若干節(jié)點組成一個信息塊。它可以是文本、圖形、圖像、動畫、聲音或它們的組合體。

超文本是由若干內部互連的文本塊（或其他信息）組成，這些信息塊可以是計算機的若干屏，也可以是若干窗口、文件或更小信息塊。這樣一個信息單元就稱為一個節(jié)點（node）。不管節(jié)點有多大，每個節(jié)點都有若干指向其他節(jié)點或從其他節(jié)點指向該節(jié)點的指針，這些指針被稱為鏈（link）。鏈有多種，它連接著兩個節(jié)點，通常是有向的，從一個節(jié)點（稱之為源節(jié)點）指向另一個節(jié)點（稱之為目的節(jié)點）。鏈的數(shù)量通常不是事先固定的，它依賴于每個節(jié)點的內容和信息的原始結構。

這里要強調的不僅僅是“閱讀”，而更重要的是用戶可以主動地決定閱讀節(jié)點的順序。假如讀者是從標記為A的文本塊開始閱讀，與單一路徑的文本不同，該超文本結構有三條閱讀路徑擺在讀者面前，即可到B、D或E。如果讀者選擇B，則可以繼續(xù)選擇到C或E，從E又可以到D。當然讀者也可以從A選擇直接到D。這個例子表明，在超文本結構中任意兩節(jié)點之間可以有若干條不同的路徑，讀者可以自由的選擇最終沿哪條路徑閱讀文本。

早期超文本系統(tǒng)的表現(xiàn)形式僅是文字的，這就是它被稱為“TEXT”的原因。70年代產生的一個名詞叫“電子圖書”（electronicbook），在書中還有很多圖片和圖形，我們可以在計算機上聯(lián)想式地閱讀文件，它不僅保存了用紙做存儲媒體的最好的特性，同時又加入了豐富的非線性鏈接，這就促使80年代產生了超媒體（hypermedia）技術。超媒體不僅可以包含文字，而且還可以包含聲音、圖形、圖像、動畫和視頻片段，這些媒體之間也是用超級鏈接組織的，而且它們之間的鏈接也是錯綜復雜的。超文本概念的一個簡單示意圖超媒體：把多媒體信息引入超文本，這就產生了多媒體超文本，也即超媒體。即超文本中的接點數(shù)據(jù)不僅是文本，還可以是圖形、圖象、動畫、音頻，甚至計算機程序或他們的組合。超媒體系統(tǒng)：對超媒體進行管理使用的系統(tǒng)。超媒體具有如下的特點：多種媒體信息網絡結構形式交互特性

4.2超文本系統(tǒng)1.超文本系統(tǒng)的特點：多種媒體信息：節(jié)點可含有文本、圖形、圖像、動畫、聲音和視頻等，使傳播的信息更易于接受和理解，從而達到更好的效果。

非線性的網狀結構：把各種內容和形式的節(jié)點按在現(xiàn)實世界中的聯(lián)系和人們的思維邏輯進行組織，成為一個有機的綜合信息體。交互式信息瀏覽和查詢：用戶可跟隨鏈的走向不斷打開目的節(jié)點，也可以利用已知的字符串關鍵字對網絡進行搜尋。具有良好的可擴充性：各個節(jié)點中的信息可以更新，也可將新節(jié)點加入到超文本結構中或刪除已有的一些節(jié)點。

2.超文本的訪問方式超文本是一種典型的數(shù)據(jù)庫技術，是由節(jié)點和表達節(jié)點之間關系的鏈組成的網。每個節(jié)點都鏈接在其它節(jié)點上，用戶對網進行瀏覽、查詢和注釋等操作。超文本是一種接口模型，它采用“控制按鈕”的方式組織接口。這些“按鈕”由作者設置在正文中，用戶通過按鈕訪問下面的信息?！鞍粹o”就是通常所說的連接節(jié)點之間的“鏈”，從這個角度看，超文本可以看作三個要素的組合：節(jié)點、鏈和網絡。3.超媒體系統(tǒng)的基本特性體現(xiàn)在：

⑴超媒體的數(shù)據(jù)庫是由“聲、文、圖”類節(jié)點或內容組合的節(jié)點組成的網絡，內容具有多媒體化，網狀的信息結構使它的信息表達接近現(xiàn)實世界。

⑵屏幕中的窗口和數(shù)據(jù)庫中的節(jié)點具有對應關系。⑶超媒體的設計者可以很容易地按需要創(chuàng)建節(jié)點，刪除節(jié)點，編輯節(jié)點等，同樣也可生成鏈，完成鏈接，刪除鏈接，改變鏈的屬性等操作。⑷用戶可對超媒體進行瀏覽和查詢.5具備良好的擴充功能，接受不斷更新的超媒體管理和查詢技術。

4.3超文本與超媒體的示例

超文本與超媒體應用在很多領域，如在操作系統(tǒng)Windows中的“幫助”就使用了超文本的方式，還有許多的應用，又如：電子百科全書、教學應用的CAI以及旅游信息、軟件工程、娛樂等都有著廣泛的應用。假設有一位總經理，他自己有電子記事本，他的秘書根據(jù)他與外商談判的材料按照超文本的結構形式組織好了有關材料供總經理使用。下面借助于下圖來說明。示例一超文本系統(tǒng)的節(jié)點和網絡結構4.4超文本與超媒體的應用隨著多媒體技術的發(fā)展，超文本與超媒體技術，具有廣闊的應用前景。超文本與超媒體組織和管理信息方式符合人們的“聯(lián)想”思維習慣。適合于非線性的數(shù)據(jù)組織形式，以它獨特的表現(xiàn)方式，得到了廣泛的應用１．多媒體信息管理超媒體被許多人稱為“天然”的多媒體信息管理技術，這是因為對多媒體信息來說，超媒體的方式更易于反映出媒體之間的聯(lián)系和關系。在多媒體信息應用領域，超媒體技術可以應用于百科全書、詞典等工具書中，也可以應用于各種專業(yè)的參考書、科技期刊中。利用超媒體技術，可以很容易地把浩如煙海的、分散在各處的各種書籍、圖片等進行有效的組織，使得用戶使用起來更加方便?，F(xiàn)在已經開發(fā)出了許多這方面的產品，并且得到了廣泛的歡迎。

２．個人學習、工作輔助與辦公自動化超媒體技術在輔助個人學習方面非常有效。如果將學習的資料編成固定的形式，雖然可以協(xié)助個人的學習，但不能夠適應每個人的特點和想法，超媒體化的學習資料可以給用戶一個過程的選擇，隨著學習的過程，用戶可以隨時地要求解釋和選擇更恰當?shù)膶W習路徑。特別是對復雜的學習內容，超媒體系統(tǒng)不僅可以提供豐富的多媒體化的資料，并以聯(lián)機求助的方式得到幫助，而且還可以用探索、參與的方式進行學習，大大地提高學習的效率。超媒體化的維修手冊、超媒體化的技術文檔、方針政策手冊、年度的報告等可以提高工作效率。使用超媒體維修手冊可以針對具體問題得到具體的答案，而不用逐頁的查找有關數(shù)據(jù)和信息。現(xiàn)在幾乎每一種計算機軟件都配有超媒體方式的“求助”系統(tǒng)，特別是那些編程語言、工具等，這種求助系統(tǒng)發(fā)揮了巨大的作用，早期的那種靠大本手冊的工作方式已經看不見了。

Apple公司的HyperCard軟件展示了把HyperCard用于辦公室的日常工作的一個方面，它以卡片的形式提供了形象的電話簿、備忘錄、日歷、價格表與文獻摘要等，是應用多媒體管理技術的一個實例。超文本與超媒體應用于辦公自動化中，改變了人們傳統(tǒng)的工作方式和思維習慣，提供人們更為形象、直觀的工作環(huán)境，極大地提高了工作的效益和效率。３．商業(yè)展示、產品廣告和指南超媒體化的產品和廣告、單位的形象介紹、展覽會的展示、旅游和飯店的指南、機場和車站的查詢機等都為用戶提供了一種很好的展示方式。這些隨處可見的、用戶可以任意操作的超媒體工具，不僅有利于商業(yè)的效益提高，也大大方便了用戶。４．娛樂（音樂、小說、電影）和休閑超媒體的神化故事、偵探小說、報紙和刊物、家庭菜譜、電子游戲等，為家庭休閑和娛樂開辟了新的途徑。“交互式小說”和“交互式電影”，用超媒體組織素材，由讀者和觀眾自己編輯，按自己的愛好和愿望去改變主人翁的命運和結局。5.大型文獻資料信息庫由超文本與超媒體技術獨特優(yōu)點，廣泛應用于大型文獻資料信息庫的建設，目前已經研制出來的中英文字典系統(tǒng)，就是按照超文本與超媒體的方式組織和構造，它收錄了25萬條目，計4181萬字，186萬個記號，采用這種方式的存儲的30卷百科全書，查詢時間只需幾秒鐘。

6.綜合數(shù)據(jù)庫應用在各類工程應用中，要求用圖紙、圖形、文字、動畫或視頻表達概念和設計，一般數(shù)據(jù)庫系統(tǒng)是無法表達的，而超文本與超媒體技術為這類工程提供了強有力的信息管理工具，不少系統(tǒng)已將它應用于聯(lián)機文檔的設計和軟件項目的管理。7使用戶界面更友好超文本與超媒體不僅是一項信息管理技術，也是一項界面技術。圖形用戶接口GUI使用戶桌面由字符命令菜單方式轉為圖形菜單方式，而超文本技術在GUI基礎上再上了一個新臺階，即多媒體用戶口接口MMGUI，不僅數(shù)字和圖形、圖像、動畫、音頻、視頻等信息均能展現(xiàn)在用戶的面前。熱字是文本中被指定具有特殊含義或需進一步解釋的字、詞或詞組。示例三:熱元熱元是指這些相對獨立的圖像單位能夠作為信息轉移的鏈源。示例二:熱字4.5超文本與超媒體系統(tǒng)的兩個模型超文本和超媒體的系統(tǒng)結構較著名的是1988年Campbell和Goodman提出的HAM模型,另一個是從事超文本標準化研究Dexter小組提出的Dexter模型。這兩個模型是基本相似的，它們都是將超文本和超媒體體系結構分為三個層次。1．HAM模型(用戶接口層)超文本和超媒體的體系結構

4.5超文本與超媒體系統(tǒng)的兩個模型

超文本與超媒體系統(tǒng)就是完成生成并只使用前述超文本或超媒體的軟硬件的總稱。從理論上講可將其劃分為三個層次：表現(xiàn)層——用戶接口；超文本抽象機層——節(jié)點和鏈；數(shù)據(jù)庫層——存儲、共享數(shù)據(jù)和網絡訪問。

（1）數(shù)據(jù)庫層

數(shù)據(jù)庫層是三層模型的最低層，涉及所有傳統(tǒng)的有關信息存儲的問題。實際上這一層并不構成超文本系統(tǒng)的特殊性。但是它以龐大的數(shù)據(jù)庫作為基礎，而且在超文本系統(tǒng)中的信息量大，需要存儲的信息量也就大。一般要用到磁盤、光盤等大容量存儲器，或把信息存放在經過網絡訪問的遠程服務器上，不管信息如何存放，必須要保證信息的快速存取。

（2）超文本抽象機層超文本抽象機層（HypertextAbstactMachine）簡稱HAM，是三層模型中的中間層，這一層決定了超文本系統(tǒng)節(jié)點和鏈的基本特點，記錄了節(jié)點之間鏈的關系，并保存了有關節(jié)點和鏈的結構信息。在這一層中可以了解到每個相關聯(lián)的屬性。例如節(jié)點的“物主”屬性，這一屬性指明該節(jié)點由誰創(chuàng)建的，誰有修改權限、版本號或關鍵詞等。（3）用戶接口層（表現(xiàn)層）

表示層又稱為用戶接口層或用戶界面層，也是構成超文本系統(tǒng)特殊性的重要表現(xiàn)，并直接影響著超文本系統(tǒng)的成功，可用于處理超文本抽象層中的信息表示，包括判斷用戶的有效命令，節(jié)點和鏈的顯示方式，是否有總體圖解及多媒體信息的表現(xiàn)組織等等。它應該具有簡明、直觀、生動、靈活、方便等特點。用戶接口層是超文本和超媒體系統(tǒng)人－機交互的界面。用戶接口層決定了信息的表現(xiàn)方式、交互操作方式以及導航方式等。

Dexter模型的目標是為開發(fā)分布信息之間的交互操作和信息共享提供一種標準或參考規(guī)范。如下圖所示。2.Dexter模型（1）內部成員層——內部成員層描述超文本中成員的內容和結構，對應于各個媒體單個應用成員。（2）存儲層——存儲層是描述成員和鏈的網絡。（3）運行層——運行層描述支持用戶和超文本交互作用的機制，負責在運行時處理鏈、錨接口和成員。

4.3超文本系統(tǒng)結構模型Dexter模型

Dexter模型也分為三層：存儲層、運行層和成員內部層，各層之間通過定義好接口互相連接。運行層表現(xiàn)規(guī)范存儲層錨定機制成員內部層存儲層

描述超文本中的結點成員之間的網狀關系。每個成員都有一個唯一的標識符，稱為UID。，存儲層定義了訪問函數(shù)，通過UID可以直接訪問到該成員，還定義了由多個函數(shù)組成的操作集合，用于實時地對超文本系統(tǒng)進行訪問和修改。

成員內部層

描述超文本中各個成員的內容和結構，對應于各個媒體單個應用成員。從結構上，成員可由簡單結構和復雜結構。簡單結構就是每個成員內部僅由同一種數(shù)據(jù)媒體構成，復雜結構的成員內部又由各個子成員構成。

運行層

描述支持用戶和超文本交互作用的機制，它可直接訪問和操作在存儲層和成員層內部層定義的網狀數(shù)據(jù)模型。運行層為用戶提供友好的界面。

表現(xiàn)規(guī)范

介于存儲層和運行層之間的接口稱為表現(xiàn)規(guī)范，它規(guī)定了同一數(shù)據(jù)呈現(xiàn)給用戶的不同表現(xiàn)性質，確定了各個成員在不同用戶訪問時表現(xiàn)的視圖和操作權限等內容。

錨定機制

存儲層和內部成員之間的接口稱為錨定機制，其基本成分是錨（anchor），錨由兩部分組成：錨號和錨值，完成存儲層到成員內部層、成員內部層到存儲層的檢索定位過程。

錨號：每個錨的標識符，錨值：元素內部的位置和子結構。

3.超文本與超媒體的組成要素（1）節(jié)點超文本是由節(jié)點和鏈構成的信息網絡。節(jié)點是表達信息的單位，是圍繞一個特殊主題組織起來和數(shù)據(jù)集合。節(jié)點的內容可是文本、圖形、圖像、動畫、音頻、視頻等，也可以是一般計算機程序。節(jié)點分為兩種類型：一種稱為表現(xiàn)型，記錄各種媒體信息，表現(xiàn)型節(jié)點按其內容的不同又可分為許多類別，如文本節(jié)點和圖文節(jié)點等；另一種稱為組織型，用于組織并記錄節(jié)點間的聯(lián)結關系，它實際起索引目錄的作用，是連結超文本網絡結構的紐帶，即組織節(jié)點的節(jié)點。節(jié)點的基本類型節(jié)點的基本類型歸納如下：⑴文本節(jié)點⑵圖形節(jié)點⑶圖像節(jié)點⑷音頻節(jié)點⑸視頻節(jié)點⑹混合媒體節(jié)點

⑺按鈕節(jié)點⑻組織型節(jié)點⑼推理型節(jié)點節(jié)點是表達信息的基本單位，是圍繞一個特殊主題組織信息的最基本單元。節(jié)點內容包含對媒體數(shù)據(jù)屬性的描述和表現(xiàn)方法。常見的節(jié)點有文本節(jié)點，圖像節(jié)點和圖形節(jié)點，動畫節(jié)點和視頻節(jié)點，音頻節(jié)點和按鈕節(jié)點，統(tǒng)稱為媒體節(jié)點。另外還有組織節(jié)點、推理型節(jié)點等。節(jié)點節(jié)點是表達信息的基本單位，可以是文本、圖像、視頻、音頻、動畫或一段計算機程序等各種媒體信息以及它們的組合，其內容還包括對媒體數(shù)據(jù)屬性的描述和表現(xiàn)方法。節(jié)點可以按不同方式分類

(1)按照表現(xiàn)形式可分為兩類：基于框架和基于窗口。

(2)按照結構可分為原子節(jié)點、復合節(jié)點和包含節(jié)點。

(3)按照狀態(tài)可分為靜態(tài)節(jié)點和動態(tài)節(jié)點。

(4)按照用途可分為操作型、組織型和推理型三類節(jié)點。鏈鏈，又稱超鏈(HyperLink)，是超媒體的組成部分。它將節(jié)點鏈接在一起，描述節(jié)點之間的關系。鏈具有方向性，由三個部分組成：鏈源、鏈宿以及鏈的屬性。一個鏈的起端稱為鏈源，表現(xiàn)為一個節(jié)點中的“點”或“域”，通過它可以訪問另一節(jié)點，是導致節(jié)點信息遷移的原因。鏈宿是鏈的目的，一般指節(jié)點，也可以是其他媒體對象。鏈的屬性決定鏈的類型，這是鏈的主要特性，另外還有一般屬性，如鏈的類型、版本和權限等。當鏈的屬性很強時，鏈可以作為獨立的實體，如類型鏈等。鏈還可以分為顯形鏈和隱形鏈，基本結構鏈和索引鏈屬于顯形鏈。鏈根據(jù)超鏈的特點及功能，鏈可以分為基本結構鏈、組織鏈和推理鏈三大類型。 （1）基本結構鏈：是一種由超媒體系統(tǒng)作者事先說明的，具有固定明確特點的實鏈。基本結構鏈又可以分為基本鏈、交叉索引鏈和節(jié)點內注釋鏈三種類型。 （2）組織鏈和推理鏈 組織鏈和推理鏈可以分為索引鏈、蘊含鏈和執(zhí)行鏈?；窘Y構鏈 基本鏈用來建立節(jié)點之間基本順序的鏈，它使信息在總體上呈現(xiàn)出層次結構。基本鏈的鏈源和鏈宿都是節(jié)點，它決定節(jié)點的固定順序?；炬溣挚梢苑譃椋喉樞蜴?、結構鏈、查詢鏈、移動鏈、縮放鏈、全景鏈和視圖鏈。順序鏈是將超文本或者超媒體節(jié)點按最基本的先后順序排成一個隊列。各節(jié)點之間呈現(xiàn)出線性結構?；窘Y構鏈交叉索引鏈將節(jié)點連結成交叉的網狀結構組織鏈和推理鏈組織鏈和推理鏈可以分為索引鏈、蘊含鏈和執(zhí)行鏈。索引鏈將用戶從一個索引節(jié)點引到該節(jié)點相應的索引入口。索引用于與數(shù)據(jù)庫的接口及查找共享同一索引項的文獻。蘊含鏈用于連接推理樹中的事實。執(zhí)行鏈是一種將執(zhí)行活動與按鈕節(jié)點相連的特殊節(jié)點。推理鏈是一種虛鏈或稱之為動態(tài)鏈。超文本信息網絡是由節(jié)點和鏈構成的一個有向信息網絡，這種信息網絡類似于人工智能中的語義網絡，語義網是一種知識表示方法，其中節(jié)點表示概念，而節(jié)點之間的弧表示兩個概念之間的關系。超媒體中的網絡結構不僅僅提供了知識、信息，同時還包含對知識信息的分析和推理。如果網絡中節(jié)點內不僅有文本，而且還包含有圖形、動畫、聲音及它們的組合等多種信息，即為超媒體網絡。熱標熱標是超媒體中特有的元素，它確定相關信息的鏈源，通過它可以引起相關內容的轉移。熱標可分為熱字、熱區(qū)、熱元、熱點和熱屬性五類熱字 熱字往往存在于文本當中，把需要進一步解釋和含有特殊含義的字、詞或詞組做成帶下劃線和特別顏色，與其他內容區(qū)別開來，而各保留字和轉移目的卻不顯示出來，讀者通過點擊這些熱字可得到進一步的解釋和說明。據(jù)了解，目前廣東鐵青已率先推出了前往包頭，途經呼和浩特的火車旅游路線――“內蒙響沙灣、山西太原、平遙古城、云崗石窟、五臺山空調雙臥9天”，熱標熱區(qū) 熱區(qū)是在圖像等靜態(tài)視覺媒體節(jié)點中某一感興趣的區(qū)域，作為觸發(fā)轉移的源點。通常使鼠標標志在進入熱區(qū)時變形為一種多邊形，用戶便知道可以轉移到另一幅能夠更詳盡地描述當前圖像部位的新圖片。下圖所示就是網頁中一幅由分為多個熱區(qū)的地圖，對于不同的省份，對應的地方就是一個熱區(qū)，當單擊某個熱區(qū)時，就會打開對應省份的詳細信息的目標節(jié)點。熱標

熱元 主要用于圖形節(jié)點。由于圖形的最基本單位是圖元(如一個圖、一條線、一個圓等)，當圖形在超媒體頁面中移動時，圖元跟著移動。如果為了在另一幅圖形中詳細描述本圖形的某一部分，便可用熱元的形式與轉換的目標圖形相鏈接。熱元在CAD工程設計中的建筑圖注釋、機器設備聯(lián)機維護手冊等方面有廣泛的用途。熱標

下圖則是網頁上利用圖像作為一組熱元的示例，單擊某一個圖片就可以打開相應的目標節(jié)點窗口。熱標

熱點 熱點是對于具有時間特性的媒體節(jié)點而言的，如動畫、視頻、聲音節(jié)點，如果用戶對其中某一段時間內的信息感興趣，就記錄下這段時間的起止，把這一段（或幾幀）信息稱為熱點。比如有一段視頻影像介紹黃山上的四季美景。用戶想要了解仲秋時節(jié)景象，可在時間軸上設定一個[b,a,c]的敏感區(qū)間，其中a為仲秋時節(jié)，b、a、c按時間順序排列。那么，用戶觸發(fā)了[b,a,c]區(qū)間內任一點都有效，都可以調出仲秋附近季節(jié)黃山的景色熱標

熱屬性 熱屬性是將關系數(shù)據(jù)庫中的屬性作為熱標來使用。由于數(shù)據(jù)媒體是一種特定的格式化符號數(shù)據(jù)，故可把熱標定為一個屬性，用特定的保留屬性字方法指明熱標觸發(fā)后表現(xiàn)的內容。如用IMAGE屬性表示后繼各元組中該屬性字符為圖像對象名。屬性中的元組有多個，每個元組又對應不同的內容，所以在把屬性當作熱標時，要對每一個元組都指明不同的鏈。

帶熱字的文本

4.4網頁中超文本的實現(xiàn)

4.4.1WWW技術的基本概念1．WWW的工作方式發(fā)出請求發(fā)回網頁WWW中的超文本和超媒體

Internet已經有20多年的歷史了，近幾年出現(xiàn)了Internet熱，這主要應歸功于Web。Internet提供了世界范圍內網絡互連和通信功能，Web則是一個環(huán)球信息資源庫。

我們知道超媒體系統(tǒng)建立的鏈接關系是文本、聲音、圖形、圖像、動畫和視頻片段之間的鏈接關系。當我們使用Web瀏覽器瀏覽因特網時，在顯示屏幕上看到的頁面稱為網頁（WebPage），它是Web站點上的文檔。而進入該站點時在屏幕上顯示的第一個綜合界面稱為起始頁（homepage）或者稱為主頁，它有一點像一本書的封面或書上的目錄表。Web由無數(shù)的頁面(homepage)組成，頁面上的信息包羅萬象，而且時時在增加，天天在更新。

WWW(WorldWideWeb)是信息發(fā)現(xiàn)技術和超媒體技術的綜合，它以基于客戶/服務器的工作方式，通過超文本文獻，把全世界Internet上不同地點的相關信息有機地結合了起來，并提供了聯(lián)想式導航瀏覽手段。在WWW上，豐富的超文本文獻集合被放在各個WWW服務器上。WWW的服務器將信息組織成為分布式的超文本，這些信息的節(jié)點為文本、圖像、子目錄或信息指針。

而WWW的客戶程序成為瀏覽器，運行在客戶機上，利用超文本傳輸協(xié)議向服務器發(fā)出請求，訪問服務器上的超文本和超媒體信息，并在客戶端上以多媒體的形式表現(xiàn)出來。支持WWW客戶/服務器的協(xié)議主要有兩個：超文本傳輸協(xié)議(HyperTextTransferProtocol,HTTP)。它為客戶/服務器通信提供了聯(lián)絡方式及信息傳送格式。超文本標記語言(HyperTextMarkupLanguage,HTML)。它是一種用戶與程序都能理解的語言，它是為文獻提供表現(xiàn)界面與超文本鏈接的標記語言。

超文本傳輸協(xié)議HTTP最初只是一個面向對象的應用級協(xié)議，并非專用于超文本／超媒體的傳輸，但其精巧快速，特別是通用、無狀態(tài)性以及面向對象的特點，使之非常適合于分布式協(xié)作化的超文本／超媒體系統(tǒng)，因此取名為超文本傳輸協(xié)議。SGMLHTMLXMLVRML

4.4.2超文本標記語言

的常用術語

1）URL（統(tǒng)一資源定位符）

2）網頁

3）網站

4）主頁（首頁）

在我們認識HTTP之前，有必要先弄清楚URL的組成,例如：http:///china/index.html。它的含義如下：

1.http://：代表超文本傳輸協(xié)議，通知服務器顯示Web頁，通常不用輸入；

2.www：代表一個Web（萬維網）服務器；

3./：這是裝有網頁的服務器的域名，或站點服務器的名稱；

4.China/：為該服務器上的子目錄，就好像我們的文件夾；

5.Index.html：index.html是文件夾中的一個HTML文件（網頁）。既然我們明白了URL的構成，那么HTTP是怎么工作呢？我們接下來就要討論這個問題。

一次HTTP操作稱為一個事務，其工作過程可分為四步：

首先客戶機與服務器需要建立連接。只要單擊某個超級鏈接，HTTP的工作就開始了。

建立連接后，客戶機發(fā)送一個請求給服務器，請求方式的格式為：統(tǒng)一資源標識符（URL）、協(xié)議版本號，后邊是MIME信息包括請求修飾符、客戶機信息和可能的內容。

服務器接到請求后，給予相應的響應信息，其格式為一個狀態(tài)行，包括信息的協(xié)議版本號、一個成功或錯誤的代碼，后邊是MIME信息包括服務器信息、實體信息和可能的內容。

客戶端接收服務器所返回的信息通過瀏覽器顯示在用戶的顯示屏上，然后客戶機與服務器斷開連接。

如果在以上過程中的某一步出現(xiàn)錯誤，那么產生錯誤的信息將返回到客戶端，有顯示屏輸出。對于用戶來說，這些過程是由HTTP自己完成的，用戶只要用鼠標點擊，等待信息顯示就可以了。

許多HTTP通訊是由一個用戶代理初始化的并且包括一個申請在源服務器上資源的請求。最簡單的情況可能是在用戶代理和服務器之間通過一個單獨的連接來完成。在Internet上，HTTP通訊通常發(fā)生在TCP/IP連接之上。缺省端口是TCP80，但其它的端口也是可用的。但這并不預示著HTTP協(xié)議在Internet或其它網絡的其它協(xié)議之上才能完成。HTTP只預示著一個可靠的傳輸。

這個過程就好像我們打電話訂貨一樣，我們可以打電話給商家，告訴他我們需要什么規(guī)格的商品，然后商家再告訴我們什么商品有貨，什么商品缺貨。這些，我們是通過電話線用電話聯(lián)系（HTTP是通過TCP/IP），當然我們也可以通過傳真，只要商家那邊也有傳真

基于HTTP協(xié)議的客戶/服務器模式的信息交換過程，它分四個過程：建立連接、發(fā)送請求信息、發(fā)送響應信息、關閉連接。HTTP的含義及其作用

HTTP是超文本傳輸協(xié)議，是客戶端瀏覽器或其他程序與Web服務器之間的應用層通信協(xié)議。在Internet上的Web服務器上存放的都是超文本信息，客戶機需要通過HTTP協(xié)議傳輸所要訪問的超文本信息。HTTP包含命令和傳輸信息，不僅可用于Web訪問，也可以用于其他因特網/內聯(lián)網應用系統(tǒng)之間的通信，從而實現(xiàn)各類應用資源超媒體訪問的集成。SGML

標準通用標記語言（StandardGeneralizedMarkupLanguage，SGML）是1986年出版發(fā)布的一個信息管理方面的國際標準，標準號是ISO8879。該標準定義獨立于平臺和應用的文本文檔的格式、索引和鏈接信息，為用戶提供一種類似于語法的機制，用來定義文檔的結構和指示文檔結構的標簽（tag）。

SGML規(guī)定了在文檔中嵌入描述標記的標準格式，指定了描述文檔結構的標準方法。也就是說，可以使用SGML為創(chuàng)作的每一種類型的文檔設置層次結構模型，可以用篇、章、節(jié)、標題等描述標記來標識文檔結構中的文檔元素。SGML是一個包含超文本鏈接（hypertextlinks）的綜合語言，在Web上使用的HTML格式是使用固定標簽集的一種SGML文檔。

SGML的主要特點是：它不僅可以支持無數(shù)的文檔結構類型，如布告、技術手冊、章節(jié)、目錄、設計規(guī)范、各種報告、信函和備忘錄等，還可以創(chuàng)建與特定的軟硬件無關的文檔，方便不同計算機系統(tǒng)的用戶交換文檔。

HTML

超文本標記語言（HyperTextMarkupLanguage，HTML）是一種用來創(chuàng)作萬維網頁面的描述語言。是表示網頁的一種規(guī)范，HTML使用HTML標簽來定義文檔的格式、組成和鏈接關系，如字形、字體、表單、標題和統(tǒng)一資源地址（UniformResourceLocator,URL）等。HTML是從SGML導出的語言，是SGML的一個子集。使用HTML創(chuàng)作的文檔是一套固定標簽的SGML文檔。超文本標記語言

HTML（HypertextMarkupLanguage）稱為超文本標記語言，是用來編寫網頁的一種語言，其是構成網頁的主要元素。

HTML不是編程語言，而是標記語言。其沒有編程語言條件判斷和循環(huán)控制結構，有的只是許許多多的標記符。

HTML通過在網頁中添加標記符，來告訴瀏覽器如何顯示所標記的內容，即標記符的作用是確定所標記內容的顯示格式和方式。

HTML是一種用來制作超文本文檔的簡單標記語言。用HTML編寫的超文本文檔稱為HTML文檔，它能獨立于各種操作系統(tǒng)平臺（如UNIX、WINDOWS等）。通過標記符定義了網頁內容的顯示。例如：用<table>標記符在網頁上定義一個表格。HTML文檔（即網頁的源文件）是一個放置了標記的ASCII文本文件，通常它帶有.html或.htm的文件擴展名。

超文本標記語言

1.超文本標記語言HTML 1.HTML基本語法

2.HTML特點

3.HTML的應用

2.XML 1.概述

2.XML的基本組成HTML標記語句

HTML語句由標記符和被標記的內容組成。<標記符>受標記影響的內容</標記符>

起始標記符結束標記符

HTML中標記語句的一般格式為：HTML標記語句

<標記符>受標記影響的內容</標記符>

例1：

<U>山西大同大學</U>其作用是在“山西大同大學”下面加下劃線。HTML標記語句

<標記符>受標記影響的內容</標記符>

例2：

<B>山西大同大學</B>其作用是將“山西大同大學”加粗顯示。HTML標記語句

<標記符>受標記影響的內容</標記符>

例3：

<U><B>山西大同大學</B></U>其作用是將“山西大同大學”加粗并加下劃線。標記符可以嵌套使用，如：HTML標記語句

<標記符>受標記影響的內容</標記符>

<標記符屬性名1=屬性值1…>受標記影響內容</標記符>如果需要進一步控制被標記內容的顯示方式，還可以為標記符指定屬性。其格式如下:

例4：

<fontsize=6>山西大同大學</font>

HTML文檔的基本結構

<html><head><title>

這里是網頁的標題,顯示在瀏覽器的標題欄中

</title></head><body>

這里是網頁的正文,可以包含文本、圖片、超鏈接、

各種格式描述、客戶端和服務端的腳本代碼等。

</body></html>頭部正文常用的HTML標記

該標記用于定義網頁的標題，<title>與</title>之間的內容將顯示在瀏覽器的標題欄中。<html><head><title>HTML超文本標記語言</title></head><body>……</body></html>1.網頁的頭部標記<title>……</title>

常用的HTML標記

2.網頁的主體標記

<body>用于標記網頁的主體部分。在<body>和</body>之間包含網頁中可以顯示出來的各對象的標記語句。

<body>標記包含如下屬性：bgcolor:設置背景顏色。background:設置背景圖片。text:設置網頁中文本的顏色。link：設置普通超鏈接顏色。vlink：設置訪問過鏈接顏色。alink：設置活動超鏈接顏色。常用的HTML標記

2.網頁的主體標記如：<bodybackground=“beijing.jpg”>格式：background=“圖片文件的文件名”

其中：圖片的文件名要加上必要的路徑；并且要用英文單角的雙引號括起來。常用的HTML標記

2.網頁的主體標記如：<bodybgcolor=red>常用的HTML標記

2.網頁的主體標記如：<bodybgcolor=red>顏色值有兩種表示方法：用“#”引導的一個六位十六進制數(shù)代碼（分別代表紅、綠、藍分量）表示；用英文顏色名表示常用的HTML標記

2.網頁的主體標記常用的HTML標記

3.HTML文本標記字體格式標記

<font>標記用來設置字體格式，包括字體、大小和顏色，其一般格式為：<fontsize=數(shù)字face=字體名color=顏色>被設置的文字

</font>

face屬性用來設置字體，這里的“字體名”就是在Word的“常用”工具欄的“字體”列表框中顯示的字體名。常用的HTML標記

3.HTML文本標記字體格式標記

<font>標記用來設置字體格式，包括字體、大小和顏色，其一般格式為：<fontsize=數(shù)字face=字體名color=顏色>被設置的文字</font>如：<fontsize=4face=“隸書”color=yellow>政法學院</font>常用的HTML標記

3.HTML文本標記標題標記

標題是一段有加強效果的文字，標題標記的格式為：<Hnalign=對齊方式>標題文字</Hn>

其中n代表標題的級別，用來指定標題文字的大小，可以取1～6之間的整數(shù)值，取1時文字最大，取6時文字最小。標題文字自動加粗。

屬性align用來設置標題在頁面中的對齊方式，取值有：left（左對齊）、center（居中）和right（右對齊）。常用的HTML標記

3.HTML文本標記標題標記

標題是一段有加強效果的文字，標題標記的格式為：<Hnalign=對齊方式>標題文字</Hn>如：<h1align=center>計算機系</h1>常用的HTML標記

4.段落標記換行標記

使用<br>標記實現(xiàn)換行，該標記前后的文字成為兩行，但兩行仍為一段。如：山西大同大學<br>計算機系常用的HTML標記

4.段落標記分段標記

使用<p>標記實現(xiàn)分段，<p>和</p>之間為一段,其一般格式為：<palign=對齊方式>段中文字</p>

屬性align用來設置段落在頁面中的對齊方式，取值有：left（左對齊）、center（居中）和right（右對齊）。常用的HTML標記

4.段落標記分段標記

使用<p>標記實現(xiàn)分段，<p>和</p>之間為一段,其一般格式為：如：<palign=center>山西大同大學<palign=left>計算機系</p><palign=對齊方式>段中文字</p>常用的HTML標記

5.圖像標記網頁中圖片的顯示使用<img>標記，其格式如下：<img

src=文件名alt=說明width=xheight=yborder=nhspace=hvspace=valign=對齊方式>src:設置要顯示圖片的文件名。alt:設置當鼠標指向圖片時的替代文字。Width、Height

:設置圖片的寬度、高度。Border:設置邊框的粗細。Hspace、vspace:設置圖片水平、上下的空白。Align:設置圖片相對于周圍文字的對齊方式。常用的HTML標記

5.圖像標記網頁中圖片的顯示使用<img>標記，其格式如下：<img

src=文件名alt=說明width=xheight=yborder=nhspace=hvspace=valign=對齊方式>如：<img

src=“tup1.jpg”>常用的HTML標記

5.圖像標記網頁中圖片的顯示使用<img>標記，其格式如下：<img

src=文件名alt=說明width=xheight=yborder=nhspace=hvspace=valign=對齊方式>如：<img

src=“tup1.jpg”alt=“圖書”align=left>常用的HTML標記

5.圖像標記網頁中圖片的顯示使用<img>標記，其格式如下：<img

src=文件名alt=說明width=xheight=yborder=nhspace=hvspace=valign=對齊方式>圖片相對于文字的對齊方式Align的取值如下：Left:圖片位于文字的左面；Right:圖片位于文字的右面；Top;圖片的頂端與文字對齊；Middle:圖片的中央與文字對齊；Bottom圖片的端與文字對齊常用的HTML標記

5.超鏈接標記網頁中的超鏈接使用<A>標記，其格式如下：<Ahref=“URL”

target=打開窗口方式>超鏈接源</A>href:指出要鏈接到的網頁的URL地址。target:指出打開鏈接到網頁的方式，其取值如下：

_blank:在新窗口顯示鏈接到的網頁的內容；

_self:在原有窗口顯示鏈接到的網頁的內容。常用的HTML標記

5.超鏈接標記網頁中的超鏈接使用<A>標記，其格式如下：<Ahref=“URL”

target=打開窗口方式>超鏈接源</A>超鏈接源可以是文字，也可以是圖片常用的HTML標記

5.超鏈接標記網頁中的超鏈接使用<A>標記，其格式如下：<Ahref=“URL”

target=打開窗口方式>超鏈接源</A>如：<Ahref=“http://”target=“_blank”>河北政法職業(yè)學院</A><Ahref=“”><img

src=“tup2.jpg”></A>常用的HTML標記

6.表格標記

表格的標記為<table>…</table>，行的標記為<tr>…</tr>，表項(列)的標記為<td>…</td>、表頭的標記為<th>…</th>。表格標記的一般格式：<tablealign=left|center|rightborder=nwidth=x|x%height=y|y%><tr><th>表頭1<th>表頭2…<th>表頭n<tr><td>表項1<td>表項2…<td>表項n……<tr><td>表項1<td>表項2…<td>表項n</table>

其中，<table>…</table>標記則必須成對使用,</tr>、</td>、</th>可以省去。常用的HTML標記

6.表格標記

表格的標記為<table>…</table>，行的標記為<tr>…</tr>，表項(列)的標記為<td>…</td>、表頭的標記為<th>…</th>。表格標記的一般格式：<tablealign=left|center|rightborder=nwidth=x|x%height=y|y%><tr><th>表頭1<th>表頭2…<th>表頭n<tr><td>表項1<td>表項2…<td>表項n……<tr><td>表項1<td>表項2…<td>表項n</table>

<th>和<td>都是標記列的，<th>標記的文字按粗體顯示，屬于“表頭”，<td>標記的文字按正常字體顯示，屬于表項。常用的HTML標記

6.表格標記如：<tablealign=centerborder=1width=300><tr><th>序號</th><th>姓名</th><th>成績</th></tr><tr><td>1</td><td>張三</td><td>80</td></tr><tr><td>2</td><td>李四</td><td>90</td></tr></table>常用的HTML標記

6.表格標記如：<tablealign=centerborder=1width=300cellspacing=5><tr><th>序號</th><th>姓名</th><th>成績</th></tr><tr><td>1</td><td>張三</td><td>80</td></tr><tr><td>2</td><td>李四</td><td>90</td></tr></table><table>標記可以添加cellspacing和cellpading屬性，設置單元格的間距和邊距。常用的HTML標記

6.表格標記如：<tablealign=centerborder=1width=300cellspacing=5bordercolor=“red”><tr><th>序號</th><th>姓名</th><th>成績</th></tr><tr><td>1</td><td>張三</td><td>80</td></tr><tr><td>2</td><td>李四</td><td>90</td></tr></table><table>標記可以添加bordercolor屬性，設置表格邊框線的顏色。常用的HTML標記

6.表格標記如：<tablealign=centerborder=1width=300cellspacing=5bordercolor=“red”background=“back.jpg”><tr

bgcolor=“yellow”><th>序號</th><th>姓名</th><th>成績</th></tr><tr><td>1</td><td>張三</td><td>80</td></tr><tr><td>2</td><tdbgcolor=“red”>李四</td><td>90</td></tr></table><table>、<tr>、<td>標記可以添加bgcolor屬性和background屬性，設置表格、行或單元格的背景顏色和背景圖片。常用的HTML標記

6.表格標記如：<tablealign=centerborder=1width=300cellspacing=5bordercolor=“red”background=“back.jpg”><tr

bgcolor=“yellow”><th>序號</th><th>姓名</th><th>成績</th></tr><tralign=center><td>1</td><td>張三</td><td>80</td></tr><tr><tdalign=center>2</td><tdbgcolor=“red”>李四</td><td>90</td></tr></table><tr>標記可以添加align屬性，設置該行的所有單元格中內容的對齊方式。<td>標記可以添加align屬性，設置該單元格中內容的對齊方式。align屬性的取值：left、center、right。常用的HTML標記

6.表格標記

<table>…</table>標記中的第一行可以使用<caption>…</caption>標記為表格加標題，該標記的一般格式如下：<captionalign=*valign=*>標題</caption>Left|center|righttop|bottom標題位于表格上面標題位于表格下面常用的HTML標記

6.表格標記

<table>…</table>標記中的第一行可以使用<caption>…</caption>標記為表格加標題，該標記的一般格式如下：<captionalign=*valign=*>標題</caption>Left|center|righttop|bottom標題位于表格上面標題位于表格下面常用的HTML標記

6.表格標記

可以使用<td>、<th>標記的rowspan屬性來制作跨多行的單元格(合并一列的多個單元格)。格式如下：<tdrowspan=n>表項</td>或<th

rowspan=n>表頭</th>

其中，n表示合并的行數(shù)。<tablealign=centerborder=1><tr><tdrowspan=2>1</td><td>2</td><tr><td>3</td></table>常用的HTML標記

6.表格標記

可以使用<td>、<th>標記的colspan屬性來制作跨多列的單元格(合并一行的多個單元格)。格式如下：<tdcolspan=n>表項</td>或<th

colspan=n>表頭</th>

其中，n表示合并的行數(shù)。<tablealign=centerborder=1><tr><td>1</td><td>2</td><tr><tdcolspan=2>3</td></table>XML概述

XML是一種可擴展的標記語言(ExtensibleMarkupLanguage)，雖然也是用標記表示數(shù)據(jù)，但是它的標記說明了數(shù)據(jù)的含義，而不是如何顯示。XML本身不是一個單一的標記語言，它是一種元語，可以被用來定義一種新的標記語言。HTML是用來定義某一類文件便于顯示的格式，而XML是用來創(chuàng)造類別文件的格式定義，也就是在XML中可以創(chuàng)造出很多不同的標記語言，用來定義不同的文件類別。XML特點(1)XML是文本化的小型數(shù)據(jù)庫表達語言，可以對其進行裝入/保持、插入/刪除/修改、選擇等操作。甚至可以把XML應用作為一個中間層的虛擬數(shù)據(jù)庫。(2)XML是客戶端計算機的數(shù)據(jù)結構載體。通過與JavaScript/DHTML結合使用，可實現(xiàn)客戶端小型信息過濾、查詢、計算與通信的應用。(3)XML是信息的高層封裝與傳輸標準。它是不同應用系統(tǒng)之間的數(shù)據(jù)標準接口和所有信息的中間層表示，是中間層應用服務器的通用數(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是面向對象的標記語言，它具有接口/類機制、對象實例，可以定義對象的實現(xiàn)或方法，并且可以解決類的繼承問題。XML中的資源、尋址以及物理實體構成了信息組件。XML中的資源描述框架是信息導航、瀏覽、搜索的用戶接口標準。(6)XML是一種不同數(shù)據(jù)結構體的文本描述語言。它可以描述線性表、樹、圖形，也能描述文件化的外部數(shù)據(jù)結構。還可以制造類似于XML的編譯器，使文本與二進制文件之間相互轉換。XML的基本組成

XML包含三個要素： 文檔類型聲明DTD(DocumentTypeDefinition)或者XMLSchema

可擴展樣式語言XSL(eXtensible

StylesheetLanguage)

可擴展鏈接語言Xlink(eXtensibleLinkLanguage)。XML的基本組成DTD和XMLSchema a.元素類型聲明

b.屬性表聲明

c.實體聲明

d.符號聲明

e.XML大綱XML的基本組成(2)擴展樣式語言XSL

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

XML

可擴展標記語言（ExtensibleMarkupLanguage，XML）是一種新型的標記語言。它同HTML一樣，都來自標準通用標記語言（StandardGeneralizedMarkupLanguage，SGML）。早在Web未發(fā)明之前，SGML就早已存在。正如它的名稱所言，SGML是一種用標記來描述文檔資料的通用語言，它包含了一系列的文檔類型定義（簡稱DTD），DTD中定義了標記的含義，因而SGML的語法是可以擴展的。

XML是一個精簡的SGML，它將SGML的豐富功能與HTML的易用性結合到Web的應用中。XML保留了SGML的可擴展功能，這使XML從根本上有別于HTML。XML要比HTML強大得多，它不再是固定的標記，而是允許定義數(shù)量不限的標記來描述文檔中的資料，允許嵌套的信息結構。HTML只是Web顯示數(shù)據(jù)的通用方法，而XML提供了一個直接處理Web數(shù)據(jù)的通用方法。HTML著重描述Web頁面的顯示格式，而XML著重描述的是Web頁面的內容。

Web的應用將隨著XML的使用而更精彩，總的說來的XML的應用可分為四類：用于客戶需要與不同的數(shù)據(jù)源進行交互時。應用于將大量運算負荷分布在客戶端，即客戶可根據(jù)自己的需求選擇和制作不同的應用程序以處理數(shù)據(jù)，而服務器只須發(fā)出同一個XML文件。應用于將同一數(shù)據(jù)以不同的面貌展現(xiàn)給不同的用戶。這一應用也可在上例中體現(xiàn)出來。應用于網絡代理對所取得的信息進行編輯、增減以適應個人用戶的需要。4.5動態(tài)網頁生成技術

目前最常用的動態(tài)網頁技術主要有

ASP(activeserverpages),PHP(personalhypertextprepmcessor),JSP(Javaserverpages)。它們都是應用于服務器端的技術,以便于快速開發(fā)基于Web的應用程序。

1.ASPASP內含于IIS(MicrosoftInternetinformationserver)當中,提供一個服務器端的腳本運行環(huán)境。

·

Web服務器會自動將ASP的程序碼解釋為標準HTML格式的主頁內容,在用戶端的瀏覽器上顯示出來。

·

用戶端使用可執(zhí)行HTML碼的瀏覽器,即可瀏覽。

·ASP無需編譯即可解釋執(zhí)行?？梢酝ㄟ^ActiveX服務器來擴充功能,ActiveX服務器組件可使用VB,Java,C++,COBOL等語言來實現(xiàn)。

·

它還可以通過插入方式,使用由第三方提供的其他腳本語言,例如Perl語言。它的源程序不會下載到用戶瀏覽器,可以保護源程序。下載到用戶瀏覽器的是ASP執(zhí)行結果的HTML碼。

·ASP只能運行于微軟的服務器產品上,其功能有限,

必須通過ASP+COM的組合來擴充。在UNIX通過插件可以支持ASP,但是UNIX下的COM實現(xiàn)十分困難。2.PHP

PHP是一種跨平臺的服務器端的嵌入式腳本語言。它大量地借用C、Java、和Perl語言的語法,并結合PHP自己的特性,使Web開發(fā)者能夠快速地寫出動態(tài)生成頁面。

·PHP可以支持具有與許多數(shù)據(jù)庫相連接的函數(shù)。但是PHP提供的數(shù)據(jù)庫接口不統(tǒng)一。這是PHP的一大弱點。3.JSPJSP

是SUN公司推出的新一代Web站點開發(fā)語言,借助于Java強大的跨平臺特性,它具備SUN所推行一次編寫處處運行(writeonce,runeverywhere)"的特點。它完全克服了目前ASP、PHP的腳本級執(zhí)行的缺點。

JSP特點：

·JSP

可以在Servlet

和JavaBeans/EJB/CORBA/JNDI等的支持下,構建功能強大的網絡應用平臺。

·

JSP的最大特點是將內容的生成和顯示進行分離。使用JSP技術,Web頁面開發(fā)人員可以使用HTML或者XML標記來設計和格式化最終頁面。

·

使用JSP標記或者JSP腳本來生成頁面上的動態(tài)內容。生成內容的邏輯被封裝在JSP標記和JavaBean

組件中,并且捆綁在JSP腳本中,所有腳本在服務器端運行。如果核心邏輯被封裝在標記和Beans中,那么其他人,如Web管理人員和界面設計者能夠編輯和使用JSP頁面,而不影響內容的生成。

·

在服務器端,JSP引擎解釋JSP標記和JSP腳本,生成所請求的內容,并且將結果以HTML或者XML頁面形式發(fā)送給瀏覽器。JSP可以運行于幾乎所有的平臺。

總體來說,JSP應該是未來發(fā)展的趨勢。網頁設計工具

編輯HTML文件使用一般的純文本編輯器就可以勝任，如記事本、寫字板等。隨著網頁制作技術的不斷發(fā)展，出現(xiàn)了諸如FrontPage、Dreamweaver等可視化的網頁編輯工具。

frontpage,dreamwraver1.FrontPageFrontPage是由Microsoft公司推出的Web頁面制作工具軟件。FrontPage使網頁制作者能夠更加方便、快捷地創(chuàng)建和發(fā)布網頁，具有直觀的網頁制作和管理方法，簡化了大量工作。FrontPage界面與Word、PowerPoint等軟件的界面極為相似，易學易用，為使用者帶來了極大的方便。此外，F(xiàn)rontPage還自帶一個

Web服務器，使用戶在沒有安裝

Web服務器軟件的計算機上也能通過瀏覽器測試網頁。

2.DreamweaverDreamweaver是由Macromedia公司推出的一款網頁制作軟件，它具有可視化編輯界面，用戶不必編寫復雜的HTML源代碼就可以生成跨平臺、跨瀏覽器的網頁。Dreamweaver的網頁動態(tài)效果與網頁排版功能比一般的軟件都好用，它可以滿足多層次的需求，是功能強大的可視化、專業(yè)級網頁設計及制作工具。所以它是網頁設計者的首選工具。

動態(tài)網頁技術

所謂動態(tài)網頁是指按照訪問者的不同需要，對訪問者輸入的信息做出不同的響應，提供響應的信息。動態(tài)網頁生成的原理1．CGI技術CGI(CommonGatewayInterface)即公用網關接口。用來實現(xiàn)CGI應用程序的編程語言有很多種，如VisualBasic、Delphi或C/C++、Perl等。當用戶在瀏覽器端填好表單要求輸入的資料，提出HTTP請求后，Web服務器端執(zhí)行該表單所設定的CGI應用程序，處理訪問者輸入的信息并據(jù)此做出響應，將其運行結果傳輸?shù)娇蛻舳说臑g覽器上。由于CGI程序不是整合在HTML文檔中，因此須使用與HTML不同的設計過程來設計一個應用程序，每一次修改程序都必須重新將CGI程序編譯成可執(zhí)行文件。使用CGI方式的缺點是效率低下。

2．ASP技術

ASP是ActiveServerPages的簡稱，是微軟公司推出的Web應用程序開發(fā)技術。使用ASP可以建立動態(tài)的、交互的、高效的Web服務器應用程序。ASP允許用服務器端腳本來擴展HTML，利用VBScript、JavaScript或其他第三方腳本語言編程，實現(xiàn)過去需要編寫復雜的CGI程序才能實現(xiàn)的動態(tài)網頁。如果去掉這些包含實現(xiàn)動態(tài)功能的VBScript或JavaScript語句，它和標準的HTML文件沒有任何區(qū)別。ASP的主要工作環(huán)境是微軟的IIS應用程序結構，因ActiveX對象具有平臺特性，所以ASP技術不能很容易地實現(xiàn)在跨平臺的Web服務器的工作。

ASP工作原理3.JSP技術

JSP（JavaServerPages）是由SunMicrosystem公司推出的，基于JavaServlet以及整個Java體系的Web開發(fā)技術。利用這一技術可以建立先進、安全和跨平臺的動態(tài)網站?？偟膩碇v，JavaSeverPages（JSP）和微軟的ActiveSeverPages（ASP）在技術方面有許多相似之處。兩者都是為基于Web應用實現(xiàn)動態(tài)交互網頁制作提供的技術環(huán)境支持。同等程度上來講，兩者都能夠為程序開發(fā)人員提供實現(xiàn)應用程序的編制與自帶組件設計，而且兩者都能夠替代CGI使網站建設與發(fā)展變得較為簡單、快捷，不過兩者是來源于不同的技術規(guī)范組織。

本章要點

1.超文本和超媒體的基本概念、主要特性和體系結構以及超文本和超媒體組成要素。2.超文本和超媒體的應用及研究的問題。3.網頁中超文本的實現(xiàn)。1．HTML標記

標簽:用’<‘和’>’括起來的句子，用來分割和標記文本的元素。(1)單標簽只需單獨使用就能完整地表達意思，這類標記的語法是：

<標簽名稱>(2)雙標簽“雙標簽”由“始標簽”和“尾標簽”兩部分構成，而且必須成對使用，這類標記的語法是：

<標簽>內容</標簽>

(3)標簽屬性

大多數(shù)標簽（包括單標記和雙標記）的始標記內可以包含一些屬性，其語法是：

<標簽名字屬性1屬性2屬性3…>

2．HTML文件結構

<HTML> html文件開始

<HEAD> 文件頭開始

<TITLE> 網頁主題開始網頁主題文本

</TITLE> 網頁主題結束

</HEAD> 文件頭結束

<BODY> 文件體開始

文件體

（這里寫正文）

</BODY> 文件體結束</HTML> html文件結束

<html><body><h1>我的第一個網頁</h1><p>我的第一頁，第一段.</p></body></html>例子解釋<html>與</html>之間的文本描述網頁<body>與</body>之間的文本是可見的頁面內容<h1>與</h1>之間的文本被顯示為標題<p>與</p>之間的文本被顯示為段落。超文本標記語言HTMLHTML基本語法:控制命令用<>括起來。主要標記有：文件頭。文件體。標題頭(Heading)。文本塊結構(BlockStructuringElement)。列表結構<ListElement>。錨元素<Anchor>。嵌入圖像標記。表格標記<Table>。輸入表標記。分割窗口標記。換行符。水平線。超文本標記語言HTML

HTML特點

(1)創(chuàng)建和實現(xiàn)獨立于平臺的文檔

(2)與Internet上其他文檔相連接

(3)WWW頁面包括圖形和多媒體

(4)能夠鏈接Internet上的其他資源超文本標記語言HTML

HTML的應用 一個多媒體網頁中可能包括背景、文本內容、表格、背景音樂、音樂鏈接、視頻鏈接、嵌入的圖像或圖像鏈接等，表現(xiàn)力十分豐富。HTML用于對多媒體信息進行組織并以網