项目十AP元素的应用.docVIP

项目十 AP元素的应用 课题名称：10.2 运用AP元素制作相册 课时：2课时 一、教学目标 1．知识与技能目标 理解利用“行为”实现网页互动性。 2．操作技能目标 行为“显示-隐藏元素”的运用 二、教学分析与准备 1．教学重点 行为“显示-隐藏元素”的运用 2．教学难点 理解行为的触发、动作的概念 3．教学策略 讲授、演示、自学尝试、展示讲评相结合 4．教学环境 多媒体网络机房 三、学习过程 教学组织 教学内容 备注 课前准备 范例欣赏与评述 （建议教学2分钟） 要点分析（建议教学3分钟） 操作示范与学生同步练习，教师应注意要点的介绍和应用示范（建议教学20分钟）。 学生独立完成本练习（建议教学20分钟） 提供一些图片或素材，学生自行学习其他行为 （建议教学40分钟） 课堂小结（建议教学5分钟） 将 “项目十\素材\example10-2”复制到本地硬盘。 打开“项目十\素材\example10-2”中的index.html 打开“项目十\范例结果\example10-2”中的index.html 分析其可能的制作方法。 （1）素材与结果的差别在哪里？ （2）用前期学习的方法，需要制作几张网页才能实现？ 将本地的“项目十\素材\example10-2”文件夹设置为站点。 指导要点： 1、步骤1至9，插入层dqcx和层hggy。 强调：（1）层的插入方法 （2）层命名的作用 （3）层的隐藏方法 2、步骤10至17,设置层的行为——“显示-隐藏元素”。 强调：（1）理解行为的概念：触发事件、动作 （2）本例中触发事件是什么？ 动作是什么？ 学生继续完成共10个层的显示与隐藏行为 重点可以提示学生尝试： 1、展示运用交换图像作为菜单的网页，指导学生学习“交换图像/恢复交换图像”行为。 2、“设置导航栏图像”行为 3、弹出信息 4、效果 层的层叠性和行为的可触发性，使网页成为一个具有交互性的动态网页，使网站更具有灵活性，网页变化也丰富多样。行为的合理运用增加了网页的功能，它使不会编程的设计人员也能运用自如，得到好的网页效果，需要多多使用和体会。 使用行为，会自动添加代码，网页编码变得复杂，一般设计人员难于编辑修改，过多的代码也可能影响网页的载入速度。所以，一个网页中不要过多地使用行为。 组织学生进行分析 组织学生思考与回答。 指导学生跟做，并理解其中的要点。 教师巡视指导，并展示快速完成的学生的作品。 指导学生 展示学生作品