Dreamweaver时线的应用

我想时线应该是Dreamweaver中最精彩的内容了。因为它在实现网页动画时没有用到ActiveX、以及任何插件或Java applets，Dreamweaver通过改变层和页面图片在不同时间上的属性来制作动画。也是因为这个原因，用Dreamweaver编辑的带有层动画的网页必须用4.0或更新的浏览器浏览。用时线制作动画可以改变的属性有层的位置、大小、透明度或改变各层的上下位置关系。用时线还可以对页面的各种行为进行设置。也就是说，将行为也纳入时线的编辑，这使得我们所编辑的网页更富于变化、更精彩。比如我们可以用时线改变一幅不属于某一个层的图片的文件源（这是制作动画最基本的方法），然后在某一个特定的帧上执行一个行为。
　　下面我们来看一下时线浮动面板。时线面板负责改变层或图片在整个时间上的属性。如果要打开这个面板可以选Window菜单中的timelines命令。下面我们看这个面板的具体内容。请看图Ｂ一。面板上最上一栏是控制项。下面标有大写B（Behavior）的栏是行为栏，中间是时间标尺，标尺上有一个红色的小块是监视块，这个小方块表明了当前的显示状况。最下面是各个项目，图中有两个项目，一个是层项目，一个是图片项目。下面我来介绍时线面板的具体用法。选择栏中包含对时线名称的选择和修改，当我们建立多个时线时可以用这个选择项快速地在各时线间穿插，在网页比较复杂时建立多个时线可以更好的编辑或组织。图中显示的时线是“timeline1”。接下来的几个按钮是监视位置的选择，最左边一个是将监视块调到最左边。倒退按钮是将监视块向左移动一小格，播放按钮是将监视块向右移动一小格，如果当前位置上没有任何项目则使用播放按钮监视块不会向前滑动，而使用倒退按钮则立即回到项目的尾端（最右端）。这几个按钮中间是监视块所在的具体位置。可以通过这个框确定监视块的详细位置。“Fps”框允许作者指定动画每秒的帧数，缺省值为15，这是一个平均数，每秒15帧在大多数情况下可以达到较好的显示效果。如果浏览者的机器更好的话我们还可以增加每秒的帧数，这样显示效果更加平滑。这一栏右面的“Autoplay”检查框是设置动画的播放方式。选中时会弹出对话框告诉用户这一项已选中，当网页被开启的时候会自动播放动画。如果我们选中“Loop”检查框，也会弹出对话框告诉用户这一项已选中，动画会循环播放。一般情况下这些项都可以选中，除非我们为了使网页更灵活而设定在浏览者执行某种动作时播放动画。比如当传输速度十分有限时，我们可以先使用一幅静止的图片，当浏览者点击这幅图片时播放动画。这样既分散了等待的时间，使浏览者不至于因为长时间看不到网页而放弃浏览，又兼顾了网页的质量。我们可以随时点击带有问号的按钮来获得帮助，就像其它浮动面板上的问号按钮一样。

　　时线面板中的行为栏功能不凡。我们可以在任意位置上增加相应的行为以增强对页面的控制和对外界的适应。图一中的时间栏中有两个方块，一个黑色，另一个是中间有黑色减号标志的淡紫色方块。黑色的一个在我们点中行为栏上某个区域后出现表明已选中这个区域，可以在这个时间上设置行为，选中的同时监视块也滑到选中的时间上，这样作者可以看到执行行为时页面的状态。另一个表明在此时线上已设置了行为。我们可以用下面简单的方法设置行为。对已设置行为的区域双击行为栏上的小方块会弹出行为浮动面板，并显示已设置的行为。关于行为的设置和修改方法可以参阅上一篇文章。对没有设置行为的区域可以先选中这个区域，再点击右键弹出菜单（也可以不选，直接点右键，不过这样不容易确定行为施加的具体时间），选择“Add Behavior”命令，以后的情形和上一种完全一样。我们可以用鼠标点住行为栏中的小方块进行拖动，以改变行为生效的时间。当我们选择循环执行动画的时候会自动增加一个行为。点击这个行为可以看到激发这个行为的事件是“onFrame xx”，与这个事件相应的是“Go To Frame xx”,所以如果这个滑块设置在项目的内部