《网页特效》公开课教案下载

《网页特效》公开课教案优质课下载

【教学过程】

一、导课：

同学们，前面我们学习了网页特效制作里面的“层的显示与隐藏”的设计，接下来我们学习“游动的广告”的制作。大家都知道，网页是最常用的信息表达方式，要想吸引人，就需要有特效。

二、播放教学课件。

先看一个“游动的广告”效果。

本节课是“游动的广告”的制作，游动的广告，就是动画。我们来制作“游动的鱼”。先看老师做一个：

1、打开dreamweaver 8.0，打开一个页面。

2、在菜单栏点击插入——布局对象——层，插入一个层，移动到指定位置，

3、点击插入——图像，选择指定图片，确定。

4、点击窗口——时间轴，出现时间轴对话框。

5、在时间轴1的第一帧右击，出现快捷菜单，点击添加对象。

6、将时间长度拖曳到95帧。

7、拖曳层到结束位置。

注意：在自动播放和循环播放前面打勾。

观看效果。

总结制作步骤。制作游动的广告，有三个要素：图片，时间轴，路径。

插入图片：

先插入一个层，层是一种页面定位技术，能够将放置在层中的内容任意定位在浏览器中。层：就是一个新的平面，就像纸，一层一层的，运动的动画不能在一个层，否则可能会“撞车”，所以要新建一个层。

时间轴：时间轴就是用来控制动画的。

路径：运动的轨道。

同样的方法，添加第二个层。加深学生的印象。

在时间轴2的第一帧处右击，添加对象，这是一种方法，还可以直接将“层”拖曳到时间轴2的第一帧处。

将时间长度拖曳到85帧。

观看效果。

让学生上来练习：