论文导读：课件是在一定的学习理论指导下，根据教学目标设计的，反映某种教学策略和教学内容的计算机软件。页面优化问题其根本的目的是以下两个：一是加快页面下载速度;另一个则是使页面能像设计者所设想的那样在用户眼前显示。
关键词：课件,设计策略,页面优化
一、引 言
课件是在一定的学习理论指导下，根据教学目标设计的，反映某种教学策略和教学内容的计算机软件。基于web的课件又称网络课件，是在网络环境下让不同地域、不同年龄、不同阶层的人通过网络途径在任何时段获取教学内容的教学工具。目前网络课件，大多是图、文、声、像样样具备，大量地采用动画、交互等设计，故Web课件是对网络带宽要求最高的应用之一。
二、网页课件的设计
随着信息技术的发展，网络教学逐渐显示出其独特的优势,它逐步发展成为现代教育的重要组成部分,然而要真正发挥网络教学的优势，还应注意网页课件的教学设计与制作工作。
1.网络教学的设计
1）对象分析
现代教育理论认为学习者是网络教学活动的中心和主体，对学习者进行分析是网络教学系统设计的关键环节。
2）目标
教学目标是教师和学生从事教学活动的指南和出发点，也是评价教学活动过程的依据。网络教学目标的设计应考虑到不同层次学习者的学习需求，其制定要体现差异性。
3）策略
教学策略的设计就是解决“如何教学”的问题，是实现教学目标的方式。
①结构清晰、操作灵活方便
②创设教学情境、激发学习兴趣
③创设良好的交互性、引导学习者积极参与
4）评价
完整的教学过程必须包括评价。由于网络化课堂教学设计的方案是开放的，因此，评价也是开放的，在网络化学习评价过程中学习者应该作为评价的核心对象加以考察。
2.网页课件设计的解决方案
WEB课件在设计上应体现如下的教学策略：重视问题与回答方式，提高学生的参与程度；加强对学生的引导和帮助，促进学生对知识的建构；提供丰富的多媒体资源，创设有意义的学习情境；对于课件WEB的设计，可包括如下：
1）体现学生个性化。
2）注重师生合作化。
3）增强课件娱乐性。
4）着重网络交互性。
5）提高软件开放性。
Web课件可以说是学生利用网络进行远程学习的教材，根据网上教学的特点和人才培养的需要，基于Internet的Web课件的基本结构设计之解决方案如图1所示。
三、页面的优化
1.课件页面优化的原则和方法
页面优化问题其根本的目的是以下两个：一是加快页面下载速度;另一个则是使页面能像设计者所设想的那样在用户眼前显示。下面就分别从这两个目的出发，讨论一下对页面进行优化时所依据的原则和实现方法。
2.1加快页面下载速度的优化
传统上加快下载速度仅局限于减少多媒体使用数量和降低使用质量,以取得较小的文件，从而达到加快速度的目的。所谓的页面下载速度便可分成三部分：下载时间，渲染时间和可视性。好的设计者应通过页面优化找到一个平衡点，进而产生理想的下载。论文参考网。
2.1.1加快页面下载的普遍原则
1）去除不必要的多媒体效果和内容: 可以用普通按钮取代图形动态按钮，用静态图像取代动画，减少图形化的花哨文字标题等。
2）减少各种多媒体元素的大小。
3）优先使用相同的图形或多媒体内容: 缺省的Netscape和IE都会在RAM或硬盘上设置缓存来保存最近使用图形和文件，如果浏览器认识相同文件名，则它会读缓存大大提高效率。
4）提供低带宽备用内容: 如果你的文件格式不被认识或浏览器关掉了图形开关，这些备用内容就可派上用场了。
5）对不是所有人都有必要或想看到的大型多媒体文件另置一页。
2.1.2 对图形的优化处理
1）减少图形文件大小:
· 减小图形面积---这可以通过剪切图形或按比例收缩图形来实现，要注意的是按比例收缩后有可能在图形上出现一些色斑。
· 注意颜色安排---通过降低色彩深度，使每一象素有较少的位数可使文件变小。而在一行内不要放入过多颜色将使文件进一步压缩，这对GIF文件更加有效。
· 调整图像中的对比水平---大多数图像软件都提供重润色选项，缩减这些值，通常可以减少文件尺寸。
· 抑制抖动---抖动是指用现有调色板中颜色值来接近调色板中没有的颜色，它倾向于增大GIF文件大小。
2）在HTML文件中为图形设置WIDTH和HEIGHT属性: 用WIDTH和HEIGHT属性来放大和压缩图示面积，虽不能加快下载，但它可以在下载图片前确定正确的页布局。论文参考网。
3）随同符号使用 LOWSRC属性: 这个属性允许我们指定另一个图形文件，它将首先下载，一般由它指定一个低分辨率、低色度的与SRC图形相同大小的图形，这样下载将变快。
4）使用交错式GIF和渐进式JPEG：交错式GIF和渐进式JPEG是对原来图形标准的扩展。论文参考网。尽管他们不能加快下载速度，但用户的感觉却是加快的。
2.1.3 对表格〈TABLE〉的优化处理
表格是目前网页中用得最多的布局元素，虽然这部分优化并不能减少下载时间，但由于浏览器需要在填充表格内容前完全理解表格的结构，所以适当的表格运用将大大缩短网页的渲染时间。
1) 将一个单一的大表格拆成多个小表格：这将加快页面显示速度，尤其当页面很长而用表格进行整体布局时。
2) 对〈TABLE〉、〈TD〉适当使用Width属性：在这一点上应注意单元格内的内容的宽度，你定义的单元格宽度至少应与内容宽度一致，以避免浏览器的过滤作用进行两次渲染。
3) 千万不要嵌套表格：这将使表格处理时间以几倍速上升，如果一定要嵌套，至少应尽使被嵌套表格保持简单。
4) 不要将太新的扩展多媒体元素放入表格：这将使浏览器迅速崩溃。
其他多媒体元素的优化处理
4.1) 对动画部分的优化：对Direct或 Authorware动画应尽量压缩帧数，并使用shareware流式传输处理，对一般网页上常见的GIF动画，FLASH动画或JavaScript动画应尽量少用。
4.2) 对背景音乐的优化：优先选用midi格式，采样仅需8位、11kHz即可
4.3) 对脚本程序的优化：大多数的脚本语言都是解释语言，而非编译语言，这就意味着他们装载后还需被分析，这也构成了页面渲染时间的一部分。应注意做到：
· 尽量将脚本嵌入页面中，而不使用SRC属性，因为这将引起对服务器的另一次请求，既加重了服务器负荷，又延长了下载时间。
· 如果用脚本控制Plug-in 或 DHTML，尽量用一个内置的装载和运行更快的函数来替代自己编写的函数。
四、结束语
基于Web的课件是未来多媒体课件的主要形式，也是将来发展网上教学的一个资源基础。但目前已完成的优质课件还很少，对此类课件的开发模型，开发工具，开发技术等的研究也很少。因此，开发大量高质量的基于WEB的课件，是促进基于Internet的远程教学深入发展的前提，也是当前现代教育技术工作的重要内容。
参考资料
[1] 余胜泉《网络课程的设计与开发》教育技术通讯
[2] 王左辉，《于红光》《网页与web课件制作基础教程》电子工业出版社
[3] 王靖、刘志文《网络课程设计中的教学系统设计》《中国电化教育》
|
