理论教育 网站动画技术:赢在电子商务网站设计

网站动画技术:赢在电子商务网站设计

时间:2023-11-21 理论教育 版权反馈
【摘要】:目前在Internet网上创建网站的技术语言有很多种,能支持网页动画的主流技术就是嵌入技术。如图5-1所示的一个简单的小孩子推东西的动作,在1秒钟的GIF动画,就需要12张的不同图片。其实GIF是将多幅图像保存为一个图像文件,从而形成动画的,所以归根到底GIF仍然是图片文件格式。GIF图片动画在网站中的应用也是比较多的,由于它具有较小的体积,一些比较简单的形象动画,比如网站变化的Logo,就经常使用GIF动画制作。

网站动画技术:赢在电子商务网站设计

目前在Internet网上创建网站的技术语言有很多种,能支持网页动画的主流技术就是嵌入技术。可以让网页动起来的方法还是有很多种的,常见的嵌入技术介绍如下:

(1)简单的GIF动画

GIF(Graphics Interchange Format)是一种图片格式,它的原意是“图像互换格式”,是CompuServe公司在1987年开发的图像文件格式。GIF是一种基于LZW算法的连续色调的无损压缩格式,其压缩率一般在50%左右,并且不属于任何应用程序。目前几乎所有相关软件都支持它,公共领域中有大量的软件在使用GIF图像文件。GIF图像文件的数据是经过压缩的,而且是采用了可变长度等压缩算法。GIF最多支持256种色彩的图像。GIF格式的另一个特点是其在一个GIF文件中可以存多幅彩色图像,如果把存于一个文件中的多幅图像数,据逐幅读出并显示到屏幕上,就可构成一种最简单的动画。如图5-1所示的一个简单的小孩子推东西的动作,在1秒钟的GIF动画,就需要12张的不同图片。

GIF分为静态GIF和动画GIF两种,支持透明背景图像,适用于多种操作系统,体型很小,网上很多小动画都是GIF格式。其实GIF是将多幅图像保存为一个图像文件,从而形成动画的,所以归根到底GIF仍然是图片文件格式。GIF图片动画在网站中的应用也是比较多的,由于它具有较小的体积,一些比较简单的形象动画,比如网站变化的Logo,就经常使用GIF动画制作。

978-7-111-44489-3-Chapter05-5.jpg

图5-1 GIF动画动作分解

(2)CSS样式动画(www.daowen.com)

CSS样式动画,在第4章也介绍过了,其中涉及一些简单的网页文字显示触发动画,主要是指鼠标触发动画功能,包括链接的变化动画、鼠标显示替换动画等,这类小动画应用得比较多。

(3)JavaScript特效动画

为了获得交互功能,网页设计者开始在网页中,加入JavaScript、VBScript这样的脚本语言,以及Java小程序来接收用户的信息,并给出具体的响应。比如说,当用户把鼠标放到网页的某个地方时,网页中将给出友好的动画文本提示。这种效果大大区别于以前的静态网页,具有了人性化的交互功能。但是组织制作这么一个Web页面是需要付出更多的创意和程序编写工作的,必须掌握Java、JavaScript这样的编程语言,这种要求使得许多Web动画设计者望而却步。即使能够熟练地使用这些语言,为了获得类似的效果将要耗费大量的时间和精力,使Web网页的制作周期大大加长了。解决的方案一般都是从网上查找相应的JavaScript脚本,直接引用嵌入即可。

(4)Flash动画

Flash是制作网络交互动画的优秀工具,它能让网页的动画制作变得轻松简单,并且支持动画、声音以及交互,具有强大的多媒体编辑功能,可以直接生成主页代码。基于矢量图形的Flash动画在尺寸上可以随意调整缩放,而不会影响图形文件的大小和质量,线性流媒体技术允许用户在动画文件全部下载完之前播放已下载的部分,从而在不知不觉中下载完剩余的动画;Flash提供的透明技术和物体变形技术,使复杂动画的创建更容易,给网页动画的设计者的丰富想象提供了实现的窗口。交互设计可以让设计者随心所欲地控制动画,并赋予用户更多的主动权。Flash还具有导出独立运行程序的能力,其优化下载的配置功能更令人为之赞叹。可以说,Flash为制作适合网络传输的网页动画开辟了新的道路。

免责声明:以上内容源自网络,版权归原作者所有,如有侵犯您的原创版权请告知,我们将尽快删除相关内容。

我要反馈