行为时间线.pptVIP

行为时间线 复习提问 1、利用层布局表格有什么优点 ？ 灵活性更好 2、利用层布局的网页与利用表格布局的网页能否相互转换？ 能 课程引导 行为时间线是为了让网页更富有动态效果，使页面更加的漂亮而使用的。 知识目标 知识目标： 1、能够使用资源管理器面板进行网页 设计； 2、能够应用层和时间轴制作网页动 画； 3、能够应用层和行为制作带有动态效果的网页； 案例展示 任务分析 本例的页面带有动态效果：飘动的公告栏、交替变换的图像、能够显示/隐藏的文字、弹出的广告窗口，下拉菜单。根据网站要求，设计方案如下： 1、首先设计制作一个基本网页 2、利用层与时间线面板制作飘动的公告栏和交替变换的图像 3、利用层行为制作能够显示/隐藏的文字 4、利用图像行为制作下拉菜单 5、利用行为面板制作弹出广告窗口。 知识讲解（一） 1、行为是由对象、事件和动作构成的。 （1）．对象：是产生行为的主体。网页中的很多元素都可以成为对象，如网页中的一个图片、一段文字等元素，也可以整个网页文档。 （2）．事件：是由用户或浏览器触发的事件。事件经常是针对页面元素的，如鼠标经过、鼠标单击、键盘某个键按下等。 （3）．动作：通常是一段JavaScript代码，用于完成某些特殊的任务。如打开一个窗口时自动播放声音、弹出信息窗口等。 （4）．行为：事件和动作组合起来就构成了行为。事件是产生行为的条件，动作是行为的具体结果。 知识讲解与操作示范（二） 课堂模仿 单击菜单栏中“窗口”|“时间轴”命令或按组合键Alt+F9，可以打开时间轴面板。 介绍时间轴面板 介绍将时间轴应用于层的方法 疑难解析 问题1：如何熟练的掌握时间轴运用 归纳总结 1、层与时间线怎样结合制作动态效果？ 2、行为的应用？ 扩展性任务 结束 * 复习提问 课程引导 案例展示 任务分析 知识目标 知识讲解与操作示范 课堂模仿 归纳总结 扩展性任务 疑难解析 * “网上书店”网站 2、使用行为面板 单击菜单栏中的“窗口”|“行为”命令或使用组合键 Shift+F4，可以打开行为面板 　　（1）行为面板各按钮功能 　　（2）设置浏览器版本在行为面板中，单击 按钮，在“显示事件”的级联菜单中选择浏览器版本。 常见事件：添加行为后，要为行为选择触发事件。选择某个行为，单击左侧的事件名称右侧的下拉箭头弹出下拉菜单，菜单列出了所选行为可以使用的触发事件。 “新书网”网站