基于XML的网络课件页面制作技术

时间:2024-02-24 点赞:50960 浏览:103372 作者原创标记本站原创

本论文为关于课件论文目录格式,关于基于XML的网络课件页面制作技术相关在职研究生毕业论文,可用于课件论文写作研究的大学硕士与本科毕业论文开题报告范文和优秀学术职称论文参考文献资料下载。免费教你怎么写课件及页面及华中科技大学方面论文范文。

摘 要 :该文主要介绍了如下三种基于XML的网络课件页面制作模式:XML+XSL模式主要用于基本页面的实现,SVG+IL模式主要用于具有交互和动画功能的页面的实现,AJAX+JASCRIPT主要用于需要频繁刷新页面的实现.

关 键 词 :网络课件;XML;SVG;AJAX

中图分类号:TP391 文献标识码:A 文章编号:1009-3044(2013)34-7762-03

XML(Extensible Markup Language,可扩展标记语言)[1]是一种可以记录数据内涵的标记语言,因其在可扩展性、结构性和可校验性等方面的优越表现,给网络课件的描述方式、设计格式、开放资源和使用等方面带来了革新,从而为网络课件的开发和应用提供了强有力的手段 [2].XML技术以开放的方式结构化地表述数据信息,具有异构系统间的信息交流、更精确的搜索、数据存储更灵活、数据的多样显示等优势.因此,基于XML技术的网络课件是标准化的、开放的,课件内容具有更强的可交互性和共享性.

本文主要介绍了如下三种基于XML的网络课件页面制作技术:XML+XSL模式主要用于基本页面的实现,SVG+IL模式主要用于具有交互和动画功能的页面的实现,AJAX+JASCRIPT主要用于需要频繁刷新页面的实现.

1.基于XML的网络课件页面制作技术

1.1 XML+XSL模式课件页面的制作

XML显示有多种技术解决办法,包括使用层叠样式表( Cascade style sheet , CSS)、可扩展样式语言(Extensible Stylesheet Language,XSL )、Jascript 和XML数据岛.目前,常用的方法是CSS和XSL.该文选用XLS来呈现样式.

XSL为XML数据提供了较强的格式转换能力.由于内容与显示分离,结构一样而内容不同的XML 文档可以用同一份XSL文档来进行格式化显示,这对于经常有大量结构相同而内容不同的页面需要显示的网络课件来说是非常合适的.另一方面,当需要改变页面显示效果时,只需改变XSL 文件,不必对XML 文档作任何更改,即可成批改动XML文档的显示效果,这对于实现网络课件的多种风格显示也非常有用.

一般完成XML文档转换有两种模式:服务器端转换模式和客户端转换模式.该文采用客户端转换模式.

利用XSL显示XML的方法是向XML文档中增加一个XSL样式表(链接),然后让浏览器来完成转换.

1.2 SVG+IL模式课件页面的制作

SVG(Scalable Vector Graphic)是一个标准开放的矢量图像格式,它可以使设计的网页更加精彩,更加细致.使用简单的文本命令,SVG甚至可以做出诸如色彩线性变化,自定义置入字体,透明,动态效果,虑镜效果等各式常见的图像效果.SVG建立于纯文字格式的XML之上,直接继承了XML的特性,它可以简化异质系统间的信息交流. SVG可以直接融入XML和XHTML网页中,直接利用浏览器已有的技术,如CSS、DOM、Jascript达到动画及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)工作组合作,共同编写了IL动画元素定义规范,这个规范描述了XML文档中使用的通用动画集特征.所以SVG与IL是同门师兄,也就是说SVG可以使用IL中的动画元素.

SVG在课件制作中能完成的主要功能,包括绘图,交互,动画和对象元素的操作.SVG是未来网络图像动画发展的趋势,所以使用SVG来完成课件内容制作也是一种趋势.

