基于Web的多媒体CAI课件开发过程(2)
2015-06-18 01:09
导读:2.1加快页面下载速度的优化 传统上,在加快页面下载速度方面所做的努力,仅仅局限于减少多媒体元素的使用数量和降低使用质量,以取得较小的文件大小,
2.1加快页面下载速度的优化
传统上,在加快页面下载速度方面所做的努力,仅仅局限于减少多媒体元素的使用数量和降低使用质量,以取得较小的文件大小,从而加快页面文件在网络上的传输速度以达到加快下载速度的目的.我们认为,仅依靠这方面的努力是远远不够的。所谓的页面下载速度便可分成以下三部分:下载时间,渲染时间和可视性,好的设计者应通过页面优化在三这者中找到一个平衡点,进而产生理想的下载,从用户点击请求到页面总体框面显示仅一眨眼时间,在页面完全渲染完前用户便可以从中搜索自己需要的信息。
2.1.1加快页面下载的普遍原则
1) 去除不必要的多媒体效果和内容: 可以用普通按钮取代图形动态按钮,用静态图像取代GIF动画,减少图形化的花哨文字标题,这些措施至少可以让页面下载时间缩短一半。
2) 用一切手段减少各种多媒体元素的大小。
3) 优先使用相同的图形或多媒体内容: 缺省的Netscape和IE都会在RAM或硬盘上设置缓存来保存最近用到的图形和文件,如果浏览器认识相同的文件名,则它会读缓存,从而大大提高效率。
4)提供低带宽备用内容: 如果你的文件格式不被认识或浏览器关掉了图形开关,这些备用内容就可派上用场了。
5) 对不是所有人都有必要或想看到的大型多媒体文件另置一页,在原来的页上仅提供一个按钮或低分辨率图形,边上注明所链接文件的大小和预计下载时间。
2.1.2 对图形的优化处理
1) 减少图形文件大小: 减少文件大小对加快下载速度有着突出的贡献,可以通过以下一些方法来减小图形文件大小。· 减小图形面积---这可以通过剪切图形或按比例收缩图形来实现,要注意的是,按比例收缩后有可能在图形上出现一些色斑。
(科教论文网 lw.nSeAc.com编辑发布)
· 注意颜色安排---通过降低色彩深度,使每一象素有较少的位数可使文件变小。而在一行内不要放入过多颜色将使文件进一步压缩,这对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不能。当下载后在页面上显示时效果就如同它是从一套百页窗后显露出来一样。尽管他们不能加快下载速度,但用户的感觉却是加快的。
(转载自http://zw.NSEAC.com科教作文网)
2.1.3 对表格〈TABLE〉的优化处理