XML（ExtensibleMarkupLanguage，可擴(kuò)展標(biāo)記語言）[1]是一種可以記錄數(shù)據(jù)內(nèi)涵的標(biāo)記語言，因其在可擴(kuò)展性、結(jié)構(gòu)性和可校驗(yàn)性等方面的優(yōu)越表現(xiàn)，給網(wǎng)絡(luò)課件的描述方式、設(shè)計(jì)格式、開放資源和使用等方面帶來了革新，從而為網(wǎng)絡(luò)課件的開發(fā)和應(yīng)用提供了強(qiáng)有力的手段[2]。XML技術(shù)以開放的方式結(jié)構(gòu)化地表述數(shù)據(jù)信息，具有異構(gòu)系統(tǒng)間的信息交流、更精確的搜索、數(shù)據(jù)存儲更靈活、數(shù)據(jù)的多樣顯示等優(yōu)勢。因此，基于XML技術(shù)的網(wǎng)絡(luò)課件是標(biāo)準(zhǔn)化的、開放的，課件內(nèi)容具有更強(qiáng)的可交互性和共享性。

　　摘要：該文主要介紹了如下三種基于XML的網(wǎng)絡(luò)課件頁面制作模式：XML+XSL模式主要用于基本頁面的實(shí)現(xiàn)，SVG+SMIL模式主要用于具有交互和動畫功能的頁面的實(shí)現(xiàn)，AJAX+JAVASCRIPT主要用于需要頻繁刷新頁面的實(shí)現(xiàn)。

　　關(guān)鍵詞：網(wǎng)絡(luò)課件,XML,SVG,AJAX

　　本文主要介紹了如下三種基于XML的網(wǎng)絡(luò)課件頁面制作技術(shù)：XML+XSL模式主要用于基本頁面的實(shí)現(xiàn)，SVG+SMIL模式主要用于具有交互和動畫功能的頁面的實(shí)現(xiàn)，AJAX+JAVASCRIPT主要用于需要頻繁刷新頁面的實(shí)現(xiàn)。

　　1基于XML的網(wǎng)絡(luò)課件頁面制作技術(shù)

　　1.1XML+XSL模式課件頁面的制作

　　XML顯示有多種技術(shù)解決辦法，包括使用層疊樣式表（Cascadestylesheet，CSS）、可擴(kuò)展樣式語言（ExtensibleStylesheetLanguage，XSL）、Javascript和XML數(shù)據(jù)島。目前，常用的方法是CSS和XSL。該文選用XLS來呈現(xiàn)樣式。

　　XSL為XML數(shù)據(jù)提供了較強(qiáng)的格式轉(zhuǎn)換能力。由于內(nèi)容與顯示分離，結(jié)構(gòu)一樣而內(nèi)容不同的XML文檔可以用同一份XSL文檔來進(jìn)行格式化顯示，這對于經(jīng)常有大量結(jié)構(gòu)相同而內(nèi)容不同的頁面需要顯示的網(wǎng)絡(luò)課件來說是非常合適的。另一方面，當(dāng)需要改變頁面顯示效果時，只需改變XSL文件，不必對XML文檔作任何更改，即可成批改動XML文檔的顯示效果，這對于實(shí)現(xiàn)網(wǎng)絡(luò)課件的多種風(fēng)格顯示也非常有用。

　　一般完成XML文檔轉(zhuǎn)換有兩種模式：服務(wù)器端轉(zhuǎn)換模式和客戶端轉(zhuǎn)換模式。該文采用客戶端轉(zhuǎn)換模式。

　　利用XSL顯示XML的方法是向XML文檔中增加一個XSL樣式表（鏈接），然后讓瀏覽器來完成轉(zhuǎn)換。

　　1.2SVG+SMIL模式課件頁面的制作

　　SVG（ScalableVectorGraphic）是一個標(biāo)準(zhǔn)開放的矢量圖像格式，它可以使設(shè)計(jì)的網(wǎng)頁更加精彩，更加細(xì)致。使用簡單的文本命令，SVG甚至可以做出諸如色彩線性變化，自定義置入字體，透明，動態(tài)效果，慮鏡效果等各式常見的圖像效果。SVG建立于純文字格式的XML之上，直接繼承了XML的特性，它可以簡化異質(zhì)系統(tǒng)間的信息交流。SVG可以直接融入XML和XHTML網(wǎng)頁中，直接利用瀏覽器已有的技術(shù)，如CSS、DOM、Javascript達(dá)到動畫及DHTML般的動態(tài)效果，它支持單向和多向鏈接等。更重要的是SVG是W3C制定的網(wǎng)絡(luò)標(biāo)準(zhǔn)，所以它為網(wǎng)絡(luò)課件制作提供了新思路。

　　利用SVG制作網(wǎng)絡(luò)課件主要基于以下幾方面的考慮：

　　1）SVG的圖形對象和屬性

　　SVG文檔的基本組成部分是元素（Element），SVG定義了多種類型的元素，包括矩形、圓、橢圓、直線、折線和多邊形。此外，SVG還支持圖形繪制中常用的由Bezier曲線定義的路徑描述和操作，其元素標(biāo)記為。有了以上定義，就可對相應(yīng)路徑進(jìn)行勾勒、填充、裁剪、蒙版和合成等一系列操作。SVG1.2標(biāo)準(zhǔn)草案使人們得以處理聲音、視頻等多媒體內(nèi)容。

　　2）SVG的交互功能