本文中的实例是在IE中测试通过的,需要安装一个SVG view plug-ins.要运行SVG文件有两种方法,一种是将SVG嵌入HTML或XHTML中,另一种方法就是单独定义一个SVG文件,并直接在IE中显示,该文用到第二种方法.该文是将XML编辑工具软件XmlSpy和SVG编辑工具SVGDeveloper两者结合起来使用的.

1.3 基于AJAX技术的课件页面的制作

本文采用AJAX技术制作课件习题页面.在传统的 JaScript 编程中,希望从服务器上的文件或数据库中得到任何的信息,或者向服务器发送信息的话,就必须利用一个 HTML 表单向服务器 GET 或 POST 数据.而用户则需要单击“提交”按钮来发送/获取信息,等待服务器的响应,然后一张新的页面会加载结果.由于每当用户提交输入后服务器都会返回一张新的页面,传统的 web 应用程序变得运行缓慢,且越来越不友好.通过利用 AJAX, JaScript 会通过 JaScript 的 XMLHttpRequest 对象,直接与服务器来通信.通过使用 HTTP 请求,web 页可向服务器进行请求,并得到来自服务器的响应,而不加载页面.用户可以停留在同一个页面,而不会注意到脚本在后台请求过页面,或向服务器发送过数据.这样既减轻了服务器的负担又加快了响应速度、缩短了用户等候时间.

实例2:通过使用 AJAX 技术从XML试题文件中读取试题信息生成试题页面,并可以随时查看答案.该实例包含如下相关文件:存放习题数据的st.xml文件、显示数据的st.、绑定和处理数据的jascript文件selectst.js和服务器端处理程序getst.asp文件.实现页面如图:(代码较长,在此略去.)

该实例在编写过程中,出现最突出的一个问题就是访问服务器端后传回的中文字符无法显示,后来经过查询相关资料,找出原因是因为前台和后台使用的字符编码方式不同导致通信过程出现问题,通过在相关程序中修改编码方式最终解决了这个问题,使得中文字符可以正常显示.


2.结束语

本文总结了基于XML网络课件页面实现的三种不同技术,即XML+XSL技术,SVG+IL技术,AJAX技术,因为多媒体课件具有媒体类型多样性以及多种交互方式和响应时间等方面的要求要求,针对不同的要求可以选择不同技术模式来实现课件页面的制作.

相关论文

网络课件的制作

这是一篇多媒体方面毕业论文格式范文,与网络课件的制作相关毕业论文开题报告。是论文格式专业与多媒体及课件及课堂教学方面相关的免费优秀。

网络课件的制作

本文是一篇多媒体论文范文,多媒体方面有关本科毕业论文,关于网络课件的制作相关毕业论文开题报告范文。适合多媒体及课件及课堂教学方面的的。

浅高质量多媒体课件的制作技巧

本论文是一篇关于课堂教学论文的格式,关于浅高质量多媒体课件的制作技巧相关硕士学位毕业论文范文。免费优秀的关于课堂教学及课件及多媒体。

基于Flash的练习型课件的制作策略

这是一篇关于数据库方面毕业论文开题报告范文,与基于Flash的练习型课件的制作策略相关毕业论文参考文献格式。是硕士论文专业与数据库及多媒。

网络课件设计师

本文是一篇课件论文范文,关于课件类毕业论文开题报告,关于网络课件设计师相关电大毕业论文范文。适合课件及远程教育及计算机知识方面的的大。

体育教学课多媒体课件的制作探析

本文是一篇多媒体论文范文,多媒体类有关毕业论文参考文献格式,关于体育教学课多媒体课件的制作探析相关毕业论文范文。适合多媒体及体育教学。

《十二生肖》为例flash课件设计制作

这是一篇结构设计有关毕业论文格式模板范文,与《十二生肖》为例flash课件设计制作相关硕士学位论文。是论文总结专业与结构设计及现代教育技。

机械制图测绘网络课件的开发

本文是一篇自主学习论文范文,自主学习方面有关毕业论文提纲,关于机械制图测绘网络课件的开发相关本科毕业论文范文。适合自主学习及计算机及。