精品课程建设中关于网络教学形式的课件的思考与实践

王春芹

[摘要] 在精品课程网站建设过程中,网络教学模块的设计要求使得基于web的多媒体课件成为主要形式,它是多媒体课件与web技术相结合的产物。该文结合《网页设计基础》精品课程网站建设过程中有关网络教学模块多媒体课件的设计与开发的实例,介绍了在基于web的多媒体课件开发过程中如何对多媒体课件进行制作和进一步优化的问题。

[关键词] 精品课程建设 网络教学 web多媒体课件 制作优化

一、网络教学与多媒体课件

随着网络教学的开展,学校将逐步形成依托校园网络的数字化校园环境。包括教学资源的收集、制作、管理系统,教学管理(包括教学计划、课程安排、学生管理、教师管理、成绩查阅、申请等)系统等。传统类型的课件已不能满足日益发展的需要。为了解决以上矛盾,伴随着Web技术的发展,基于Web的多媒体课件应运而生。同时,学生由被动地接受知识变成了认知的主体,从被动地学到主动地学,从生搬硬套、死记硬背地学到带着任务解决实际问题的学习,从按部就班的学习到自定步调、自定目标的学习,有利于学生创新能力和信息能力的培养。而教师的角色也将逐步发生变化,由传统课堂教学中的知识讲授者变成信息组织、编制者,成为学生学习的引导者、帮助者、促进者,不是“讲坛上的圣人”,而是学生的“指路人”,使课堂教学、网络教学等多种形式的教学方式并存,大大提高了教学质量和教学效益。当前,一门课程能够成为精品课程,必然会结合课堂教学与网络教学的形式,而网络教学则离不开基于web的多媒体课件。

二、精品课程建设与基于web的多媒体课件

作为一种新类型的课件的平台,web本身就已经具有了统一的协议标准,而且具有跨平台性和广泛的覆盖性等优点。在其上开发出来的软件也具有高交互性、多支持性,界面良好等优点,因此,非常适合作为课件开发的平台。另一方面,开发和维护基于web的软件的工具大多都是免费的,基于web的课件对运行的软硬件平台也没有什么很高的特殊要求,使得基于web的课件开发维护费用相对较低,“所见即所得”的编辑工具(如Dreamweaver和FrontPage等)对开发维护人员的技术要求也相对较低,而且各个网页之间相互独立,课件的更新升级也十分容易。另外,在网络教学中,基于web页的课件都是以网页为单位进行传输,具有较快的速度,在目前较低的带宽下具有较好的应用前景。考虑到以上的种种优点,精品课程《网页设计基础》网站建设过程中的网络教学模块就选择了它作为总体方案。但是在实际的建设过程中,由于目前web技术的局限性,使得基于web的课件方案也存在一些不足,主要是面临网络带宽、传输速度、平台兼容性等问题。因此,在开发过程中必须对课件进行进一步的优化,使之能够在web上很好的运行,在这些方面大家进行了研究和实践。

三、多媒体课件的制作优化原则

多媒体课件的制作和优化问题涉及很多的方面,但是最根本的问题只有两个:

1.让多媒体课件以预想的方式在用户面前显示出来,这在web上主要是去解决兼容性的问题(平台的兼容性和浏览器的兼容性);

2.让多媒体课件页面的下载速度提高。

下面就分别从这两方面出发,探讨页面优化时的原则和实现的方法。

四、以预想方式显示多媒体课件的页面――解决兼容性问题

主要是考虑基于web的多媒体课件对于各种不同浏览器的兼容性,以及课件对各种操作系统和硬件平台的兼容性。

无法预测多媒体课件的使用对象的系统配置,所以,当在internet上发布了多媒体课件以后也无法预测用户能够看到多媒体课件显示的最终结果,幸好web本身具有跨平台性,不用去考虑操作系统的不同而带来的偏差,能做的就是尽量兼顾绝大部分使用者的配置,比如,显示器的分辨率,字体的差异,还有对音频、视频的支持情况等。

相比较而言,这些兼容性问题微乎其微,考虑的重点应该放在浏览器所带来的兼容性问题上。调查发现,目前使用较多的浏览器是IE和Netscape,占了90%以上。但是各个主流浏览器的开发厂商由于种种原因而故意制造一些不兼容情况,或者是制造的新版本不向后兼容,再加上目前还有不计其数的非主流浏览器,要解决众多浏览器的兼容性对多媒体课件的影响,才是面临的重点问题。所以在该精品课程的多媒体课件开发过程中,考虑到主流的两种浏览器,所以以IE5.0版本为主,同时兼顾Netscape 4.0以上的版本,遇到两者需要使用不兼容的技术实现的话,就分别开发两个版本,服务器对用户的浏览器进行判别,然后下载相应的版本使用。在脚本语言方面,同样选择了跨平台的JavaScript,而且它是唯一一个大多数主流浏览器都支持的脚本语言。

