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

7.1.1 案例制作：浏览器窗口的打开 7.1.2 新知解析 7.1.3 案例制作：行为综合练习“我的独白” 7.2.1 案例制作：飞翔的鸽子 7.2.2 新知解析 7.* 第7章 行为和时间轴 学习目标 能够创建行为，会使用和设置系统自带的行为 能够创建时间轴动画 能够运用层、行为和时间轴制作特效 7.1　创建行为 7.2 时间轴动画 本章内容 7.1　创建行为 通过本案例的操作，你将学会：如何认识行为面板 、如何在行为面板中添加系统自带的行为 、如何设置打开浏览器窗口 、如何设置行为事件 。 1. 行为构成的三要素 对象(Object) ：对象是产生行为的主体，很多网页元素都可以成为对象，如图片、文字、多媒体文件等，甚至是整个页面。 事件(Event) ：事件是触发动态效果的原因，它可以被附加到各种页面元素上，也可以被附加到HTML标记中。 动作(Action) ：动作通常是一段JaveScript代码。 7.1　创建行为 2. 设置“行为”面板选项 “显示设置事件”仅显示附加到当前文档的那些事件。 “显示所有事件”按字母降序显示给定类别的所有事件。 “添加动作 (+)” 是一个弹出菜单，其中包含可以附加到当前所选元素的动作。 “删除 (-)” 从行为列表中删除所选的事件和动作。 “事件”（当您单击行为列表中所选事件名称旁边的箭头按钮时出现的菜单）是一个弹出菜单，其中包含可以触发该动作的所有事件。 7.1　创建行为 3. 创建行为 在页上选择一个元素，例如一个图像或一个链接。 选择“窗口”→“行为”，打开“行为”面板。 单击加号 (+) 按钮并从“动作”弹出菜单中选择一个动作。 为该动作输入参数，然后单击“确定”按钮。 触发该动作的默认事件显示在“事件”栏中。 4 更改行为 若要编辑动作的参数，请双击该行为名称或将其选中并按 Enter 键然后更改对话框中的参数并单击“确定”。 若要更改给定事件的多个动作的顺序，请选择某个动作然后单击上下箭头按钮。或者选择该动作然后剪切它，并将它粘贴到其它动作中所需的位置。 若要删除某个行为，请将其选中然后单击减号 (-) 按钮或按 Delete 键。 7.1　创建行为 5. Dreamweaver 自带的行为动作 调用 JavaScript 改变属性 检查浏览器 检查插件 控制 Shockwave 或 Flash 拖动层 转到 URL 跳转菜单 打开浏览器窗口 播放声音 弹出消息 预先载入图像 7.1　创建行为 5. Dreamweaver 自带的行为动作 设置导航条图像 设置框架文本 设置层文本 设置状态栏文本 设置文本域文本 显示－隐藏层 显示弹出菜单 交换图像 恢复图像交换 检查表单 7.1　创建行为 7.1　创建行为 通过本案例的操作，你将学会：如何插入层和嵌套层、如何为层设置“显示-隐藏层”和“拖动层”行为。 7.2　时间轴动画 通过本案例的操作，你将学会：如何插入层、如何在层中插入图像、如何将层增加到时间轴上、如何在时间轴上设置关键帧形成动画 。 1.认识“时间轴”面板 “时间轴”弹出式菜单：指定当前在“时间轴”面板中显示文档的哪些时间轴。 “播放栏”：显示当前在“文档”窗口中显示时间轴的哪一帧。 “帧编号”：指示帧的序号。 “行为”通道：是应该在时间轴中特定帧处执行的行为的通道。 “动画条”：显示每个对象的动画的持续时间。 “关键帧”：是动画条中已经为对象指定属性（如位置）的帧。 “动画”通道：显示用于制作层和图像动画的条。 “后退至起点”：将播放栏移至时间轴中的第一帧。 “后退”：将播放栏向左移动一帧。 “播放”：将播放栏向右移动一帧。 “自动播放”：使时间轴于当前页在浏览器中加载时自动开始播放。 “循环”：使当前时间轴于页在浏览器中打开时无限地循环。 7.2　 时间轴动画 1.认识“时间轴”面板 7.2　 时间轴动画 2.修改时间轴 若要使动画的播放时间更长，请将结束帧标记向右拖动。动画中的所有关键帧都会移动，以保持它们的相对位置不变。若要阻止其他关键帧移动，请按住 Ctrl 键并拖动结束帧标记。 若要使层更早或更晚地到达某一关键帧位置，请在动画条中将关键帧向左或向右移动。 若要更改动画的开始时间，请选择一个或多个与该动画关联的动画条（按 Shift 可一次选择多个动画条），然后向左或向右移动。 若要移动整个动画轨迹的位置，请选择整个动画条，然后在页面上拖