制作具有动态特效网页教学.pptVIP

华东师范大学计算中心 5.6 制作具有动态特效的网页 1. 层和时间轴动画 2. Dreamweaver的Behaviors（行为）概述 1. 层和时间轴动画 在Dreamweaver中，使用时间轴（也被称为时间线），可以非常方便地制作网页中的浮动图标动画，不需要手动编写脚本代码 时间轴根据时间的推移移动层的位置，以此来实现动画效果 时间轴只能移动层，如果希望能使图像、文本或其他任何类型的内容移动，需要将这些内容插入层中，然后再使用时间轴创建层动画 创建层动画 调出【时间轴面板】 打开菜单【窗口】?【时间轴】，在下方显示出【时间轴面板】 创建层 在创建层动画之前，需要先创建层，并在层中添加动画、文本等其他任何类型的内容 将层移至动画开始时应处的位置 创建层动画 选中之前创建的层（选中层后，在层的周围将出现调整柄） 创建动画条 打开菜单【修改】?【时间轴】?【在时间轴上添加对象】，在时间轴的第一个通道中创建了一个动画条 默认动画为15帧，可根据需要拖曳调整长度 创建层动画 沿直线运动动画 单击位于条末端的关键帧标记，使该关键帧处于选中状态，然后在页面中将层移至动画结束时应处于的位置 在【文档】窗口中将出现一条线，它表示着动画的移动轨迹 选中【时间轴】上自动播放和循环复选框，这样打开网页时就自动、重复播放动画 F12观看效果 创建层动画 沿曲线运动动画 创建关键