电子课件-西南科技大学网络教育学院--网络学习资源.ppt

文档介绍：第四章动态网页设计
本章要点:除了直接使用HTML标识制作动态网页外,在网页中添置动态效果的最通用的方法有:GIF动画、Java小应用程序和JavaScript脚本。至于微软的ActiveX控件和VBScript的动态效果我们将在ASP中介绍。
1
第一节使用GIF动画
GIF动画是制作网页动态效果的最简单的方式,支持它的浏览器也最多,而且最可靠。
一. 什么是GIF动画
GIF动画是GIF文件的一种格式,其原理是把一组具有动画片段的GIF图像缀加在一起合成一个GIF图像。在网页上使用GIF动画很简单,就像普通的GIF图片一样,使用<img>标识。因此我们的工作重点是如何自己制作GIF动画。
2
制作GIF动画有几种齐名的软件,它们是GIF Construction、Microsoft GIF Animator和Ulead GIF Animator等。其工作原理都差不多,学会了一种,其他软件也就能举一反三了。由于Ulead GIF Animator更加简单易学,且是中文界面的免费软件,因此我们就主要介绍它的使用方法。
这里我们使用的是Ulead GIF Animator ,它安装简便,且不需要注册就能使用其全部功能。整个安装过程只需一路“确定”就可以把它安装到默认位置上,不过安装完成后要运行安装包中的“”文件去汉化它。准备好了吗?现在开始。
3
二. 图片叠加成GIF动画
我们准备来做一个女孩玩球的GIF动画,制作顺序如下:
(一)插入图片
第一步:启动Ulead GIF Animator,如图4-1所示:
4
第二步:单击菜单栏的“文件/动画向导”或“帮助/启动向导”选项,弹出“开始向导”对话框,如图4-2所示:
5
第三步:点击“动画向导”按钮,又弹出“优化向导—设置画布大小”对话框,我们根据我们已经准备好的图片的尺寸来设置画布的高和度,如图4-3所示:
6
第四步:点击“下一步”后,“优化向导—设置画布大小”对话框变成“动画向导—选择文件”对话框,如图4-4所示:
7
第五步:点击“添加图像”按钮,又弹出一个对话框“打开”,我们从中浏览到预先准备好的图片所在的目录,选中其中一个图像文件后再点击“打开”(也可直接双击一个图像文件),如图4-5所示:
8
第六步:被添加的文件出现在“动画向导—选择文件”对话框的列表中,如图4-6所示:
9
重复第五步和第六步,即不断地按“添加图像”,把我们事先为这个动画准备好的图像文件都添加进去,如果添加了不需要的文件,可以选中它后点“删除”按钮,如图4-7所示:
10