dreamweaver第7章时间线.pptVIP

第7章　时间线 时间线（Timeline）是Dreamweaver中最激动人心的特性。利用层和时间线，不需专门的动画软件，就可以制作出丰富多彩的层动画和动感网页，实现网页独具魅力的效果。 时间线也叫时间轴，顾名思义，它是一条贯穿时间的轴，是时间的具体化，用于表示网页显示期间发生的各种状态。通过往时间线上不同时间部位放置不同的内容，就可以实现网页元素的动态效果，本章介绍时间线的应用。 本章主要解决的问题 ? 什么是时间线。 ? 什么是帧和关键帧。 ? 什么是通道。 本章学习的基本要求 ? 利用时间线制作动态效果的网页。 7.2 归纳于总结 7.2 归纳于总结 7.2 归纳于总结 7.2 归纳于总结 7.2 归纳于总结 7.2 归纳于总结 7.2 归纳于总结 7.2 归纳于总结 7.2 归纳于总结 7.2 归纳于总结 7.2 归纳于总结 * * 7.2.1 时间轴基本概念 画一条直线，用它表示时间，直线上不同的点表示不同的时刻，这就是时间轴。如果设置一些不同的点对应不同的网页内容，当从时间轴的零点开始显示网页时，随着时间的推移，会看到不同的内容，这就形成了动画。 利用时间轴构建动态网页，是通过向文档中添加JavaScript代码来实现网页的动态效果，不需要任何ActiveX控件、不需要任何插件、也不需要任何JavaApplet小程序，具有极好的兼容性。 利用时间轴，可以创建各种类型的动态效果。例如，可以改变层的位置、大小、可见性、重叠顺序等。利用时间轴，还可以实现在网页载入后进行其他类型的动作，例如可以改变图像源文件，在特定时间执行相应的行为等。 Dreamweaver动画通常是建立在图层上的，在某种意义上讲时间轴与图层的结合实现了动态效果。 7.2.1 时间轴基本概念 先熟悉一下“时间轴”面板，按“Alt+F9”组合键或单击“窗口│时间轴”，打开“时间轴”面板（如图）。时间轴面板主要由时间轴下拉菜单、行为通道、动画通道、动画条、控制按钮和控制选项等部分组成。另外，同大多数面板一样，单击时间轴面板右上角的三角形按钮，或在时间轴面板中单击鼠标右键，可以打开时间轴面板菜单，提供相应的操作。 时间轴下拉菜单：主要用于控制哪条时间轴显示在时间轴面板上，通过打开该菜单，选择不同的时间轴。 行为通道：有一个“B”字符，它是Behavior行为的缩写。用于显示时间轴上相应时间中所附加的行为，浅蓝色的方块表示存在行为。 7.2.1 时间轴基本概念 动画播放参数：“Fps”是动画播放速度，即每秒钟显示多少幅画面。默认值为15，意思为每秒播放15帧；“自动播放”复选项，控制是否打开网页时自动播放动画；“循环”复选项，设置是否循环播放。 关键帧（Key Frame）：人为指定的在某一确定时刻（帧）上对象的状态。Dreamweaver会自动根据两个关键帧的位置计算对象在其间的动作，产生普通帧。例如，要使对象沿直线移动，只需要定义开始位置和结束位置，这两个位置就是关键帧，Dreamweaver 会根据直线的开始和结束位置自动计算中间状态。在动画条上，关键帧以一个圆圈的形式表示。 回放头：位于帧数行上的红色方块，它表明当前动画放映的位置，通过在时间轴面板上拖动回放头，可以在文档窗口中看到相应时间上动画的状态。同时，当前回放头所在帧的位置会显示在面板上方播放按钮和后退按钮之间的文本框中。 7.2.1 时间轴基本概念 动画通道：Dreamweaver的时间轴在同一时间可以进行32路动画设置，每一路动画称为一个动画通道。同一通道上的画面顺序放映，不同通道上的画面在同一时刻可以同时放映。一旦某个动画通道上存在动画，就会显示动画条。 动画条：表明某个对象在某段时间内的持续状态，动画条是真正的动画实体。其中的空白圆圈表示关键帧。在一个动画通道行上可以包含多个动画条，用于表示多个不同的对象。不同的动画条在同一帧内不能控制相同的对象。 帧控制按钮 ： 返回：该按钮使回放头返回到动画的开始位置。 后退：该按钮可以将动画后退一帧，连续单击后退按钮，可以向后播放动画。 播放：该按钮可以将动画播放一帧，连续单击播放按钮，可以播放动画。 7.2.2 时间轴的基本操作 1．创建基本动画 （1）首先将层移动到动画的起始位置，指定起