多媒体CAI 课件开发与设计若干问题之探讨

李娜娜

（商丘职业技术学院实训中心 河南 商丘 476000）

0 绪论

科学技术的飞速发展使人们认识到，研究信息技术在教育领域中的应用，是当前教育研究的重要课题之一。传统的“三中心”(教师中心、课堂中心、书本中心)的教学模式已经不能适应信息社会的需要。基于web的多媒体CAI课件的出现，解决了以上问题。作为这种全新类型课件的平台，Web本身具有统一的协议标准，良好的跨平台特性和前所未有的广泛的覆盖性的优点。我们发现由于目前Web技术发展的局限性，使基于Web的课件方案也存在一些不足，主要是面临网络带宽、网络传输速度、平台兼容性等问题的困扰。因此，在开发过程中必须对课件页面进行优化，以使之能够在Web上很好的运行。另外，由于相对来说Web是一种全新的开发平台，而Web技术发展又非常的快，所以课件中一些功能如导航、查询等的技术实现便成为开发过程中突出的技术难点。本文讨论的是课件开发设计和页面优化的原则和方法。

1 多媒体CAI课件设计原则

1.1 面向用户设计原则

根据认知学理论原理，人的个性差异是普遍存在的规律。在多媒体课件的设计过程中，我们必须承认这种差异。坚持多媒体CAI课件面向用户的开发原则，实际上这也就如同生产厂家坚持“用户是上帝”的生产原则一样。开发任何教学系统的目的都是为了在教学和训练活动中使用，是市面上那么多的多媒体产品为什么很少有能用之于课堂教学的呢?这主要是因为这些软件在开发过程中脱离了“这一用户”的实际。也就是说多媒体CAI课件会不会另人满意，很大程度上取决于它是否满足用户的要求。

1.2 面向制作环节设计原则

即然无法提高网络的传输速率，因此在设计课件时，应该尽可能地避免导入那些数据量比较大，下载时间比较长的对象，合理化地组织流程的结构，使得在下载和数据传输的过程中分散用户的注意力，使他们感觉不到“等待”课件播放。其方法是：

1.2.1 使用尽可能小的演示窗口，这样就会降低整个课件文件的存储空间。

1.2.2 采用较高压缩比率的图形格式。在课件内应该遵循少用图，用小图的原则。

1.2.3 将设计的重点放在课件的交互性上。由于交互性的出现，增加了用户与课件打交道的机会，因此将注意力集中在交互上，可以改善人机交互时的等待时间。

1.2.4 在课件内应该避免使用较长的视频与音频文件，背景图最好使颜色搭配，而不要使用大幅的图片。对于音频文件来说，可选择VOX及SWA这两种格式。

1.2.5 对课件打包数据块的大小进行试验，根据播放速度和分块数量确定一种最佳的分割方案。

1.2.6 使用 Web和 CD-ROM 相结合的发布方式，把外部媒体文件存放在CD-ROM上。只有在播放外部媒体文件时，才会与CD-ROM打交道。

1.3 面向总体设计原则

在开发多媒体课件之前，必须对课件总体框架进行严格的设计，即进行教学目标分析，使课件中的知识点形成一个“金字塔”式的总体结构。然后，自顶向下按模块化编程方法完成编程任务，以保证课件的前后连贯一致。课件的结构一般可分为课程、主题和步骤三个层次。

1）课程与主题之间的关系：一般每个课程含有几个主题，如何在演示过程中让最终用户有选择地进入主题，这在总体设计中必须考虑到。在Author Ware中我们可以来用热区响应方式，这样最终用户只要用鼠标左键单击此课程标题区域，就可以进入此标题所对应的课程的主题。

2）主题与步骤之间的关系：一个主题通常由多个步骤所组成，当一个主题所设置的条件满足时，就进入该主题下的步骤。如何由主题进入步骤，我们仍可以使用热区响应方法，每个主题部位于热区内，当最终用户单击热区时，就可以进入该主题下的第一个步骤，然后一步步操作下去，直至完成该主题。事实上在总体设计中还需考虑如何由步骤返回主题或课程，等等。在Author Ware中，除了可以使用热区响应实现护、调试和用户使用，在一个课件中不可随意使用这些交互方法。

2 课件页面优化的方法

页面优化问题虽然涉及到多方面，但其根本的立足点和目的是以下两个：一个，是加快页面下载速度；另一个，则是使页面能象设计者所预先设想的那样在用户眼前显示，在Web上这主要需要解决一个兼容性的问题。下面就分别从这两个目的出发，讨论一下对页面进行优化时所依据的原则和实现方法。