五、让多媒体课件页面的下载速度提高

通常,为了加快页面的下载和显示速度都是在页面内部做文章,比如,减少一些多媒体文件的使用数量,或者降低它们的质量,以减小页面的体积从而提高页面的传输速度来加快下载的速度。仅仅依靠这些努力是远远不够的,主要从如下几个方面来加快页面的下载速度。

1.HTML标签的优化

目前使用的网页布局方式主要还是表格。表格也是目前网页中用得最多的布局元素之一。浏览器在充分理解了表格的布局方式以后才能较好地填充表格内容,让页面内容充分显示出来,所以,对表格标签的优化显得尤为重要。在使用表格的时候应注意:(1)将一张大的布局表格拆分成许多小的表格,然后填充内容,以提高页面的显示速度;(2)尽量不要使用嵌套的表格,或者使嵌套的表格尽量简单;(3)对表格以及单元格的标签使用宽度和高度属性,以避免浏览器自动调整宽度高度,从而提高下载速度;(4)尽量不要放置太多的扩展多媒体元素在表格当中,否则浏览器会崩溃。

2.图像的优化

从HTML标签优化方面来说,首先,应该给图像添加(width/height)宽度和高度属性,给浏览器一个固定大小的空间,方便浏览器确定网页的布局,浏览器在下载图片的同时就可以浏览图片。其次,图片的大小对下载速度的影响非常大,图片在放置到网页上之前,对图片用优化软件进行了一些优化压缩,从图像的颜色安排,到图像中的对比水平,再到抑制抖动等方面进行优化,尽量保持不失真状态,而让图片的体积减到最小。最后,在图像的格式方面,尽量使用交错式的GIF和渐进式的JPEG图片,这两种格式都是对原来图像的标准的扩展,当下载后在页面上显示时的效果就如百叶窗展开的效果,虽然实际速度没有加快很多,但是用户从视觉上面感觉却是加快的。

3.其它方面的优化

对于使用的脚本程序来说,我们通常都会选择外部的JavaScript文件,因为会减小HTML文档的体积,从而加快浏览器的下载速度,事实上不然。我们使用的JS脚本是解释性语言,绝大部分脚本都是解释性语言,而非编译语言,所以,浏览器加载以后需要去分析,这也需要一部分渲染时间,所以,我们在使用脚本语言的时候,尽量不使用外部文件,而是将脚本添加在当前文档中,避免浏览器又一次去请求服务器,这样既增加了服务器的负荷又延长了总的下载时间。对于页面上使用的多媒体元素而言,比如,Flash动画或者Authorware动画,应该尽量压缩帧数,而且尽量使用GIF动态图片来代替,因为大体积的动画除了装饰效果以外,一般没有其它的作用,反而会使得页面的体积急剧增加。另外,对于页面所使用的背景音乐,应当优先选用midi格式,它的采样仅仅需要8位、11Hz。如果需要放置录音的话,尽量选择男音,因为可以采用比女音更低一点的设置。

六、网络教学发展方向的一些思考

网络教学系统在教学上的应用标志着教学媒体质的飞跃,它将对教学效果的提高起到促进作用,有利于因材施教的原则。目前比较流行的多媒体教学网都普遍缺乏一些在网络上运行的多媒体课件,借助于《网页设计基础》精品课程网站建设的机会,去开发一套与该课程配套的多媒体课件。课件的内容组织都通过超级链接来实现,学生可以根据学习情况和进度去选择学习内容,但是各个组织部分都是预先设置好的一个静态的结构,弹性系数较小。理想当中的多媒体课件应当可以结合学生的实际学习情况,通过一些课后小测测试出学生的水平,进而动态地生成一些相应水平的补充页面,给不同层次的学生使用。这些改进还有待智能化问题的解决,也是我们要致力于研究的方向。

参考文献:

[1]高志军.网络课件开发的精品策略[N].教育技术通讯.

[2]何克抗.基于多媒体网络的课件脚本设计[N].教育技术通讯.

[3]黄荣怀.一种基于WEB的协作学习系统模型[J].中国远程教育.