基于网页模式的CAI课件开发研究 制作课件的步骤
时间：2019-01-27 03:18:22 来源：雅意学习网 本文已影响 人 
[摘要]目前，多媒体课件已广泛应用于学校教学。为了解决传统类型课件投资成本大，升级更新困难等问题，基于网页模式的多媒体课件应运而生。然而该类课件也存在一些不足，主要是面临网络带宽、网络传输速度、平台兼容性、代码安全等问题的困扰。因此，在开发过程中必须对课件页面进行有效的优化，以使之能够在网络上很好的运行。
[关键词]基于网页模式的CAI课件 开发研究 页面优化 代码优化 兼容性优化 发展方向
目前，多媒体课件已广泛应用于各类学校的教学中，它生动、易懂、动画化，改善了教师教学环境，提高了学生学习兴趣，节省实物教具以及作图时问，还可以代替部分实习，具有明显的优越性。但传统类型的课件或者由于投资成本大，或者由于升级更新困难，已不能满足日益发展的需要。为了解决以上矛盾，基于网页模式的多媒体课件应运而生。
而这种基于网页模式课件的运行平台，即日前互联网浏览服务的对象――Web网页，其术身具有统一的协议标准、良好的跨平台特性和广泛的覆盖性等优点。在其上开发出来的课件有着良好的图形界面，能够支持多种多媒体格式，可提供高度的交互性，与其他的应用程序有着方便良好的接口，特别是本身便以超链接作为组织形式，因此其非常适合作为课件开发平台。另一方面，用以开发、维护网页设计的软件和工具大多可以免费获得，甚至直接使用Windows的记事本即可完成开发。这种基于网页的课件对运行的软硬件平台也没有什么很高的特殊要求，对于客户端而言，只需要能使用IE等流行的网页浏览器就可以正常运行，这使得基于网页模式的CAI课件的开发维护费用相对低廉。目前种种“所见即所得”的全图形化的开发和维护工具，也使得对开发维护人员的技术水平要求相对降低。另外在网络教学中，基于网页的课件可以通过访问服务器的简单方式在网络中传输，具有较快的传输速度，在相对较低的带宽下仍具有较好的应用前景。
但我们必须清醒地看到，基于网页模式的课件方案也存在一些不足，主要是面临网络带宽、网络传输速度、平台兼容性、代码安全等问题的困扰。因此，在开发过程中必须对课件页面进行有效的优化，以使之能够在网络上很好的运行。
1.课件呈现页面的优化。课件呈现页面即通过浏览器展示到客户端的部分。呈现页面优化问题虽然涉及到多方面，但其根本的立足点和目的有两个：一个是加快课件的加载速度；另一个则是使页面能象设计者所预先设想的那样在用户眼前显示。下而，就分别从这两个目的出发，讨论一下对页面进行优化时所依据的原则和实现方法。
1.1 加快课件的呈现速度。所谓课件的呈现速度，可分成以下三部分：课件的下载时问、渲染时间和可视完整性。设计者应通过页面优化在这三者中找到一个平衡点，进而获得理想的下载速度，从用户点击请求到页面总体框架显示仅一眨眼时间，在页面完全渲染完前用户便可以从中搜索自己需要的信息。
1.2 加快课件呈现速度的原则。
①去除不必要的多媒体效果和内容。尽量少用图形、图形按钮、动画、视频、音频等多媒体元素。
②用一切手段减少各种多媒体元素的大小。
③优先使用具有AJAX、内存回收、页面缓存等先进的开发技术。AJAX技术可以从独立于实际网页的服务端取得信息并且动态地写入目标网页中，给缓慢的Web应用体验带来像桌面应用一般快捷的感受。
④对不是所有人都有必要看到的大型多媒体文件，可另置一页，在原来的页面上仅提供一个按钮或低分辨率图形，边上注明所链接文件的大小和预计下载时间。
1.3 对图形的优化处理。
①缩减图形文件大小。缩减文件大小对加快下载速度效果明显，可以通过以下一些方法来减小图形文件大小：
减小图形尺寸和分辨率。只在固定大小位置显示的图形，其源图形尺寸一定不要大于该显示位置的大小；而电脑屏幕显示的图形分辨率超过72ppi就没有太大意义。
选择适当的图形格式。由于图形格式的编码技术不同，某些格式的图形能在相似表现效果的基础上获得更小的文件大小，例如相似质量和大小的图形，采用JPG或GIF格式明显比其它格式的文件小许多。
②在网页代码中为图形设置宽度和高度属性。它可以使浏览器在下载图片前便确定正确的页面布局，先把文字和其它后继内容显示出来，使下载图片的同时便可开始浏览。
1.4 对网面中表格标签的优化处理。表格是传统网页布局的常用标签，它允许我们把各种内容、数据放在表格单元格内，如：文本、图片、链接、表格等等。但在XHTML时代，使用Table标签来做网页的整体布局明显不太符合W3C标准，用更为简洁的XHTML代码风格，不仅仅是为了提升页面开启速度，更是为了解决各种不同浏览器之间的阅读障碍。而采取XHTML标准设计的缺点也很明显，如果是一个同样规模的网站，用XHTML标准可能所花的时间是使用Table表格的两倍。我们不推荐使用Table来进行布局和定位，但Table因为它突出的特性还拥有相当多的用武之地，合理地使用Table能更好的提高开发效率。在使用表格时应注意做到：
①尽量不要使用表格进行整体页面的布局，因为网页的打开通常是要将整个表格下载到客户端后再呈现出来，使用表格进行整体布局就意味着要将网页的所有内容下载完全以后才能显示出来。我们要尽量使网页在下载一部分后就开使呈现内容。
②在网页的局面位置要坚决使用表格来进行定位和布局。使用表格时尽量将一个单一的大表格拆成多个小表格，这将加快页面显示速度。
③对Table和td标签适当使用Width属性。在这一点上应注意单元格内的内容的宽度，你定义的单元格宽度至少应与内容宽度一致，以避免浏览器的过滤作用对其进行两次渲染。
④尽量不要进行表格嵌套，这将使表格处理时间成倍增加。
⑤尽量使用符合W3C标准语句，以兼容不同的浏览器。
1.5 其他多媒体元素的优化处理。
①对动画部分的优化。对Direct或Authorware动画应尽量压缩帧数，并使用shareware流式传输处理，对一般网页上常见的GIF动画、FLASH动画或javascript动画应尽量少用，因为它们一般除装饰效果外很难有什么其他作用，但却会使页面尺寸急刷增加。
②对背景音乐的优化。优先选用midi格式，采样仅需8位、11kHz即可。如果需要语音朗读的话，尽可能使用男声，这可以采用更低的设置。尽量将声音做成可选设置。优先选用流式声音传输格式。
③对视频部分的优化。在基于网页模式的课件中，应尽量少使用视频，因为视频对网络带宽的占用极高。如确有需要使用视频，应当使用流媒体格式，如rm、wmv、flv等格式的视频，避免使用rmvb之类可变码率的视频。在视频制作时应尽量降低视频的码率和帧速，以求获得更小尺寸的视 频文件和更为流畅的播放效果。
2.页面后台代码的优化。为了开发更为优秀的基于网页模式的课件，我们常常需要运用ASP.NET这类面向对象的建立动态Web应用的技术，相比其他的Web技术来说，ASENET能更快速、更容易地建立灵活、安全、稳定的Web应用。在开发网页模式的课件时，如果涉及程序化的Web应用，我们应该从以下几个方面对系统的性能进行优化：
2.1 编码级别的优化。这是最小级别的优化，可能也是对性能的提升产生效果最小的。不过，我们需要特别注意一些宝贵的资源的释放(比如数据库、网络和COM组件等)，往往这些错误在测试的时候不容易发现，系统一旦接受高访问量的考验就崩溃了。
2.2 页面级别的优化。页面的缓存策略、页面的大小直接决定了客户端访问网站的速度和网络流量。页面级别的性能优化比编码级别更有效一些。
2.3 构架级别的优化。一个好的构架能提升系统性能，而构架也可能成为整个系统的杀手。对于分布式的系统更是如此。
2.4 配置与部署级别的优化。一个同样的系统可能在两个相同硬件配置的服务器上产生明显的性能差异。由于课件以网站形式发布是需要IIS进行解析的，如果IIS的配置不当的话，对网站造成的性能影响是致命的。
3.在平台兼容性上的优化。当课件在Internet上发布时，无法设想用户会使用何种配置的电脑以及什么样的操作系统，好在Web本身的跨平台特性已很好地解决了这个问题，使我们免于多次开发。但为了使课件能够在各种平台上正常显示，仍需要在定义潜在用户群时考虑许多细节，包括：显示器的分辨率和色深，对音频和视频编码的支持情况，各种平台上相同字体的差异等等，好在这类平台差异对课件的正常使用影响不大。
作为以通过浏览器为主要平台进行展示的课件，如何消除浏览器兼容性对课件开发的影响，才是开发者所真正要关心的问题。除目前Windows系统上主流使用的IE浏览器外，非主流的浏览器也越来越多。各类浏览器除了在支持W3C国际通用标准的代码以外。为了达到更好的浏览效果，在一些特殊代码的支持上各行其道，这就造成了浏览器兼容性上的问题。为了不用太多考虑客户端所使用的浏览器型号和版本，我们应尽量使用符合W3C标准的代码规范，避免使用最新版本浏览器所支持的最新代码，从而照顾大多数用户。
4.对基于网页模式的CAI课件发展方向的一些探讨。首先。从功能上说，根据学生学习课件后取得的效果，可把课件分为“知识和技能的获取”型、“应用知识分析和解决问题”型、“创造性的解决问题”型三种：而从目前课件开发情况看，以第一类居多，第二类较少。第三类几乎还是空白。我们认为，在这方面应加强研究的力度，应加快发展的步伐。而这需要教育学家和计算机专家的共同努力，关键在于教学理论和认知模型的创新。
其次，从内容组织方式来说，目前课件基本都是通过超链接的方式组织起来的，学生可以根据自己的学习速度进行学习，交叉索引也比较方便，这与以前固定速度的教师传授或单一方向的印刷课本相比，当然是个较大的进步；但课件备部分的内容及组织结构仍是预先固定好的，弹性较小。我们认为，理想的课件应能够根据学生的知识结构、学习类型和学习情况动态生成学习内容及组织结构。在动态组织这方面，目前我们能做到的还只是根据学生对每一小节后习题的完成情况动态增加一些预先准备好的补充页，这对于因材施教是远远不够的，这方面的改进还有待于在课件中提高智能化程度来解决。
基于网页模式的CAI课件是未来多媒体课件的主要形式，也是将来发展网上教学的一个资源基础。但目前已完成的优质实用课件还很少，对此类课件的开发模型、开发工具、开发技术等的研究也很少。本文所提到的方法和技术都是我们在基于网页模式CAI课件开发过程中实际所应用的，实践证明是行之有效的；只有加紧对这类课件的研究开发，才有可能使计算机网上教学早日进入实用领域。