2.1 加快页面下载速度的优化

传统上,在加快页面下载速度方面所做的努力，仅仅局限于减少多媒体元素的使用数量和降低使用质量,以取得较小的文件大小，从而加快页面文件在网络上的传输速度以达到加快下载速度的目的。我们认为，仅依靠这方面的努力是远远不够的。所谓的页面下载速度便可分成以下三部分：下载时间，渲染时间和可视性，好的设计者应通过页面优化在这三者中找到一个平衡点，进而产生理想的下载，从用户点击请求到页面总体框面显示仅一眨眼时间，在页面完全渲染完前用户便可以从中搜索自己需要的信息。

2.1.1 对图形的优化处理

1）减少图形文件大小：减少文件大小对加快下载速度有着突出的贡献,可以通过以下一些方法来减小图形文件大小。

减小图形面积

注意颜色安排

调整图像中的对比水平

抑制抖动

2）在HTML文件中为图形设置WIDTH和HEIGHT属性：用WIDTH和HEIGHT属性来放大和压缩图形面积并不能加快下载，但它可以使浏览器在下载图片前便确定正确的页布局，先把文字和其他后继内容显示出来，使用户在下载图片的同时便可开始浏览。

3）使用交错式GIF和渐进式JPEG：交错式GIF和渐进式JPEG是对原来图形标准的扩展。其中交错式GIF向后兼容而渐进式JPEG不能。当下载后在页面上显示时效果就如同它是从一套百页窗后显露出来一样。尽管他们不能加快下载速度，但用户的感觉却是加快的。

2.1.2 对表格〈TABLE〉的优化处理

虽然用〈LAYER〉和在页面布局时可以做到精确定位，但那也许只是将来的理想方案。在目前，为了得到一个真正跨浏览器，跨平台的设计方案，还得用表格进行局。

表格也许是目前网页中用得最多的布局元素，因此，对表格的优化就显得特别有价值，虽然这部分优化并不能减少下载时间，但由于浏览器需要在填充表格内容前完全理解表格的结构，所以适当的表格运用将大大缩短网页的渲染时间。在使用表格时应注意做到：

1）将一个单一的大表格拆成多个小表格2）对〈TABLE〉、〈TD〉适当使用 Width 属性3）千万不要嵌套表格

4）不要将太新的扩展多媒体元素放入表格

2.2 对兼容性的优化

在兼容性问题上，既要考虑课件对各种操作系统和硬件平台的兼容性，更要考虑课件对各种浏览器的兼容性。

2.2.1 在平台兼容性上的优化

当课件在INTERNET上发布时，你无法设想你的用户会在怎样配置的机器上使用怎样的操作系统，好在Web本身的跨平台特性已为我们很好地解决了这个问题，使我们免于多次开发，但为了使课件能够在各种平台上正常显示，仍需要我们在定义潜在用户群时考虑许多细节，包括：显示器的分辨率和色深，对音频和视频的支持情况，各种平台上相同字体的差异，各种平台上显示调色板之间的差别等等。

2.2.2 在浏览器兼容性上的优化

与由于浏览器不兼容带来的影响相比，由于平台不兼容对课件开发所带来的影响几乎可以忽略不计了，各大主流浏览器开发厂商或者由于商业上的考虑而故意制造不兼容情况，如Netscape和IE；或者为了追踪技术发展不得不造成新版本某些部分事实上不向后兼容，如Netscape Communicator 4.5与以前版本对java-script的处理；再加上其他难以计数的各种非主流浏览器，如何消除浏览器兼容性对课件开发的影响，才是课件开发者所真正要关心的问题。

3 结论

基于Web的多媒体CAI课件是未来多媒体课件的主要形式，也是将来发展网上教学的一个资源基础。但目前已完成的优质实用课件还很少，对此类课件的开发模型，开发工具，开发技术等的研究也很少。我们认为，只有加紧对这类课件的研究开发，才有可能使网上教学早日进入实用领域。本文所提到的方法和技术都是我们在基于Web的多媒体CAI课件开发和设计过程中实际所应用的，实践证明是行之有效的。

［1］梁林梅,焦建利.我国网络课程现状的调查分析与反思[D].华南师范大学.

［2］邢程,周开淼,赵剑波,尹晓东.网络教学中的教学设计探讨[J].

［3］朱万森,梁楚材.计算机辅助教学多媒体cai课件设计与制作//计算机教育应用丛书[M].北京:地质出版社,2000.

［4］王治文.计算机多媒体辅助教学及其软件设计[M].浙江科学技术出版社.

［5］柳栋.网络主题探究（WebQuest）[J].