Dreamweaver时线的应用

来源： 中国IT实验室 作者： somesun   2008-03-17/09:27

软件频道 软件教程 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”,所以如果这个滑块设置在项目的内部，项目不会得到完整的执行，而滑块放在项目的外部，在项目完后会有一段停顿。一般我们应该将这个滑块放在项目刚好结束的位置上，这样以生成无停顿的动画。
一般的用户只需要了解怎样在时线上设置和修改项目就可以完成不错的动画了。图Ｂ一中有两个项目，分列于两栏，表明这两个项目是同步的。如果想要一个项目在另一个项目执行完指挥执行，简单的方法是将项目用鼠标拖动到另一个的后方，当然也可以用同样的方法将一个项目拖动到另一个的下方使之与另一个并列。项目条是淡紫色的，选择整个项目后项目条会变成灰紫色。选整个项目的时候不要点项目条上的圆点，这些圆点是项目的关键帧，我们可以设置关键帧来完成整个动画。要改变关键帧的位置，可以用鼠标直接拖动这些圆点。要使整个项目执行的时间长一些就要向右拖动最后一个圆点，这时整个关键帧的位置都会改变。如果需要还要对各关键帧的位置重新调整。另一种定量改变项目长度的方法是点击右键选择“AddFrame”来增加项目长度，选“Remove Frame”来缩短项目长度。如果要改变一个项目开始的位置可以拖动这个项目的第一个关键帧，这时项目会缩短，如果不想改变项目的长度可以点住整个项目拖动到合适的位置。并且选中整个项目时改变层的属性作用于整个项目。如果要增加或删除项目，可以选择右键弹出的菜单中的“Add Object”和“Remove Object”命令。所有这些命令都可以在“Modify”菜单中找到。