基于Web的多媒体C人工智能课件是多媒体C人工智能课件与Web技术的结合。它将成为互联网教学多媒体C人工智能课件的主要形式。本文结合一个实例，介绍了在基于Web的多媒体C人工智能课件开发过程中对课件页面进行页面优化的原则和办法，并详细介绍了课件中导航、查看、测试等重点功能的Javascript 程序达成技术和办法。

多媒体，C人工智能课件，Web,页面优化


1.引 言

传统种类的课件或者因为投资本钱大（如基于编程为主的整体式课件），或者因为升级更新困难（如基于CDROM的多媒体课件），已难以满足日益进步的需要。为知道决以上矛盾，随着着Web的出现和Web技术的进步，基于Web的多媒体C人工智能课件应运而生了。

作为这种全新种类课件的平台，Web本身具备统一的协议标准，好的跨平台特质和前所未有些广泛的覆盖性的优点。在其上开发出来的软件有着统一的好的GUI界面，可以支持多种多媒体格式，可提供高度的交互性，与其他的应用程序有着便捷好的接口，尤其是本身便以超联接作为组织形式，因此其很适合作为课件开发平台。其次，用以开发、维护基于Web的软件的工具大多可以免费获得，基于Web的课件对运行的软硬件平台也没什么非常高的特殊需要，这使得基于Web的C人工智能课件的开发维护成本相对低廉；现在种种“所见即所得”的全图形化的开发和维护工具也使得对开发维护职员的技术水平需要相对减少；因为各网页之间相对独立，因此可以十分容易的对课件进行升级更新。另外在互联网教学中，基于Web页的课件可以以网页为单位在互联网中传输，具备较快的传输速度，在现在较低的带宽下仍具备较好的应用前景。 考虑到基于Web的多媒体C人工智能课件的以上优点，大家在对国家教育部重点项目“博物馆类C人工智能课件建设”进行总体设计时选择了它作为项目总体策略。但在项目建设过程中，大家发现因为现在Web技术进步的局限性，使基于Web的课件策略也存在一些不足，主如果面临互联网带宽、互联网传输速度、平台兼容性等问题的困扰。因此，在开发过程中需要对课件页面进行优化，以使之可以在Web上非常不错的运行。另外，因为相对来讲Web是一种全新的开发平台，而Web技术进步又很快，所以课件中一些功能如导航、查看等的技术达成便成为开发过程中突出的技术难题。为此，大家在项目开发过程中，特别在这类方面作了重点研究，并获得了肯定的成就。

2.课件页面优化的原则和办法

页面优化问题虽然涉及到多方面，但其根本的立足点和目的是以下两个：一个是加快页面下载速度;另一个则是使页面能象设计者所预先设想的那样在用户眼前显示，在Web上这主要需要解决一个兼容性的问题。下面就分别从这两个目的出发，讨论一下对页面进行优化时所依据的原则和达成办法。

2.1加快页面下载速度的优化

传统上,在加快页面下载速度方面所做的努力，仅仅局限于降低多媒体元素的用法数目和减少用水平,以获得较小的文件大小，从而加快页面文件在互联网上的传输速度以达到加快下载速度的目的.大家觉得，仅依赖这方面的努力是远远不够的。所谓的页面下载速度便可分成以下三部分：下载时间，渲染时间和可视性，好的设计者应通过页面优化在三这者中找到一个平衡点，进而产生理想的下载，从用户点击请求到页面总体框面显示仅一眨眼时间，在页面完全渲染完前用户便可以从中搜索自己需要的信息。

2.1.1加快页面下载的常见原则

1） 去除非必须的多媒体成效和内容: 可以用普通按钮取代图形动态按钮，用静态图像取代GIF动画，降低图形化的花哨文字标题，这类手段至少可以让页面下载时间缩短一半。

2） 用所有方法降低各种多媒体元素的大小。

3） 优先用相同的图形或多媒体内容: 缺省的Netscape和IE都会在RAM或硬盘上设置缓存来保存近期用到的图形和文件，假如浏览器认识相同的文件名，则它会读缓存，从而大大提升效率。

4）提供低带宽备用内容: 假如你的文件格式不被认识或浏览器关掉了图形开关，这类备用内容就可派上用场了。

5） 对不是所有人都有必要或想看到的大型多媒体文件另置一页，在原来的页上仅提供一个按钮或低分辨率图形，边上注明所链接文件的大小和预计下载时间。

2.1.2 对图形的优化处置

