时间轴

　　时间轴通过在不同的时间改变层的位置、大小、可见性和叠放顺序等来创建动画。时间轴的层功能只在4.0及更高版本的浏览器中有效。
　

一、时间轴检查器

　　时间轴检查器显示层和图像随时间变化的属性。选择Window > Timelines可打开时间轴检查器。

现把时间轴检查器中各选项的作用说明如下：

播放头 指示页面上当前显示的是时间轴的哪一帧。

时间轴弹出菜单 指定当前文档的哪个时间轴显示在时间轴检查器中。
动画频道 显示层和图像的动画栏。
动画栏 显示每个对象的持续时间。一行可以包含多个代表不同对象的动画栏。在同一帧中，不同的动画栏不能控制相同的对象。
关键帧 是动画栏中给某个对象指定了属性（如位置）的帧。 Drearnwaver可以自动生成两个关键帧之间的过渡帧。有小圆圈标记的是关键帧。
行为频道 是时间轴中某个特定帧应该执行的某些行为的频道。
帧数表示每个动画栏占有的帧数（如果动画栏不是从第1帧开始，帧数是最后帧与起始帧之差）。在后退和播放按钮之间的数字是当前播放帧。通过设置总帧数和每秒帧数(fps)，您可以控制动画的持续时间。默认的设置是每秒15帧，这是运行在Windows系统上的大多数测览器可以达到的平均速度。
回首帧 将播放头移动到时间轴的首帧。
后退 将播放头向左移动一帧。单击后退按钮并按住鼠标左键不放，可以反向播放时间轴。
播放 将播放头向右移动一帧。单击播放按钮并按住鼠标左键不放，可以连续播放时间轴。
自动播放 选择自动播放复选框，使当前页面在载入浏览器时自动开始播放时间轴。自动播放实际上是给页面的BODY标记附加一种行为，使页面在载入时执行播放时间轴(Play Timeline)动作。
循环 选择循环复选框，使页面在浏览器中打开时当前时间轴可以无限循环播放。实际上是在动画末帧之后的Behavior channel（行为频道）中插入 Go to Timeline Fram（转到时间轴帧）行为。 双击此帧中的标记可以编辑行为参数和改变循环次数。

二、创建时间轴动画


　　时间轴通过改变层的位置、大小、可见性以及叠放顺序来创建动画。时间轴只能移动层。因此，如果要移动图像或文本，就要先使用对象（Object）面板中的层（Layer）按钮创建层，再将图像、文本或其他类型的内容插入到层中，然后通过移动层来移动这些元素。

　创建时间轴动画的具体步骤如下：

1 在页面添加层，在层中插入要移动的元素（如一幅图片，或一些文字），然后把层移到动画的起始位置。
2 选择 Window>Timelines（窗口>时间轴），打开时间轴检查器。
3 选择要制作动画的层:单击层标记或层边界，或用层面板选择一层（注意：在层内部单击，可以把插入点置于层内，但并不选中该层。当一个层被选中时，层边界会显示出调整大小手柄，如下图所示）。
4 选择 Modify>Timeline>Add Object to Timeline（修改>时间轴>添加对象到时间轴），或直接把选定的对象拖入时间轴检查器中。

一个动画栏出现在时间轴的第一个频道内，相应的层名（Layer1）显示在该动画栏中。
5 单击动画栏最后关键帧标记(注意播放头也跟着移动到该处)。
6 把页面上该层移到动画结束处（注意从动画起始位置到结束位置有一线条显示，这就是层的运动轨迹）。


7 如果要层按曲线移动，选择它的动画栏， 然后按住Control键单击，在插入点位置添加一个关键帧；或在动画栏中间单击一帧，并从右键快捷菜单上选择Add Keyframe（添加关键帧）。
8 移动层，使运动轨迹呈曲线状。


9 按下播放按钮，预览页面上的动画。
按照本操作过程，添加另外的层和图像到时间轴中，可以创建更为复杂的动画。

三、通过拖动路径创建时间轴动画

　　如果要创建具有复杂路径的动画，按上述第7-8步骤创建一个个关键帧的方法比较麻烦，用拖动层时记录路径的方法则方便得多。具体操作方法如下：

1 选择一个层。
2 移动该层到动画的起始处，并保持该层被选择状态。
3 选择 Modify>Timeline>Record Path of Layer（修改>时间轴>记录层路径）。注意：如果没有层被选择，此菜单项不可用。
4 在页面上拖动层，创建想要的运动路径。
5 在动画应停止处释放鼠标。Dreamweaver添加一个动画栏到时间轴中，同时也添加了适当数量的关键帧。

6 在时间轴检查器中，单击回首帧按钮，按下播放按钮即可预览动画。