文档介绍：第12章层、时间轴和行为
本章要点:
创建层、使用层
创建时间轴动画
层的一些应用
创建行为
基本行为操作
创建和使用层
层的概念
在网页中创建层
在一个已有的层中,可以插入另一个层,这就是嵌套层。如图12-1所示就是嵌套层的情况。一般我们称外部的被嵌套层为父层,将层内部的层称作嵌套层,又叫子层。子层对应的层标记会出现在其父层中。
设置层的属性
创建层后,选取该层就在属性面板中打开了层的属性,此时可在属性面板对该层的属性进行设置。如图:
对层的基本操作
转换表格和层
在Dreamwerver MX中表格和层可以互相转换。可以用层对网页进行布局,然后将层转换为表格,以便在较早的浏览器中进行查看。
提示:空白单元格将不会转换为层,除非其中设置了背景颜色。表格外的元素也会放置到层中。
创建时间轴动画
认识时间轴面板
创建时间轴动画
时间轴动画是建立在层基础上,通过改变层的位置、大小等属性来创建的。因此如果要创建图像或文本等对象的动画,则首先必须将这些对象放置在层中,然后通过移动层来移动这些对象,从而达到图像或文本等对象的动画效果。
添加对象后的时间轴
(1)添加关键帧
(2)删除关键帧
(3)改变动画的播放时间
(4)改变动画起始时间
(5)改变整个动画的位置
(6)使用多个时间轴:
(7)新建时间轴
(8)删除时间轴
修改时间轴
Dreamweaver MX为用户通供了一个录制路径的方法,用于创建复杂路径的动画。具体方法如下:
(1)在文档中选中要创建动画的层,将该层拖到动画的起始位置。
(2)选择【修改】→【时间轴】→【录制层路径】菜单命令。
(3)在页面中按照需要的路径拖动层。
创建沿路径运动的动画
在时间轴中使用行为
可以在时间轴上绑定行为,当动画执行到某个帧位置时,自动运行该行为对应的动作。有关行为的概念请参考下节中的详细介绍。
将行为绑定到时间轴上的操作步骤如下:
(1)打开时间轴面板,添加时间轴动画。
(2)单击时间轴面板的行为通道上要绑定行为的帧位置。
(3)打开时间轴面板菜单,选择“添加行为”命令,这时会显示行为面板。
(4)单击行为面板上的加按钮,打开动作菜单,选定某个动作。
(5)绑定行为后,会在行为通道的相应位置出现一个带横杠的浅蓝色方块,它是行为标记。