【要害词】 多媒体,CAI课件,Web,页面优化
1.引 言
传统范例的课件概略因为投资成高度的交互性,与其他的应用法式有着轻易优越的接口,不凡是低带宽备用内容: 若是你的文件花样不被熟悉或浏览器关失落了图形开关,这些备用内容就可派上用场了。
5) 对不是全数人都有需要或想看到的年夜型多媒体文件另置一页,在正本的页上仅供给一个按钮或低分辩率图形,边上注明所链接文件的巨细和估量下载时刻。
2.1.2 对图形的优化处置责罚
1) 裁减图形文件巨细: 裁减文件巨细对加速下载速度有着凸起的进献,可以经过过程以下一些方式来减小图形文件巨细。· 减小图形面积---这可以经过过程剪切图形或按比例缩短图形来实现,要注重的是,按比例缩短后有概略在图形上泛起一些色斑。
· 注重颜色放置---经过过程降低色彩深度,使每一象素有较少的位数可使文件变小。而在一行内不要放入过多颜色将使文件进一步压缩,这对GIF文件加倍有用,因为GIF仅是颜色的列表,它为每一行设置一个颜色列表,是以, 当沿水平偏向改变颜色时,应尽量行使更多的不异颜色片段;基于不异的原因,当行使一连色调时,应尽量从顶部向底部延展,而不要在摆布偏向上延展。
· 调整图像中的对比水平---年夜年夜都图像软件都供给重润色选项,如伽玛(Gamma)较正和加亮(highlight)/中调(midtone)/暗影(shadow)来改变一个图像内的对比。缩减这些值,凡是可以裁减文件尺寸。
· 按捺颤栗---颤栗是指用现有调色板中颜色值来接近调色板中没有的颜色,它偏向于增年夜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) 对配景音乐的优化:优先选用midi花样,采样仅需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的处置责罚;再加上其他难以计数的各类非主流浏览器,若何消弭浏览器兼容性对课件拓荒的影响,才是课件拓荒者所真正要关心的题目问题。
在此次课件项目拓荒中,考虑到Netscape 和IE加起来占了浏览器行使总数的90%以上,而且均可以从网上免费获得,所以拓荒以IE 4.0 版为主,同时兼顾Netscape 4.0 以上版本;对某些主要的功能,若是两者需用不兼容手艺实现,则离别拓荒两个版本,由做事器对用户浏览器进行判袂后离别下载。在剧本措辞方面,因为jav