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