网站建设与管理之层时间轴行为和布局.pptVIP

31 通过拖动路径创建动画 （4）在页面中拖动层，创建想要的运动路径。拖运层时鼠标所经过的路径即为层动画的运动轨迹。 （5）释放鼠标后，Dreamweaver将自动向时间轴中添加一个动画栏，同时添加一批相应的关键帧。 ● 演示 第三十一页，共八十二页。 32 时间轴的其它操作 （1）改变动画长度和关键帧位置 通过拖动结束帧标记，可以动态调整动画播放时间。拖动时所有关键帧发生移位，保持相互之间的相对位置不变，动画将均匀调整。如果不希望调整其他关键帧，可在拖动时按住Ctrl键。 （2）改变动画的起始位置 在时间轴面板中选择一个或多个动画栏（按住Shift键可选择多栏），然后左右拖动可调整动画的起始位置。拖动时注意可以参考动画栏上面的时间轴刻度。需要特别注意的是，拖动时不要把鼠标放置在关键帧位置，否则变为移动关键帧，而不是移动整个动画位置。 ● 演示 第三十二页，共八十二页。 33 时间轴的其它操作 3．移动整个动画路径 如果想移动整个动画路径，可单击动画栏上任意非关键帧位置，选中整个动画栏，然后单击层控制柄并拖动，系统将调整所有关键帧的位置。需要说明的是，这种操作的结果是使整个运动路径移位，但并不改变运动轨迹的形状。 4．增加或移除对象 增加对象的最简单方法是选中某个层或图像后直接将其拖动到时间轴面板中，也可在选中对象之后通过快捷菜单命令“添加对象”完成。 如果想从时间轴移除某个对象，首先选中动画栏，然后右击时间轴面板，在弹出的快捷菜单中选择“移除对象”命令即可。注意移除对象并不会删除层或图像，只是从时间轴中删除动画栏。 ● 演示 第三十三页，共八十二页。 34 时间轴的其它操作 5．添加或删除帧 选择“修改”|“时间轴”|“添加帧”或“修改”|“时间轴”|“移除帧”菜单命令可以在时间轴上添加或者删除帧。 6．设置循环播放次数 当我们选择时间轴面板中的“循环”复选框时，Dreamweaver会自动在动画最后一帧后，插入跳转至第一帧的行为，使时间轴动画可以不断循环播放。 如果希望动画循环若干次而为是无限循环，则可以通过编辑该行为参数来设定循环次数。方法是双击行为通道中的行为标志，打开行为面板进行设置。 ● 演示 第三十四页，共八十二页。 35 时间轴的其它操作 7．修改时间轴上对象的属性 时间轴可以包含层和图像对象。在时间轴中除了可以移动层之外，还可以改变图像的源文件，改变层的可见性、大小和叠放顺序。改变时间轴中对象属性的操作方法如下： （1）在时间轴面板动画栏中选择需要修改其对应对象的关键帧，或者新建一个关键帧。 （2）为对象定义新属性，可执行下列操作之一： 如果想改变图像的源文件，可在属性面板的“源文件”文本框中输入新的图像文件名称，或单击文件夹按钮，浏览并选择图像文件。 如果要改变层的可见性，可在属性面板中的“可见性”域中设置。 如果想改变层的大小，可拖动层的大小调整手柄或在属性面板中设置宽度和高度。 如果想改变层的叠放，可在层面板中重新设置Z轴值。 （3）按下播放按钮预览动画效果。 第三十五页，共八十二页。 36 图像变换动画示例 时间轴只能改变图像的源属性，如果要使图像的位置发生变化，需要先将图像放置在层中，然后将层加入时间轴。 ● 演示 第三十六页，共八十二页。 37 9.3 行为 行为是事件和动作的组合，它允许用户改变网页内容以及执行特定的任务。利用Dreamweaver的行为，可以轻松制作出动态的网页效果，从而使网页更具吸引力。 第三十七页，共八十二页。 38 关于行为 行为是事件和由该事件触发的动作的组合，用户可以利用“行为”面板来将行为添加到页面中。 行为面板 选择“窗口” →“行为”，打开“行为”面板， “行为”面板分为上下两个部分，上部为6个按钮，下部为行为列表，如下图所示。 控制按钮 行为列表 第三十八页，共八十二页。 39 控制按钮：从左至右各按钮的含义如下图所示： “显示设置事件”按钮： 显示当前选择对象已经设置的事件 当前选择对象 关于行为 第三十九页，共八十二页。 40 控制按钮：从左至右各按钮的含义如下图所示： “显示所有事件”按钮： 显示当前选择对象可设置的所有事件 关于行为 第四十页，共八十二页。 41 控制按钮：从左至右各按钮的含义如下图所示： “添加行为”按钮： 单击该按钮，将弹出如左图所示的动作菜单，用户可从中选择一个动作来响应特定的事件。菜单中灰显的动作不可选择。 关于行为 第四十一页，共八十二页。 42 控制按钮：从左至右各按钮的含义如下图所示： “删除事件”按钮： 删除选中的动作及其相关的事件 关于行为 第四十二页，共八十二页。 43 控制按钮：从左至右各按钮的含义如下图所示： “增加事件值”按钮： 向上移动选中的动作及其相关的事件 关于行