基于XML网络课件页面制作技术研究.docVIP

基于XML网络课件页面制作技术研究 　　摘要：该文主要介绍了如下三种基于XML的网络课件页面制作模式：XML+XSL模式主要用于基本页面的实现，SVG+SMIL模式主要用于具有交互和动画功能的页面的实现，AJAX+JAVASCRIPT主要用于需要频繁刷新页面的实现。 　　关键词：网络课件；XML；SVG；AJAX 　　中图分类号：TP391 文献标识码：A 文章编号：1009-3044（2013）34-7762-03 　　XML（Extensible Markup Language，可扩展标记语言）[1]是一种可以记录数据内涵的标记语言，因其在可扩展性、结构性和可校验性等方面的优越表现，给网络课件的描述方式、设计格式、开放资源和使用等方面带来了革新，从而为网络课件的开发和应用提供了强有力的手段 [2]。XML技术以开放的方式结构化地表述数据信息，具有异构系统间的信息交流、更精确的搜索、数据存储更灵活、数据的多样显示等优势。因此，基于XML技术的网络课件是标准化的、开放的，课件内容具有更强的可交互性和共享性。 　　本文主要介绍了如下三种基于XML的网络课件页面制作技术：XML+XSL模式主要用于基本页面的实现，SVG+SMIL模式主要用于具有交互和动画功能的页面的实现，AJAX+JAVASCRIPT主要用于需要频繁刷新页面的实现。 　　1 基于XML的网络课件页面制作技术 　　1.1 XML+XSL模式课件页面的制作 　　XML显示有多种技术解决办法，包括使用层叠样式表（ Cascade style sheet ， CSS）、可扩展样式语言（Extensible Stylesheet Language，XSL ）、Javascript 和XML数据岛。目前，常用的方法是CSS和XSL。该文选用XLS来呈现样式。 　　XSL为XML数据提供了较强的格式转换能力。由于内容与显示分离，结构一样而内容不同的XML 文档可以用同一份XSL文档来进行格式化显示，这对于经常有大量结构相同而内容不同的页面需要显示的网络课件来说是非常合适的。另一方面，当需要改变页面显示效果时，只需改变XSL 文件，不必对XML 文档作任何更改，即可成批改动XML文档的显示效果，这对于实现网络课件的多种风格显示也非常有用。 　　一般完成XML文档转换有两种模式：服务器端转换模式和客户端转换模式。该文采用客户端转换模式。 　　利用XSL显示XML的方法是向XML文档中增加一个XSL样式表（链接），然后让浏览器来完成转换。 　　1.2 SVG+SMIL模式课件页面的制作 　　SVG（Scalable Vector Graphic）是一个标准开放的矢量图像格式，它可以使设计的网页更加精彩，更加细致。使用简单的文本命令，SVG甚至可以做出诸如色彩线性变化，自定义置入字体，透明，动态效果，虑镜效果等各式常见的图像效果。SVG建立于纯文字格式的XML之上，直接继承了XML的特性，它可以简化异质系统间的信息交流。 SVG可以直接融入XML和XHTML网页中，直接利用浏览器已有的技术，如CSS、DOM、Javascript达到动画及DHTML般的动态效果，它支持单向和多向链接等。更重要的是SVG是W3C制定的网络标准，所以它为网络课件制作提供了新思路。 　　利用SVG制作网络课件主要基于以下几方面的考虑： 　　1） SVG的图形对象和属性 　　SVG文档的基本组成部分是元素（Element），SVG定义了多种类型的元素，包括矩形、圆、椭圆、直线、折线和多边形。此外，SVG还支持图形绘制中常用的由Bezier曲线定义的路径描述和操作，其元素标记为。有了以上定义，就可对相应路径进行勾勒、填充、裁剪、蒙版和合成等一系列操作。SVG1.2标准草案使人们得以处理声音、视频等多媒体内容。 　　2） SVG的交互功能 　　SVG中常用的交互功能包括链接，鼠标键盘事件等。把这些功能运用到课件制作中，可以大大提高课件使用的灵活性。 　　实例1：该文完成了一个实例当鼠标停留在图形的不同文字上，就会在图形下方显示相关的解释，鼠标离开对象，解释内容消失。SVG技术实现网络课件交互页面如图1所示。 　　交互的关键代码如下： 　　 　　…… 　　微处理器 　　…… 　　 　　cpu是central processing unit（中央微处理器）的缩写，由运算器和控制器组成。 　　 　　 　　 　　…… 　　 　　3） SVG动画功能 　　SVG标准的制定者与同为W3C组织的SYMM（Synchronized Multimedia）工作组合作，共同编写了SMIL动画元素定义规范，这个规范描述了XML文档中使用的通用动画集特征。所以SVG与S