　　SVG中常用的交互功能包括鏈接，鼠標(biāo)鍵盤事件等。把這些功能運(yùn)用到課件制作中，可以大大提高課件使用的靈活性。

　　實(shí)例1：該文完成了一個實(shí)例當(dāng)鼠標(biāo)停留在圖形的不同文字上，就會在圖形下方顯示相關(guān)的解釋，鼠標(biāo)離開對象，解釋內(nèi)容消失。SVG技術(shù)實(shí)現(xiàn)網(wǎng)絡(luò)課件交互頁面如圖1所示。

　　交互的關(guān)鍵代碼如下：

　　……

　　微處理器

　　……

　　cpu是centralprocessingunit（中央微處理器）的縮寫，由運(yùn)算器和控制器組成。

　　……

　　3）SVG動畫功能SVG標(biāo)準(zhǔn)的制定者與同為W3C組織的SYMM（SynchronizedMultimedia）工作組合作，共同編寫了SMIL動畫元素定義規(guī)范，這個規(guī)范描述了XML文檔中使用的通用動畫集特征。所以SVG與SMIL是同門師兄，也就是說SVG可以使用SMIL中的動畫元素。

　　SVG在課件制作中能完成的主要功能，包括繪圖，交互，動畫和對象元素的操作。SVG是未來網(wǎng)絡(luò)圖像動畫發(fā)展的趨勢，所以使用SVG來完成課件內(nèi)容制作也是一種趨勢。

　　本文中的實(shí)例是在IE中測試通過的，需要安裝一個SVGviewplug-ins。要運(yùn)行SVG文件有兩種方法，一種是將SVG嵌入HTML或XHTML中，另一種方法就是單獨(dú)定義一個SVG文件，并直接在IE中顯示，該文用到第二種方法。該文是將XML編輯工具軟件XmlSpy和SVG編輯工具SVGDeveloper兩者結(jié)合起來使用的。

　　1.3基于AJAX技術(shù)的課件頁面的制作

　　本文采用AJAX技術(shù)制作課件習(xí)題頁面。在傳統(tǒng)的JavaScript編程中，希望從服務(wù)器上的文件或數(shù)據(jù)庫中得到任何的信息，或者向服務(wù)器發(fā)送信息的話，就必須利用一個HTML表單向服務(wù)器GET或POST數(shù)據(jù)。而用戶則需要單擊“提交”按鈕來發(fā)送/獲取信息，等待服務(wù)器的響應(yīng)，然后一張新的頁面會加載結(jié)果。由于每當(dāng)用戶提交輸入后服務(wù)器都會返回一張新的頁面，傳統(tǒng)的web應(yīng)用程序變得運(yùn)行緩慢，且越來越不友好。通過利用AJAX，JavaScript會通過JavaScript的XMLHttpRequest對象，直接與服務(wù)器來通信。通過使用HTTP請求，web頁可向服務(wù)器進(jìn)行請求，并得到來自服務(wù)器的響應(yīng)，而不加載頁面。用戶可以停留在同一個頁面，而不會注意到腳本在后臺請求過頁面，或向服務(wù)器發(fā)送過數(shù)據(jù)。這樣既減輕了服務(wù)器的負(fù)擔(dān)又加快了響應(yīng)速度、縮短了用戶等候時間。

　　實(shí)例2：通過使用AJAX技術(shù)從XML試題文件中讀取試題信息生成試題頁面，并可以隨時查看答案。該實(shí)例包含如下相關(guān)文件：存放習(xí)題數(shù)據(jù)的st.xml文件、顯示數(shù)據(jù)的st.html、綁定和處理數(shù)據(jù)的javascript文件selectst.js和服務(wù)器端處理程序getst.asp文件。實(shí)現(xiàn)頁面如圖：（代碼較長，在此略去。）

　　該實(shí)例在編寫過程中，出現(xiàn)最突出的一個問題就是訪問服務(wù)器端后傳回的中文字符無法顯示，后來經(jīng)過查詢相關(guān)資料，找出原因是因?yàn)榍芭_和后臺使用的字符編碼方式不同導(dǎo)致通信過程出現(xiàn)問題，通過在相關(guān)程序中修改編碼方式最終解決了這個問題，使得中文字符可以正常顯示。

　　2結(jié)束語

　　本文總結(jié)了基于XML網(wǎng)絡(luò)課件頁面實(shí)現(xiàn)的三種不同技術(shù)，即XML+XSL技術(shù)，SVG+SMIL技術(shù)，AJAX技術(shù)，因?yàn)槎嗝襟w課件具有媒體類型多樣性以及多種交互方式和響應(yīng)時間等方面的要求要求，針對不同的要求可以選擇不同技術(shù)模式來實(shí)現(xiàn)課件頁面的制作。

　　參考文獻(xiàn)：

　　[1]ExtensibleMarkupLanguage（XML）1.0（SecondEdition）[Z].W3CRecommendation6，Oct.62000.

　　[2]王玲.基于XML的網(wǎng)絡(luò)課件的設(shè)計(jì)[J].中國科技信息，2004（21）.

　　[3]XMLSchema.W3CRecommendationon2May2001[EB/OL].http：//www.w3.org/XML/Schema.

　　[4]劉瀾.基于XML的網(wǎng)絡(luò)課件顯示技術(shù)的研究與應(yīng)用[D].上海：華中科技大學(xué)，2006.

---

轉(zhuǎn)載請注明來自：http://www.jinnzone.com/jisuanjiwangluolw/28948.html