静态网页课件.pptVIP

制作伸缩菜单 山西工程职业技术学院计算机系 常丽 学习领域 所属课程：网页设计与制作 情境八：使用行为 任务五：制作伸缩菜单 伸缩菜单 伸缩菜单 伸缩菜单 伸缩菜单 伸缩菜单 伸缩菜单 教学方案 点评法 讲授法 讨论法 分析任务 实施任务 总结评价 启发法 探究法 知识拓展 提出任务 一、教学过程 二、教学要求与目标 教学要求:掌握层、时间轴、行为的灵活应用 知识目标 培养学生网页布局的能力；培养学生制作动画的能力 素质目标 培养学生勤动脑动手的好习惯；培养学生做事认真的好作风 能力目标 培养学生分析、解决问题的能力；培养学生自主、开放的学习能力 能力目标 培养学生分析、解决问题的能力；培养学生自主、开放的学习能力 三、教学重点与难点 教学重点 教学难点 教学重点 动画的制作 教学重点 教学难点 教学难点 关键帧的定位 四、任务实施单 教学活动 一、提出任务 伸缩菜单 一、提出任务 二、分析任务 层 时间轴 行为 flash按钮 层（Layer） 时间轴(Timeline) 行为(Behavior) 二、分析任务 第一步：利用层制作菜单界面 创建层 添加背景图片 插入菜单项 添加按钮图片 三、实施任务 注意： 需要设置 父层子层 300px 第二步 利用时间轴制作动画（1） 时间轴1(Timeline1)：伸 时间轴2(Timeline2)：缩 三、实施任务 注意： 添加对象是父层 伸缩菜单 三、实施任务 第二步 利用时间轴制作动画（2） 时间轴一 时间轴二 首帧 尾帧 首帧 尾帧 第二步 利用时间轴制作动画（3） 三、实施任务 第二步 利用时间轴制作动画（4） 三、实施任务 第二步 利用时间轴制作动画（5） 300px 三、实施任务 -250px Timeline1首帧 Timeline2尾帧 首尾关键帧的定位 第三步 利用行为播放动画 当鼠标单击按钮图片时，伸缩动作开始执行 三、实施任务 四、总结评价 1.设置关键帧的位置 2.设置行为 易错的地方 1.仔细分析页面需求 2.详细制定实施方案 注意的地方 五、知识拓展 利用时间轴、行为、显示-隐藏层等知识制作一个可伸缩的下拉菜单，与页面完美的结合在一起 (作业) * *