论文部分内容阅读
[摘要]目前，多媒体课件已广泛应用于学校教学。为了解决传统类型课件投资成本大，升级更新困难等问题，基于网页模式的多媒体课件应运而生。然而该类课件也存在一些不足，主要是面临网络带宽、网络传输速度、平台兼容性、代码安全等问题的困扰。因此，在开发过程中必须对课件页面进行有效的优化，以使之能够在网络上很好的运行。
[关键词]基于网页模式的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能更好的提高开发效率。在使用表格时应注意做到：
[关键词]基于网页模式的CAI课件 开发研究 页面优化 代码优化 兼容性优化 发展方向
目前，多媒体课件已广泛应用于各类学校的教学中，它生动、易懂、动画化，改善了教师教学环境，提高了学生学习兴趣，节省实物教具以及作图时问，还可以代替部分实习，具有明显的优越性。但传统类型的课件或者由于投资成本大，或者由于升级更新困难，已不能满足日益发展的需要。为了解决以上矛盾，基于网页模式的多媒体课件应运而生。
而这种基于网页模式课件的运行平台，即日前互联网浏览服务的对象——Web网页，其术身具有统一的协议标准、良好的跨平台特性和广泛的覆盖性等优点。在其上开发出来的课件有着良好的图形界面，能够支持多种多媒体格式，可提供高度的交互性，与其他的应用程序有着方便良好的接口，特别是本身便以超链接作为组织形式，因此其非常适合作为课件开发平台。另一方面，用以开发、维护网页设计的软件和工具大多可以免费获得，甚至直接使用Windows的记事本即可完成开发。这种基于网页的课件对运行的软硬件平台也没有什么很高的特殊要求，对于客户端而言，只需要能使用IE等流行的网页浏览器就可以正常运行，这使得基于网页模式的CAI课件的开发维护费用相对低廉。目前种种“所见即所得”的全图形化的开发和维护工具，也使得对开发维护人员的技术水平要求相对降低。另外在网络教学中，基于网页的课件可以通过访问服务器的简单方式在网络中传输，具有较快的传输速度，在相对较低的带宽下仍具有较好的应用前景。
但我们必须清醒地看到，基于网页模式的课件方案也存在一些不足，主要是面临网络带宽、网络传输速度、平台兼容性、代码安全等问题的困扰。因此，在开发过程中必须对课件页面进行有效的优化，以使之能够在网络上很好的运行。
1.课件呈现页面的优化。课件呈现页面即通过浏览器展示到客户端的部分。呈现页面优化问题虽然涉及到多方面，但其根本的立足点和目的有两个：一个是加快课件的加载速度；另一个则是使页面能象设计者所预先设想的那样在用户眼前显示。下而，就分別从这两个目的出发，讨论一下对页面进行优化时所依据的原则和实现方法。
1.1 加快课件的呈现速度。所谓课件的呈现速度，可分成以下三部分：课件的下载时问、渲染时间和可视完整性。设计者应通过页面优化在这三者中找到一个平衡点，进而获得理想的下载速度，从用户点击请求到页面总体框架显示仅一眨眼时间，在页面完全渲染完前用户便可以从中搜索自己需要的信息。
1.2 加快课件呈现速度的原则。
①去除不必要的多媒体效果和内容。尽量少用图形、图形按钮、动画、视频、音频等多媒体元素。
②用一切手段减少各种多媒体元素的大小。
③优先使用具有AJAX、内存回收、页面缓存等先进的开发技术。AJAX技术可以从独立于实际网页的服务端取得信息并且动态地写入目标网页中，给缓慢的Web应用体验带来像桌面应用一般快捷的感受。
④对不是所有人都有必要看到的大型多媒体文件，可另置一页，在原来的页面上仅提供一个按钮或低分辨率图形，边上注明所链接文件的大小和预计下载时间。
1.3 对图形的优化处理。
①缩减图形文件大小。缩减文件大小对加快下载速度效果明显，可以通过以下一些方法来减小图形文件大小：
减小图形尺寸和分辨率。只在固定大小位置显示的图形，其源图形尺寸一定不要大于该显示位置的大小；而电脑屏幕显示的图形分辨率超过72ppi就没有太大意义。
选择适当的图形格式。由于图形格式的编码技术不同，某些格式的图形能在相似表现效果的基础上获得更小的文件大小，例如相似质量和大小的图形，采用JPG或GIF格式明显比其它格式的文件小许多。
②在网页代码中为图形设置宽度和高度属性。它可以使浏览器在下载图片前便确定正确的页面布局，先把文字和其它后继内容显示出来，使下载图片的同时便可开始浏览。
1.4 对网面中表格标签的优化处理。表格