Dreamweaver时线的应用

2008-02-23 06:03:04来源:互联网 阅读 ()

新老客户大回馈,云服务器低至5折


  我想时线应该是Dreamweaver中最出色的内容了。因为他在实现网页动画时没有用到ActiveX、连同任何插件或Java applets,Dreamweaver通过改变层和页面图片在不同时间上的属性来制作动画。也是因为这个原因,用Dreamweaver编辑的带有层动画的网页必须用4.0或更新的浏览器浏览。用时线制作动画能够改变的属性有层的位置、大小、透明度或改变各层的上下位置关系。用时线还能够对页面的各种行为进行配置。也就是说,将行为也纳入时线的编辑,这使得我们所编辑的网页更富于变化、更出色。比如我们能够用时线改变一幅不属于某一个层的图片的文档源(这是制作动画最基本的方法),然后在某一个特定的帧上执行一个行为。

  b1.gif (11293 bytes)

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

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

  一般的用户只需要了解怎样在时线上配置和修改项目就能够完成不错的动画了。图B一中有两个项目,分列于两栏,表明这两个项目是同步的。假如想要一个项目在另一个项目执行完指挥执行,简单的方法是将项目用鼠标拖动到另一个的后方,当然也能够用同样的方法将一个项目拖动到另一个的下方使之和另一个并列。项目条是淡紫色的,选择整个项目后项目条会变成灰紫色。选整个项目的时候不要点项目条上的圆点,这些圆点是项目的关键帧,我们能够配置关键帧来完成整个动画。要改变关键帧的位置,能够用鼠标直接拖动这些圆点。要使整个项目执行的时间长一些就要向右拖动最后一个圆点,这时整个关键帧的位置都会改变。假如需要还要对各关键帧的位置重新调整。另一种定量改变项目长度的方法是点击右键选择“Add

  Frame”来增加项目长度,选“Remove Frame”来缩短项目长度。假如要改变一个项目开始的位置能够拖动这个项目的第一个关键帧,这时项目会缩短,假如不想改变项目的长度能够点住整个项目拖动到合适的位置。并且选中整个项目时改变层的属性作用于整个项目。假如要增加或删除项目,能够选择右键弹出的菜单中的“Add Object”和“Remove Object”命令。任何这些命令都能够在“Modify”菜单中找到。

标签:

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

上一篇: Dreamweaver网页设计制作技巧和提高

下一篇: 巧用Dreamweaver模板统一站点风格