1） 降低图形文件大小: 降低文件大小对加快下载速度有着突出的贡献,可以通过以下一些办法来减小图形文件大小。· 减小图形面积---这可以通过剪切图形或按比率缩短图形来达成，应该注意的是，按比率缩短后大概在图形上出现一些色斑。
· 注意颜色安排---通过减少色彩深度，使每一象素有较少的位数可使文件变小。而在一行内不要放入过多颜色将使文件进一步压缩，这对GIF文件愈加有效，由于GIF只是颜色的列表，它为每一行设置一个颜色列表，因此, 当沿水平方向改变颜色时，应尽可能用更多的相同颜色片段；基于相同是什么原因，当用连续色调时，应尽可能从顶部向底部延展，而不要在左右方向上延展。

· 调整图像中的对比水平---大部分图像软件都提供重润色选项,如伽玛较正和加亮/中调/阴影来改变一个图像内的对比。缩减这类值，一般可以降低文件尺寸。

· 抑制抖动---抖动是指用现有调色板中颜色值来接近调色板中没的颜色，它倾向于增大GIF文件的大小，通过选择通用安全216色调色板和用图形程序里选择“No Dither”选项可消除抖动。

2） 在HTML文件中为图形设置WIDTH和HEIGHT属性: 用WIDTH和HEIGHT属性来放大和压缩图示面积并不可以加快下载，但它可以使浏览器在下载图片前便确定正确的页布局，先把文字和其他后继内容显示出来，是用户在下载图片的同时便可开始浏览。

3） 随同符号用 LOWSRC属性: 这个属性允许大家指定另一个图形文件，它将第一下载，并在由SRC属性指定的图形文件之前显示出来，一般由它指定一个低分辨率、低色度的与SRC图形相同大小的图形，如此下载将变快。

4） 用交错式GIF和渐进式JPEG：交错式GIF和渐进式JPEG是对原来图形标准的扩展。其中交错式GIF向后兼容而渐进式JPEG不可以。当下载后在页面上显示时成效就好似它是从一套百页窗后显露出来一样。尽管他们不可以加快下载速度，但用户的感觉却是加快的。

2.1.3 对表格〈TABLE〉的优化处置

虽然用〈LAYER〉和在页面布局时可以做到精准定位，但那或许只不过以后的理想策略。在现在，为了得到一个真的跨浏览器，跨平台的设计策略，还要用表格进行局。

表格或许是现在网页中用得最多的布局元素，因此，对表格的优化就看上去特别有价值，虽然这部分优化并不可以降低下载时间，但因为浏览器需要在填充表格内容前完全理解表格的结构，所以适合的表格运用将大大缩短网页的渲染时间。在用表格时应注意做到：

1) 将一个单一的大表格拆成多个小表格：这将加快页面显示速度，特别当页面非常长而用表格进行整体布局时更是这样。

2) 对〈TABLE〉、〈TD〉适合用Width属性：在这一点上应注意单元格内的内容的宽度，你概念的单元格宽度至少应与内容宽度一致，以防止浏览器的过滤用途对其进行两次渲染。

3) 千万不要嵌套表格：这将使表格处置时间以倍速上升，假如必须要嵌套，至少应尽

使被嵌套表格维持简单。

4) 不要将太新的扩展多媒体元素放入表格：这将使浏览器飞速崩溃。

其他多媒体元素的优化处置
1) 对动画部分的优化： 对Direct或 Authorware动画应尽可能压缩帧数，并用shareware流式传输处置，对一般网页上容易见到的GIF动画，FLASH动画或Javascript动画应尽可能少用，由于他们一般除装饰成效外非常难有哪些其他用途却会使页面尺寸急剧增加。

2) 对背景音乐的优化：优先使用mip格式，采样只需要8位、11kHz即可。假如需要语音朗读的话，尽量用男声，这可以使用更低的设置。尽可能将声音做成可选设置，优先使用流式声音传输格式。

3) 对脚本程序的优化：很多网站设计者觉得页面中的 Javascript等脚本语言不会使页面变慢，然而大部分的脚本语言都是讲解语言，而非编译语言，这就意味着他们装载后还需被剖析，这也构成了页面渲染时间的一部分，在用脚本语言时，应注意做到：

尽可能将脚本嵌入页面中，而不用SRC属性，由于这将引起对服务器的另一次请求，既加重了服务器负荷，又延长了总的下载时间。

· 假如用脚本控制Plug-in 或 DHTML，尽可能用一个内置的装载和运行更快的函数来替代自己撰写的函数。

2．2 对兼容性的优化

在兼容性问题上，既要考虑课件对各种操作系统和硬件平台的兼容性，更要考虑课件对各种浏览器的兼容性。

2.2.1 在平台兼容性上的优化

当课件在INTERNET上发布时，你没办法设想你的用户会在如何配置的机器上用什么样的操作系统，好在Web本身的跨平台特质已为大家非常不错地解决了这个问题，使大家免于多次开发，但为了使课件可以在各种平台上正常显示，仍需要大家在概念潜在用户群时考虑很多细节，包含：显示器的分辨率和色深，对音频和视频的支持状况，各种平台上相同字体的差异，各种平台上显示调色板之间的差别等等。

