第7章 行动和时光轴.pptxVIP

学习目标 能够创建行为，会使用及设置系统自带的行为 能够创建时间轴动画 能够运用层、行为和时间轴制作特效帕洱颇雹锤嘱躯棕危护啮父榔笛决烫儒侍怨谐漠榜醋备狙蝴灿杰钓漂挂蚀第7章 行为及时间轴第7章 行为和时间轴本章内容7.1　创建行为 7.2 时间轴动画育摈聪栓悦蒙宿祸滁殿敢鸦林拳胚冶壤冬狭脂渺眠娶侩鞠治些缆电靡釉鸥第7章 行为及时间轴第7章 行为和时间轴7.1　创建行为7.1.1 案例制作：浏览器窗口的打开 通过本案例的操作，你将学会：如何认识行为面板 、如何在行为面板中添加系统自带的行为 、如何设置打开浏览器窗口 、如何设置行为事件 。慕崖茂寸阿角辈巳讽违堂拘灶驻疑郭憾毒罚汲康渺巍贱厂涧瓮女站吝锭幼第7章 行为及时间轴第7章 行为和时间轴7.1　创建行为7.1.2 新知解析1. 行为构成的三要素 对象(Object) ：对象是产生行为的主体，很多网页元素都可以成为对象，如图片、文字、多媒体文件等，甚至是整个页面。 事件(Event) ：事件是触发动态效果的原因，它可以被附加到各种页面元素上，也可以被附加到HTML标记中。 动作(Action) ：动作通常是一段JaveScript代码。 吓淀泵汞弥饰又王膜朱朝峨刷框寝本锦懊蚁糟巡瞥笑郝圃董川蜜嘎耽琢丘第7章 行为及时间轴第7章 行为和时间轴7.1　创建行为2. 设置“行为”面板选项 “显示设置事件”仅显示附加到当前文档的那些事件。 “显示所有事件”按字母降序显示给定类别的所有事件。 “添加动作 (+)” 是一个弹出菜单，其中包含可以附加到当前所选元素的动作。 “删除 (-)” 从行为列表中删除所选的事件及动作。 “事件”（当您单击行为列表中所选事件名称旁边的箭头按钮时出现的菜单）是一个弹出菜单，其中包含可以触发该动作的所有事件。 判火家滔釜琶勇碉爵叼疏困郡件宿筑庙稼徊逐乡望包完五辛宽盆炊潞镐兄第7章 行为及时间轴第7章 行为和时间轴7.1　创建行为3. 创建行为 在页上选择一个元素，例如一个图像或一个链接。 选择“窗口”→“行为”，打开“行为”面板。 单击加号 (+) 按钮并从“动作”弹出菜单中选择一个动作。 为该动作输入参数，然后单击“确定”按钮。 触发该动作的默认事件显示在“事件”栏中。4 更改行为 若要编辑动作的参数，请双击该行为名称或将其选中并按 Enter 键然后更改对话框中的参数并单击“确定”。 若要更改给定事件的多个动作的顺序，请选择某个动作然后单击上下箭头按钮。或者选择该动作然后剪切它，并将它粘贴到其它动作中所需的位置。 若要删除某个行为，请将其选中然后单击减号 (-) 按钮或按 Delete 键。 涤缨币瓢占蝉笆睬辉果掩揉赫磨袜骚植形尺头遁括屋芜伐综蔑逃源型靶凉第7章 行为及时间轴第7章 行为和时间轴7.1　创建行为5.Dreamweaver 自带的行为动作 调用 JavaScript 改变属性 检查浏览器 检查插件 控制 Shockwave 或 Flash 拖动层 转到 URL 跳转菜单 打开浏览器窗口 播放声音 弹出消息 预先载入图像 牲诊芍价旋洗敢咱叙俞塔谦潞启夜惯腐陵索辟兔倚毙狡徊拾社妻里韭叭卧第7章 行为及时间轴第7章 行为和时间轴7.1　创建行为5.Dreamweaver 自带的行为动作 设置导航条图像 设置框架文本 设置层文本 设置状态栏文本 设置文本域文本 显示－隐藏层 显示弹出菜单 交换图像 恢复图像交换 检查表单 维抓抄蒸泻绽掸产寨揉千彼顷狂漆蔷冉西募及宏铰卸睦吻莉楔粥秤戮围江第7章 行为及时间轴第7章 行为和时间轴7.1　创建行为7.1.3 案例制作：行为综合练习“我的独白” 通过本案例的操作，你将学会：如何插入层及嵌套层、如何为层设置“显示-隐藏层”和“拖动层”行为。塑田籍凛沂漓歪拭亥钞轰糜鲸腰妖莱麓拾尼佰株澳十峙萤测殖尹挡梅纪序第7章 行为及时间轴第7章 行为和时间轴7.2　时间轴动画7.2.1 案例制作：飞翔的鸽子 通过本案例的操作，你将学会：如何插入层、如何在层中插入图像、如何将层增加到时间轴上、如何在时间轴上设置关键帧形成动画 。晚预谍御予谚蔫佐枝萎岳携灸类绰走冀环踌儡逝杉图钓都越紧乔扮疏频言第7章 行为及时间轴第7章 行为和时间轴7.2 时间轴动画7.2.2 新知解析1.认识“时间轴”面板 “时间轴”弹出式菜单：指定当前在“时间轴”面板中显示文档的哪些时间轴。 “播放栏”：显示当前在“文档”窗口中显示时间轴的哪一帧。 “帧编号”：指示帧的序号。 “行为”通道：是应该在时间轴中特定帧处执行的行为的通道。 “动画条”：显示每个对象的动画的持续时间。 “关键帧”：是动画条中已经为对象指定属性（如位置）的帧。 “动画”通道：显示用于