论文部分内容阅读
传统类型的课件或者由于投资成本大（如基于编程为主的整体式课件），或者由于升级更新困难（如基于CD-ROM的多媒体课件），已不能满足日益发展的需要。为了解决以上矛盾，伴随着Web的出现和Web技术的发展，基于Web的多媒体CAI课件应运而生了。我们教师在开发过程中必须对课件页面进行优化，以使之能够在Web上很好的运行。
页面优化问题虽然涉及到多方面，但其根本的立足点和目的是以下两个：一个是加快页面下载速度;另一个则是使页面能像设计者所预先设想的那样在用户眼前显示，在Web上这主要需要解决一个兼容性的问题。下面就分别从这两个目的出发，讨论一下对页面进行优化时所依据的原则和实现方法。
一、加快页面下载速度的优化
1.加快页面下载的普遍原则
（1）去除不必要的多媒体效果和内容： 可以用普通按钮取代图形动态按钮，用静态图像取代GIF动画，减少图形化的花哨文字标题，这些措施至少可以让页面下载时间缩短一半。（2） 用一切手段减少各种多媒体元素的大小。（3） 优先使用相同的图形或多媒体内容： 缺省的Netscape和IE都会在RAM或硬盘上设置缓存来保存最近用到的图形和文件，如果浏览器认识相同的文件名，则它会读缓存，从而大大提高效率。（4）提供低带宽备用内容： 如果你的文件格式不被认识或浏览器关掉了图形开关，这些备用内容就可派上用场了。
2.对图形的优化处理
（1）减少图形文件大小： 减少文件大小对加快下载速度有着突出的贡献，可以通过以下一些方法来减小图形文件大小。 减小图形面积——这可以通过剪切图形或按比例收缩图形来实现，要注意的是，按比例收缩后有可能在图形上出现一些色斑。 注意颜色安排——通过降低色彩深度，使每一象素有较少的位数可使文件变小。而在一行内不要放入过多颜色将使文件进一步压缩，这对GIF文件更加有效。
（2）在HTML文件中为图形设置WIDTH和HEIGHT属性： 用WIDTH和HEIGHT属性来放大和压缩图示面积并不能加快下载，但它可以使浏览器在下载图片前便确定正确的页布局，先把文字和其他后继内容显示出来，是用户在下载图片的同时便可开始浏览。
（3） 随同符号使用 LOWSRC属性： 这个属性允许我们指定另一个图形文件，它将首先下载，并在由SRC属性指定的图形文件之前显示出来，一般由它指定一个低分辨率、低色度的与SRC图形相同大小的图形，这样下载将变快。
（4）使用交错式GIF和渐进式JPEG：交错式GIF和渐进式JPEG是对原来图形标准的扩展。其中交错式GIF向后兼容而渐进式JPEG不能。当下载后在页面上显示时效果就如同它是从一套百页窗后显露出来一样。尽管他们不能加快下载速度，但用户的感觉却是加快的。
3.对表格〈TABLE〉的优化处理
虽然用〈LAYER〉和在页面布局时可以做到精确定位，但那也许只是将来的理想方案。在目前，为了得到一个真正跨浏览器，跨平台的设计方案，还得用表格进行局。
在使用表格时应注意做到：（1）将一个单一的大表格拆成多个小表格：这将加快页面显示速度，尤其当页面很长而用表格进行整体布局时更是如此。（2）对〈TABLE〉、〈TD〉适当使用Width属性：在这一点上应注意单元格内的内容的宽度，你定义的单元格宽度至少应与内容宽度一致，以避免浏览器的过滤作用对其进行两次渲染。（3）千万不要嵌套表格：这将使表格处理时间以倍速上升，如果一定要嵌套，至少应尽量使被嵌套表格保持简单。（4）不要将太新的扩展多媒体元素放入表格：这将使浏览器迅速崩溃。
4.其他多媒体元素的优化处理
（1）对动画部分的优化： 对Direct或 Authorware动画应尽量压缩帧数，并使用shareware流式传输处理，对一般网页上常见的GIF动画，FLASH动画或JavaScript动画应尽量少用，因为他们一般除装饰效果外很难有什么其他作用却会使页面尺寸急剧增加。（2）对背景音乐的优化：优先选用midi格式，采样仅需8位、11kHz即可。如果需要语音朗读的话，尽可能使用男声，这可以采用更低的设置。尽量将声音做成可选设置，优先选用流式声音传输格式。（3）对脚本程序的优化：许多网页制作者认为页面中的 JavaScript等脚本语言不会使页面变慢，然而大多数的脚本语言都是解释语言，而非编译语言，这就意味着他们装载后还需被分析，这也构成了页面渲染时间的一部分。
二、对兼容性的优化
在兼容性问题上，既要考虑课件对各种操作系统和硬件平台的兼容性，更要考虑课件对各种浏览器的兼容性。
1.在平台兼容性上的优化
当课件在INTERNET上发布时，你无法设想你的用户会在怎样配置的机器上使用怎样的操作系统，好在Web本身的跨平台特性已为我们很好地解决了这个问题，使我们免于多次开发，但为了使课件能够在各种平台上正常显示，仍需要我们在定义潜在用户群时考虑许多细节，包括：显示器的分辨率和色深，对音频和视频的支持情况，各种平台上相同字体的差异，各种平台上显示调色板之间的差别等等。
2.在浏览器兼容性上的优化
与由于浏览器不兼容带来的影响相比，由于平台不兼容对课件开发所带来的影响几乎可以忽略不计了，各大主流浏览器开发厂商或者由于商业上的考虑而故意制造不兼容情况，如Netscape和IE;或者为了追踪技术发展不得不造成新版本某些部分事实上不向后兼容，如Netscape Communicator 4.5与以前版本对JavaScript的处理;再加上其他难以计数的各种非主流浏览器，如何消除浏览器兼容性对课件开发的影响，才是课件开发者所真正要关心的问题。
基于Web的多媒体CAI课件是未来多媒体课件的主要形式，也是将来发展网上教学的一个资源基础。但目前已完成的优质实用课件还很少，对此类课件的开发模型，开发工具，开发技术等的研究也很少。我们认为，只有加紧对这类课件的研究开发，才有可能使网上教学早日进入实用领域。本文所提到的方法和技术都是我们在基于Web的多媒体CAI课件开发过程中实际所应用的，实践证明是行之有效的。
页面优化问题虽然涉及到多方面，但其根本的立足点和目的是以下两个：一个是加快页面下载速度;另一个则是使页面能像设计者所预先设想的那样在用户眼前显示，在Web上这主要需要解决一个兼容性的问题。下面就分别从这两个目的出发，讨论一下对页面进行优化时所依据的原则和实现方法。
一、加快页面下载速度的优化
1.加快页面下载的普遍原则
（1）去除不必要的多媒体效果和内容： 可以用普通按钮取代图形动态按钮，用静态图像取代GIF动画，减少图形化的花哨文字标题，这些措施至少可以让页面下载时间缩短一半。（2） 用一切手段减少各种多媒体元素的大小。（3） 优先使用相同的图形或多媒体内容： 缺省的Netscape和IE都会在RAM或硬盘上设置缓存来保存最近用到的图形和文件，如果浏览器认识相同的文件名，则它会读缓存，从而大大提高效率。（4）提供低带宽备用内容： 如果你的文件格式不被认识或浏览器关掉了图形开关，这些备用内容就可派上用场了。
2.对图形的优化处理
（1）减少图形文件大小： 减少文件大小对加快下载速度有着突出的贡献，可以通过以下一些方法来减小图形文件大小。 减小图形面积——这可以通过剪切图形或按比例收缩图形来实现，要注意的是，按比例收缩后有可能在图形上出现一些色斑。 注意颜色安排——通过降低色彩深度，使每一象素有较少的位数可使文件变小。而在一行内不要放入过多颜色将使文件进一步压缩，这对GIF文件更加有效。
（2）在HTML文件中为图形设置WIDTH和HEIGHT属性： 用WIDTH和HEIGHT属性来放大和压缩图示面积并不能加快下载，但它可以使浏览器在下载图片前便确定正确的页布局，先把文字和其他后继内容显示出来，是用户在下载图片的同时便可开始浏览。
（3） 随同符号使用 LOWSRC属性： 这个属性允许我们指定另一个图形文件，它将首先下载，并在由SRC属性指定的图形文件之前显示出来，一般由它指定一个低分辨率、低色度的与SRC图形相同大小的图形，这样下载将变快。
（4）使用交错式GIF和渐进式JPEG：交错式GIF和渐进式JPEG是对原来图形标准的扩展。其中交错式GIF向后兼容而渐进式JPEG不能。当下载后在页面上显示时效果就如同它是从一套百页窗后显露出来一样。尽管他们不能加快下载速度，但用户的感觉却是加快的。
3.对表格〈TABLE〉的优化处理
虽然用〈LAYER〉和在页面布局时可以做到精确定位，但那也许只是将来的理想方案。在目前，为了得到一个真正跨浏览器，跨平台的设计方案，还得用表格进行局。
在使用表格时应注意做到：（1）将一个单一的大表格拆成多个小表格：这将加快页面显示速度，尤其当页面很长而用表格进行整体布局时更是如此。（2）对〈TABLE〉、〈TD〉适当使用Width属性：在这一点上应注意单元格内的内容的宽度，你定义的单元格宽度至少应与内容宽度一致，以避免浏览器的过滤作用对其进行两次渲染。（3）千万不要嵌套表格：这将使表格处理时间以倍速上升，如果一定要嵌套，至少应尽量使被嵌套表格保持简单。（4）不要将太新的扩展多媒体元素放入表格：这将使浏览器迅速崩溃。
4.其他多媒体元素的优化处理
（1）对动画部分的优化： 对Direct或 Authorware动画应尽量压缩帧数，并使用shareware流式传输处理，对一般网页上常见的GIF动画，FLASH动画或JavaScript动画应尽量少用，因为他们一般除装饰效果外很难有什么其他作用却会使页面尺寸急剧增加。（2）对背景音乐的优化：优先选用midi格式，采样仅需8位、11kHz即可。如果需要语音朗读的话，尽可能使用男声，这可以采用更低的设置。尽量将声音做成可选设置，优先选用流式声音传输格式。（3）对脚本程序的优化：许多网页制作者认为页面中的 JavaScript等脚本语言不会使页面变慢，然而大多数的脚本语言都是解释语言，而非编译语言，这就意味着他们装载后还需被分析，这也构成了页面渲染时间的一部分。
二、对兼容性的优化
在兼容性问题上，既要考虑课件对各种操作系统和硬件平台的兼容性，更要考虑课件对各种浏览器的兼容性。
1.在平台兼容性上的优化
当课件在INTERNET上发布时，你无法设想你的用户会在怎样配置的机器上使用怎样的操作系统，好在Web本身的跨平台特性已为我们很好地解决了这个问题，使我们免于多次开发，但为了使课件能够在各种平台上正常显示，仍需要我们在定义潜在用户群时考虑许多细节，包括：显示器的分辨率和色深，对音频和视频的支持情况，各种平台上相同字体的差异，各种平台上显示调色板之间的差别等等。
2.在浏览器兼容性上的优化
与由于浏览器不兼容带来的影响相比，由于平台不兼容对课件开发所带来的影响几乎可以忽略不计了，各大主流浏览器开发厂商或者由于商业上的考虑而故意制造不兼容情况，如Netscape和IE;或者为了追踪技术发展不得不造成新版本某些部分事实上不向后兼容，如Netscape Communicator 4.5与以前版本对JavaScript的处理;再加上其他难以计数的各种非主流浏览器，如何消除浏览器兼容性对课件开发的影响，才是课件开发者所真正要关心的问题。
基于Web的多媒体CAI课件是未来多媒体课件的主要形式，也是将来发展网上教学的一个资源基础。但目前已完成的优质实用课件还很少，对此类课件的开发模型，开发工具，开发技术等的研究也很少。我们认为，只有加紧对这类课件的研究开发，才有可能使网上教学早日进入实用领域。本文所提到的方法和技术都是我们在基于Web的多媒体CAI课件开发过程中实际所应用的，实践证明是行之有效的。