2.2.2 在浏览器兼容性上的优化

与因为浏览器不兼容带来的影响相比，因为平台不兼容对课件开发所带来的影响几乎可以忽视不计了，各大主流浏览器开发厂家或者因为商业上的考虑而故意制造不兼容状况，如Netscape和IE；或者为了追踪技术进步不能不导致新版本某些部分事实上不向后兼容，如Netscape Communicator 4.5与以前版本对Javascript的处置；再加上其他很难计数的各种90后浏览器，怎么样消除浏览器兼容性对课件开发的影响，才是课件开发者所真的要关心的问题。

在这次课件项目开发中，考虑到Netscape 和IE加起来占了浏览器用总数的90%以上，而且均可以从网上免费得到，所以开发以IE 4.0 版为主，同时兼顾Netscape 4.0 以上版本；对某些要紧的功能，假如两者需用不兼容技术达成，则分别开发两个版本，由服务器对用户浏览器进行辨别后分别下载。在脚本语言方面，因为Javascript是唯一大部分主流浏览器均支持的语言，所以成为唯一选择。因为IE支持所有Netscape扩展标签，所以标签使用上优先考虑Netscape标签。

3.课件中导航、查看、测试功能的达成

3.1 导航功能的达成

在本课件中导航功能使用以下几种策略来达成。一种是每一页底部均有些导航钮，这个策略主要提供课件预定学习顺序；一种是导航图，它指出用户目前正处于整个课件的哪个位置；一种是查看策略，这个策略提供在整个站点内搜索有关页的功能；还有一种便是树型目录，它与教程目录相同，可用于辅助检索。树型导航目录为单独的一页，显示在左侧的框内。刚开始显示各章标题，单击章标题号后目录展开，显示这一章下面的节的标题，未展开的章标题及其前的标记为蓝色，展开后标记转为红色，第三点击已展开的章标题后目录将恢复原样。整个目录还可扩展，在节标题目录下加入第三层，用以显示每一节下的各小节标题内容，树型导航部分中每一个标题点击后都将在右边框架中显示对应页的内容。

3.2 查看功能的达成

查看功能其实可以用FrontPage98内置的Search Form组件下的Active Elements来达成，其功能很强大。但现在因为FrontPage未发行中文版，因此其对中文的查看不可以非常不错的支持。大家目前在课件中的查看功能是用Javascript达成的，它通过维护一个关键字及包括页面URL的对应词典表来达成查看，整个课件总页面数将在一千页左右，常见的关键字有几百个,在这种规模下这个查看程序的工作仍将是有效的。

3.3 测试功能的达成

虽然课程考试的题目需要有专门的考试试题库系统自动生成，但每一个单元后的复习资料和单元测验题却可用网页加脚本的形式简单达成，从而大大减轻服务器和数据库的负荷。考试试题以选择题形式出现，选项多少不受限制。程序经过简单改动还可提供填空题的形式。

4. 对基于Web的多媒体C人工智能课件进步方向的一些探讨

第一，从功能上说，依据学生学习课件后获得的成效，可把课件分为“常识和技能的获得”型，“应用常识剖析和解决问题”型，“创造性的解决问题”型三种；而从现在课件开发状况看，以第一类居多，第二类较少，第三类几乎还是空白。大家觉得，在这方面应加大研究的力度，应加快进步的节奏。而这需要教育学家和计算机专家的一同努力，重点在于教学理论和认知模型的革新。

第二，从内容组织方法来讲，现在课件基本都是通过超链接的方法组织起来的，学生可以参考我们的学习速度进行学习、交叉索引也比较便捷，这与以前固定速度的教师传授或单一方向的印刷课本相比，当然是个较大的进步；但课件各部分的内容及组织结构仍是预先固定好的，弹性较小。大家觉得，理想的课件应可以依据学生的常识结构，学习种类和学习状况动态生成学习内容及组织结构。在动态组织这方面，现在大家能做到的还只不过依据学生对每一小节后习题的完成状况动态增加一些预先筹备好的补充页，这对于因地制宜是远远不够的，这方面的改进还有待于在课件中提升自动化程度来解决。

5．结束语

基于Web的多媒体C人工智能课件是将来多媒体课件的主要形式，也是以后进步在线教学的一个资源基础。但现在已完成的优质实用课件还极少，对此类课件的开发模型，开发工具，开发技术等的研究也极少。大家觉得，只有加紧对这种课件的研究开发，才大概使在线教学早日进入实用范围。本文所提到的办法和技术都是大家在基于Web的多媒体C人工智能课件开发过程中实质所应用的，实践证明是行之有效的。