第八章 时间线Time Line的使用

    新的一章开始了，相信大家会对这一章产生浓厚的兴趣，而且你只要看完了（当然要认真+仔细！！）这一章，相信你也就对Dreamweaver 2的时间线有所认识了，接下来的事就是发挥你的想象，然后就可用时间线Time Line完成你的想，使你梦想成真。有朋友问我上面那颗飞动的心是怎么做的，其实，我就是用时间线做出来的。不用着急，看完了这一篇，你也能做出来了。喔，对了，在我们开始之前，先让我们一起来感谢Macromedia公司为我们设计了这么一个精彩的织网工具。

首先大家应记住这一点：要使用时间线，一定要先有层的存在，时间线要与层配合使用。

什么是层呢？点一下对象（Objects）工具条上的 图形，当鼠标变成时，然后就可在你的网页上画一个矩形框，OK，你的页面上现在已经有了一个层了（如下图所示，当然层的大小可任意改变）。

在这个层中加入你的文字或图像，好了，现在准备工作已经完成了，接下来就要正式接触时间线了。先说一下时间线作动画的基本原理：它是把一个图或一些文字在一定的时间内，根据设计好的路径显示在你的页面上，在时间线上显示的每一个图或文字就叫一帧。整条时间线就是由许多帧构成的。

选择快速启动条（Launcher）上的TIME LINE，可以看到弹出如下图形：

各种参数的属性如下：

1、时间线的名字，一个网页上可以定义多条时间线，每条时间线的名字都不一样。一般不用改变这个值。

2、返回到时间线的最初位置，也就是时间线的第一帧。

3、返回时间线的上一帧。

4、返回时间线的下一帧。

5、Fps：整条时间线总共有的帧数。

6、Autoplay：决定此页面在浏览器中打开后是否自动执行这条时间线。

7、Loop：时间线是否循环执行。

现在开始制作动画，选中刚才做的层，然后把鼠标移到时间线的框中，点右键，在弹出的菜单中选择Add Object，将出现如下的图形：

图中有两个白圈，这是时间线的关键帧，将那条红线移到时间线的最后一帧，即后面那个白圈，然后拖动层到终点位置，一定要象下面的图一样，出现一条直线才表示拖动成功，没出现，说明作法有错误，重新来一下。

如果想要你动画能够拐弯抹角，就必须用到关键帧。在时间线上点中你想转弯的那一点，按右键，在弹出的菜单中选择Add Keyframe，就会发现在你点中的地方多了个白圈，你现在可以拖动层转弯了，现在你的时间线路径就不再是一条直线了，而成为一条曲线了，如果还想转弯，就再加个白圈，做法都一样。

做好了之后，选中Autoplay和Loop，就可以欣赏自己做的动画了，发挥你那百分之一的灵感，你的网页会变得更加精彩迷人。

“海阔凭鱼跃，天高任鸟飞”

[目录][第一章][第二章][第三章][第四章][第五章][第六章][第七章][第八章][第九章]

蔷薇工作室1999.06