创建动态网页—使用时间轴制作浮动广告
本节学习内容:
1、认识时间轴面板；
2、利用时间轴面板制作动画的操作方法；(教学重点)
3、复杂动画效果制作方法；(教学提升)
4、动画的实际应用
一、创建时间轴动画具体操作步骤:
第一步：直线运动效果(基础操作)
在页面中添加层,在层中插入要移动的元素(如图像或文字),然后把层移到动画的起始位置.打开时间轴面板(Alt+F9)选择要制作动画的层.直接把选定的层拖入时间轴面板中. 一个带有两个关键帧的动画栏出现在时间轴的第一个通道内,相应的层 名(Layer1)显示在该动画栏中. 单击动画轨道最后关键帧标记( 注意播放头也跟着移动到该处),按鼠标左键不放拖动延长动画轨道.(如延长至第65帧处)移动层,使层的运动轨线显示出一条直线. 将时间轴面板中的“自动播放”和“循环”勾选上。保存并预览(按F12键),就会看到层沿曲线运动。
第二步：添加曲线运动效果(重点和难点)
在完成第一步的基础上，如果要让层按曲线运动其操作步骤如下：在时间轴面板中单击选中该层的动画轨道，再右键单击快捷菜单中选择“添加关键帧”（或按住Ctrl键单击，就可以在插入点位置添加关键帧）。移动层，使层运动轨线呈曲线状。保存并预览，此时就可以看到层沿曲线运动了。
二、实现多张图像的动画效果(内容提升部分)：要想在网页中同时有几张图像浮动的效果，其操作步骤与第一步添加动画操作一样，只是在网页中多添加几个层，并且每个层都添加到时间轴面板中，再拖动调整层的位置和延长每个层的运动轨道。
三、时间轴动画的实际应用：通过学习时间轴动画制作，并熟练掌握时间轴面板和层的有关属性，我们就可以利用Dreamweaver中带有的时间轴面板制作出网页中的动画效果。比如，将这些动画效果作为网页特效吸引浏览者对该网站兴趣；或是将动画应用于商业网站，作为浮动广告更能吸引浏览人群的关注；或是将动画应用于娱乐网站中的拼图游戏或纸牌游戏等等。(实例)
下载更新
