基于Web的多媒体课件开发中若干问题的研究和实践.pdfVIP

科技信息 0,I~-教前沿0 SCIENCE＆TECHNOLOGYINFORMATION 2008年 第1期 基于Web的多媒体课件开发中若干问题的研究和实践 徐琳娜 (辽宁工业大学计算机科学与工程学院 辽宁 锦州 121001) 【摘 要】本文结合一个实例，介绍了在基于web的多媒体CAI课件开发过程中对课件页面进行页面优化的原则和方法，并详细介绍了课 件中导航、查询、测试等关键功能的JavaScript程序实现技术和方法。 【关键词】多媒体；CAI课件；web；页面优化 1．引言 够在各种平台上正常显示，仍需要我们在定义潜在用户群时考虑许多 传统类型的课件或者由于投资成本大(如基于编程为主的整体式 细节，包括：显示器的分辨率和色深，对音频和视频的支持情况，各种 课件)，或者由于升级更新困难(如基于CDR0M的多媒体课件)，已不 平台上相同字体的差异。各种平台上显示调色板之间的差别等等。 能满足日益发展的需要。为了解决以上矛盾，伴随着Web的出现和 (2)在浏览器兼容性上的优化 Web技术的发展，基于Web的多媒体CAI课件应运而生了。 与由于浏览器不兼容带来的影响相比．由于平台不兼容对课件开 2．课件页面优化的原则和方法 发所带来的影响几乎可以忽略不计了，各大主流浏览器开发厂商或者 2．1加快页面下载速度的优化 由于商业上的考虑而故意制造不兼容情况，如Netscape和IE；或者为 (1)加快页面下载的普遍原则 了追踪技术发展不得不造成新版本某些部分事实上不向后兼容。如 1)去除不必要的多媒体效果和内容。可以用普通按钮取代图形动 Netsc~e Communicator 4．5与以前版本对JavaScript的处理：再加上其 态按钮，用静态图像取代GIF动画，减少图形化的花哨文字标题，这些 他难以计数的各种非主流浏览器，如何消除浏览器兼容性对课件开发 措施至少可以让页面下载时间缩短一半。 的影响。才是课件开发者所真正要关心的问题。 2)用一切手段减少各种多媒体元素的大小。 3．课件中导航、查询、测试功能的实现 3)优先使用相同的图形或多媒体内容，缺省的Netscape和IE都 3．1导航功能的实现 会在RAM或硬盘上设置缓存来保存最近用到的图形和文件．如果浏 课件中的导航功能大都采用以下几种方案来实现。一种是每一页 览器认识相同的文件名，则它会读缓存，从而大大提高效率。 底部均有的导航钮。这个方案主要提供课件预定的学习顺序；一种是 4)提供低带宽备用内容，如果你的文件格式不被认识或浏览器关 导航图。它指出用户现在正处于整个课件的什么位置；一种是查询方 掉了图形开关。这些备用内容就可派上用场了。 案，这个方案提供在整个站点内搜索相关页的功能；还有一种便是树 5)对不是所有人都有必要或想看到的大型多媒体文件另置一页。 型目录，它与教材目录相同，可用于辅助检索。树型导航目录为单独的 在原来的页上仅提供一个按钮或低分辨率图形。同时注明所链接的文 一 页。显示在左边的框内。一开始显示各章标题，单击章标题号后目录 件大小和预计下载时间。 展开．显示这一章下面的节的标题，未展开的章标题及其前的标记为 (2)对图形的优化处理 蓝色．展开后标记转为红色。再次点击已展开的章标题后目录将恢复 1)减少图形文件大小。减少文件大小对加快下载速度有着突出的 原样。整个目录还可扩展，在节标题目录下加入第三层，用以显示每一 贡献，可以通过以下一些方法来减小图形文件大小。 节下的各小节标题内容。树型导航部分中每个标题在点击后都将在右 2)减小图形面积。这可以通过剪切图形或按比例收缩图形来实 侧框架中显示对应页的内容。 现，要注意的是。按比例收缩后有可能在图形上出现一些色