Dreamweaver4神童教程之十三

Dreamweaver4神童教程——等时线
摘自赛迪网（小雷）

　　等时线犹如一个舞台，不同的时间，不同的演员，一起组成一个完整的演出。利用等时线技术，能够轻松制作最简单的位移动画；在 Behavior 的辅助下，又能够制作多个等时线交互，甚至相互影响的动画。

一．等时线基础：

等时线面板如图一：

图一

：等时线选择框，假如您在网页中使用了多个等时线，就能够在选择框进行等时线的选择，并可在动画中进行等时线的自动转换。

：返回第一帧。

：前进一帧。

：当前帧序号。

FPS：动画的播放速度，即每秒播放多少帧的意思。

Autoplay：自动播放，也就是网页打开后动画自动播放。

Loop：循环，也就是动画播放完毕后又重新开始播放。

横向标尺状数字：帧序号，能够方便地知道现在处于哪一帧（红色块状）。

二．等时线示例：

最终效果如图二：（详见 18.htm）

图二

其中，"欢迎光临本站"几个字会从左上角自动向中下方移动，然后又自动向右上角移动。

制作步骤：

1.本例仍套用了 16.htm 网页，只是添加了一个等时线动画而已，所以先用 Dreamweaver 打开 16.htm ，然后另存为新文档。

2.用 Insert/Layer 命令，在编辑区域的左上角建立一个新图层，并在图层中输入"欢迎光临本站"字样，字取红色。如图三：

图三

提示：前面我们说过，Timeline 犹如一个舞台，既然是舞台就得有不同的剧情，而每一个不同的"剧情"，我们都能够将其作为一个单独的图层看待；而且，更有一个值得注意的问题，那就是 Timeline 常常和图层操作紧密相连，缺一不可。所以提到 Timeline ，大部分情况下，您就得想到图层！

3.选定本图层，用 Window/Timelines 命令打开等时线面板，然后用鼠标拖动图层左上角的矩形到等时线的第一帧处，等时线面板会变成如图四的样子：

图四

同时还会弹出如图五的面板，告诉您：能够改变该层的大小，位置，层顺序，连同可见性。点按 OK 就行了。

图五

用鼠标点一下第十五帧（即选中第十五帧），如图六：

图六

将第十五帧拖到第三十帧，如图七：

图七

提示：为什么要将第十五帧拖到第三十帧？这是因为任何动画假如在十五帧内完成显得太仓促了，而三十帧作为整个动画的长度，在本例中比较合适。

再选择第十五帧，点击鼠标右键，从弹出菜单中选择"Add Keyframes"（添加关键帧），如图八：

图八

结果如图九，请注意看图中多出的关键帧标示：

图九

将图层移到中下部您想放置的位置，如图十：

图十

选择第三十帧，然后将图层移到右上部，如图十一：

图十一

点选 Autoplay ，最后存盘并浏览。

三．总结

　　上面我们讲到的例子，确实是很简单，但丝毫不影响对等时线基本技术的掌控，同时我们也看到，用等时线还能够改变图层大小，甚至图层属性等重要参数，因此，我们现在所掌控的东西，还远远不够，至于他们的深入了解，则不是本教程所涵盖的了。

标签：

版权申明：本站文章部分自网络，如有侵权，请联系：west999com@outlook.com
特别注意：本站所有转载文章言论不代表本站观点，本站所提供的摄影照片，插画，设计作品，如需使用，请与原作者联系，版权归原作者所有