基于CSSWeb课件制作方法浅谈.docVIP

基于CSSWeb课件制作方法浅谈 　　摘要：网络是一个非常方便的学习平台，本文从当前的网络环境，软硬件设施，网页型课件的优点和制作技术可行性方面分析了制作网页课件是完全可行的；接着讨论了利用CSS制作Web课件的方法，最后通过《JavaScript脚本程序设计》课件制作过程来介绍网页型课件的制作和发布方法 。 　　关键词：Web 网页 课件 多媒体 CSS 　　中图分类号：TP3 文献标识码：A 文章编号：1007-9416（2013）01-0197-01 　　随着Internet和Intranet的飞速发展，校园网建设日渐普及，越来越多的家庭连上了Internet，如果我们的课件也能在网上发布，那么远程教育、异地学习将不是梦想，因此基于Web的网页型课件成为网上教学资源的主要形式，做为跨世纪的大学教师，掌握web课件的制作方法十分必要。 　　1 同传统CAI课件相比，web课件的优势 　　首先，WWW（万维网）和Intranet技术已经很成熟，而WWW是网上资源最主要的形式。信息可以在任何地方以网页的形式发布到网络中，而浏览器则可以在任何地方经由网址访问到任何网页，因此可以把WWW看成为分布式媒体封装系统。实践表明这种简单的全球信息共享技术非常有效。 　　其次，由于技术的发展，当今的网页已不是先前静态、呆板、交互弱、多媒体效果差的状况，动态交互网页已能达到一般多媒体光盘软件同样的效果。 　　第三，制作网页的工具软件非常丰富，又易于掌握。对大部分非专业计算机人士来说，掌握基于Web的网页型课件制作方法远比掌握以前的多媒体制作方法更为容易，比如作为office家族成员之一的FrontPage，由于其界面类似word而易于被广大教师掌握。 　　第四，现在我们所使用的微机（不论上网与否）上基本都安装是Windows98以上版本的操作系统，本身带有IE浏览器等软件，运行网页型多媒体课件非常方便（不存在安装等问题）。 　　2 基于CSS的Web课件制作的方法 　　CSS样式表是网页设计中一个非常有用的工具，利用CSS样式表可以统一设置各页面的格式，不必一页一页地修改，大大提高了课件制作效率。下面分阶段讨论Web课件制作。 　　第一阶段：素材准备阶段。俗话说“巧妇难为无米之炊”，跟传统课件的制作步骤一样，首先要为制作课件搜集素材。将制作课件需要的图片、文字、视频、音频等素材首先准备好。 　　第二阶段：课件制作阶段。基于CSS的Web课件的基本思路仍象传统多媒体软件制作思路，主要分为两个问题，一是各种多媒体素材的制作，二是网页的编制。 　　在多媒体素材的制作上，与通常多媒体软件制作有所不同，网上的多媒体素材制作要求数据量一定要尽可能小，因此需要采用压缩方式和技术，如：声音要制成MP3或符合RealAudio的格式；视频采用MPEG格式；图片采用GIF或JPEG格式；动画采用GIF或Flash格式等等。要注意的是，网上多媒体技术发展很快，如新的压缩方式、流媒体技术等。在制作时，尽可能采用最新的技术和格式。 　　第三阶段：网页发布阶段 　　如果想让学生在课下时间通过课件学习、复习，就可以将课件在自己的电脑上或者局域网服务器上发布，如果想给大家一个相互讨论和交流的空间，还可以做成动态网站的形式，利用数据库技术，做一个论坛。可以利用Windows的IIS（Internet Information Server）组件发布自己的网站。 　　3 《JavaScript脚本程序设计》课程的Web课件制作 　　（1）素材准备：本课件的素材为教科书中的知识点、例题源代码和程序流程图，图片采用GIF格式。 　　（2）课件制作阶段： 　　制作工具的选择：此课件为静态网站，我们选择Office的成员Frontpage2003来制作。其中的图片采用了Photoshop作了简单处理。 　　课件的结构设计：首先在首页中列出课程目的和学习要求，接着列出课件的目录。为方便学生的学习，根据教科书的章节目录列出学习内容，并分别对章节目录加上超链接，链接到各个章节；最后是开发环境与工具介绍。还可以在每章学习结束后加上些测试题目来检测学习效果。 　　由于Javascript脚本程序直接用浏览器解释执行，所以采用Web型课件非常方便调试脚本程序，可以直接在课件上超链接到需要运行的程序，然后点击链接就可以在课件上演示程序的执行效果。 　　（3）CSS的应用。利用CSS样式表可以统一设置各网页的页面布局，比如调节各级标题和正文的字体大小，只需要修改CSS样式表中的字体属性值就可以做到，这也是网页型课件的独到之处。下述代码是此Web课件的CSS样式表代码： 　　A：hover {color： green} 　　A：active {color