第7章　行为和时间轴 实战dreamweaver8网页制作教程电子教案

《第7章　行为和时间轴 实战dreamweaver8网页制作教程电子教案》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、学习目标能够创建行为，会使用和设置系统自带的行为能够创建时间轴动画能够运用层、行为和时间轴制作特效7.1创建行为7.2时间轴动画本章内容7.1创建行为7.1.1案例制作：浏览器窗口的打开通过本案例的操作，你将学会：如何认识行为面板、如何在行为面板中添加系统自带的行为、如何设置打开浏览器窗口、如何设置行为事件。7.1.2新知解析1.行为构成的三要素对象(Object)：对象是产生行为的主体，很多网页元素都可以成为对象，如图片、文字、多媒体文件等，甚至是整个页面。事件(Event)：事件是触发动态效果的原因，它

2、可以被附加到各种页面元素上，也可以被附加到HTML标记中。动作(Action)：动作通常是一段JaveScript代码。7.1创建行为2.设置“行为”面板选项“显示设置事件”仅显示附加到当前文档的那些事件。“显示所有事件”按字母降序显示给定类别的所有事件。“添加动作(+)”是一个弹出菜单，其中包含可以附加到当前所选元素的动作。“删除(-)”从行为列表中删除所选的事件和动作。“事件”（当您单击行为列表中所选事件名称旁边的箭头按钮时出现的菜单）是一个弹出菜单，其中包含可以触发该动作的所有事件。7.1创建行为3.

3、创建行为在页上选择一个元素，例如一个图像或一个链接。选择“窗口”→“行为”，打开“行为”面板。单击加号(+)按钮并从“动作”弹出菜单中选择一个动作。为该动作输入参数，然后单击“确定”按钮。触发该动作的默认事件显示在“事件”栏中。4更改行为若要编辑动作的参数，请双击该行为名称或将其选中并按Enter键然后更改对话框中的参数并单击“确定”。若要更改给定事件的多个动作的顺序，请选择某个动作然后单击上下箭头按钮。或者选择该动作然后剪切它，并将它粘贴到其它动作中所需的位置。若要删除某个行为，请将其选中然后单击减号(-

4、)按钮或按Delete键。7.1创建行为5.Dreamweaver自带的行为动作调用JavaScript改变属性检查浏览器检查插件控制Shockwave或Flash拖动层转到URL跳转菜单打开浏览器窗口播放声音弹出消息预先载入图像7.1创建行为5.Dreamweaver自带的行为动作设置导航条图像设置框架文本设置层文本设置状态栏文本设置文本域文本显示－隐藏层显示弹出菜单交换图像恢复图像交换检查表单7.1创建行为7.1创建行为7.1.3案例制作：行为综合练习“我的独白”通过本案例的操作，你将学会：如何插入层和

5、嵌套层、如何为层设置“显示-隐藏层”和“拖动层”行为。7.2时间轴动画7.2.1案例制作：飞翔的鸽子通过本案例的操作，你将学会：如何插入层、如何在层中插入图像、如何将层增加到时间轴上、如何在时间轴上设置关键帧形成动画。7.2.2新知解析1.认识“时间轴”面板“时间轴”弹出式菜单：指定当前在“时间轴”面板中显示文档的哪些时间轴。“播放栏”：显示当前在“文档”窗口中显示时间轴的哪一帧。“帧编号”：指示帧的序号。“行为”通道：是应该在时间轴中特定帧处执行的行为的通道。“动画条”：显示每个对象的动画的持续时间。“关

6、键帧”：是动画条中已经为对象指定属性（如位置）的帧。“动画”通道：显示用于制作层和图像动画的条。“后退至起点”：将播放栏移至时间轴中的第一帧。“后退”：将播放栏向左移动一帧。“播放”：将播放栏向右移动一帧。“自动播放”：使时间轴于当前页在浏览器中加载时自动开始播放。“循环”：使当前时间轴于页在浏览器中打开时无限地循环。7.2时间轴动画1.认识“时间轴”面板7.2时间轴动画2.修改时间轴若要使动画的播放时间更长，请将结束帧标记向右拖动。动画中的所有关键帧都会移动，以保持它们的相对位置不变。若要阻止其他关键帧移

7、动，请按住Ctrl键并拖动结束帧标记。若要使层更早或更晚地到达某一关键帧位置，请在动画条中将关键帧向左或向右移动。若要更改动画的开始时间，请选择一个或多个与该动画关联的动画条（按Shift可一次选择多个动画条），然后向左或向右移动。若要移动整个动画轨迹的位置，请选择整个动画条，然后在页面上拖动该对象。若要在时间轴上添加或删除帧，请选择“修改”→“时间轴”→“添加帧”或“修改”→“时间轴”→“删除帧”。若要使时间轴于页在浏览器中打开时自动播放，请单击“自动播放”。“自动播放”会向页附加一个行为，该行为将在页加

8、载时执行“播放时间轴”操作。若要使时间轴连续循环，请单击“循环”。“循环”将“转到时间轴帧”操作插入到动画最后一帧后的“行为”通道。您可以编辑此行为的参数以定义循环的次数。7.2时间轴动画3.使用多个时间轴若要新建时间轴，请选择“修改”→“时间轴”→“添加时间轴”。若要删除选定的时间轴，请选择“修改”→“时间轴”→“删除时间轴”。这将永久删除选定时间轴中的所有动画。若要重命名选定时间轴，请选择“修改”→“时间轴”