《基于Web的多媒体CAI课件开发过程中若干问题的研究和实践(计算机论文).docx》由会员分享，可在线阅读，更多相关《基于Web的多媒体CAI课件开发过程中若干问题的研究和实践(计算机论文).docx（7页珍藏版）》请在三一文库上搜索。
1、第 1 页 基于 Web 的多媒体 CAI 课件开发过程中若干问题的研 究和实践(计算机论文) 特征码 OoVIjwECAqDrqXcZNkkC 基于 Web 的多媒体 CAI 开发过程中若干问题的研究和实践 发布时间： 20XX-6-11 作者：秩名 【摘要】 基于 Web 的多媒体 CAI 是多媒体 CAI 与 Web 技术的结 合。它将成为网络教学多媒体 CAI 的主要形式。本文结合一个 实例，介绍了在基于 Web 的多媒体 CAI 开发过程中对页面进行 页面优化的原则和方法，并详细介绍了中导航、查询、测试等 关键功能的 JavaScript 程序实现技术和方法。 【关键词】 多媒体，C
2、AI，Web,页面优化 第 2 页 1.引 言 传统类型的或者由于投资成本大（如基于编程为主的整体式） ， 或者由于升级更新困难（如基于 CDROM 的多媒体） ，已不能满足 日益发展的需要。为了解决以上矛盾，伴随着 Web 的出现和 Web 技术的发展，基于 Web 的多媒体 CAI 应运而生了。 作为这种全新类型的平台，Web 本身具有统一的协议标准，良 好的跨平台特性和前所未有的广泛的覆盖性的优点。在其上开 发出来的软件有着统一的良好的 GUI 界面，能够支持多种多媒 体格式，可提供高度的交互性，与其他的应用程序有着方便良 好的接口，特别是本身便以超联接作为组织形式，因此其非常 合适作为
3、开发平台。另一方面，用以开发、维护基于 Web 的软 件的工具大多可以免费获得，基于 Web 的对运行的软硬件平台 也没有什么很高的特殊要求，这使得基于 Web 的 CAI 的开发维 护费用相对低廉；目前种种“所见即所得”的全图形化的开发 第 3 页 和维护工具也使得对开发维护人员的技术水平要求相对降低； 由于各网页之间相对独立，因此可以十分容易的对进行升级更 新。另外在网络教学中，基于 Web 页的可以以网页为单位在网 络中传输，具有较快的传输速度，在目前较低的带宽下仍具有 较好的应用前景。 考虑到基于 Web 的多媒体 CAI 的以上优点， 我们在对国家教育部重点项目“博物馆类 CAI 建
4、设”进行总体 设计时选择了它作为项目总体方案。但在项目建设过程中，我 们发现由于目前 Web 技术发展的局限性，使基于 Web 的方案也 存在一些不足，主要是面临网络带宽、网络传输速度、平台兼 容性等问题的困扰。因此，在开发过程中必须对页面进行优化， 以使之能够在 Web 上很好的运行。另外，由于相对来说 Web 是 一种全新的开发平台，而 Web 技术发展又非常的快，所以中一 些功能如导航、查询等的技术实现便成为开发过程中突出的技 术难点。为此，我们在项目开发过程中，特别在这些方面作了 重点研究，并取得了一定的成果。 2.页面优化的原则和方法 第 4 页 页面优化问题虽然涉及到多方面，但其根
5、本的立足点和目的是 以下两个：一个是加快页面下载速度;另一个则是使页面能象设 计者所预先设想的那样在用户眼前显示，在 Web 上这主要需要 解决一个兼容性的问题。下面就分别从这两个目的出发，讨论 一下对页面进行优化时所依据的原则和实现方法。 2.1 加快页面下载速度的优化 传统上,在加快页面下载速度方面所做的努力，仅仅局限于减少 多媒体元素的使用数量和降低使用质量,以取得较小的文件大小， 从而加快页面文件在网络上的传输速度以达到加快下载速度的 目的.我们认为，仅依靠这方面的努力是远远不够的。所谓的页 面下载速度便可分成以下三部分：下载时间，渲染时间和可视 性，好的设计者应通过页面优化在三这者中
6、找到一个平衡点， 进而产生理想的下载，从用户点击请求到页面总体框面显示仅 一眨眼时间，在页面完全渲染完前用户便可以从中搜索自己需 要的信息。 第 5 页 2.1.1 加快页面下载的普遍原则 1） 去除不必要的多媒体效果和内容: 可以用普通按钮取代图 形动态按钮，用静态图像取代 GIF 动画，减少图形化的花哨文 字标题，这些措施至少可以让页面下载时间缩短一半。 2） 用一切手段减少各种多媒体元素的大小。 3） 优先使用相同的图形或多媒体内容: 缺省的 Netscape 和 IE 都会在 RAM 或硬盘上设置缓存来保存最近用到的图形和文件， 如果浏览器认识相同的文件名，则它会读缓存，从而大大提高
7、效率。 第 6 页 4）提供低带宽备用内容: 如果你的文件格式不被认识或浏览器 关掉了图形开关，这些备用内容就可派上用场了。 5） 对不是所有人都有必要或想看到的大型多媒体文件另置一 页，在原来的页上仅提供一个按钮或低分辨率图形，边上注明 所链接文件的大小和预计下载时间。 2.1.2 对图形的优化处理 1） 减少图形文件大小: 减少文件大小对加快下载速度有着突 出的贡献,可以通过以下一些方法来减小图形文件大小。 减 小图形面积-这可以通过剪切图形或按比例收缩图形来实现， 要注意的是，按比例收缩后有可能在图形上出现一些色斑。 注意颜色安排-通过降低色彩深度，使每一象素有较少的 第 7 页 位数可使文件变小。而在一行内不要放入过多颜色将使文件进 一步压缩，这对 GIF 文件更加有效，因为 GIF 仅是颜色的列表， 它为每一行设置一个颜色列表，因此, 当沿水平方向改变颜色 时，应尽量使用更多的相同颜色片段；基于相同的原因，当使 用连续色调时，应尽量从顶部向底部延展，而不要在左右方向 上延展。 调整图像中的对比水平-大多数图像软件都提供重润色选 项,如伽玛(Gamma)较正和加亮(highlight)/中调(midtone)/阴 影(shado