5.2.2 用 avaScript 制作动态网页-许云玲.docVIP

课题：5.2.2 用 JavaScript 制作动态网页 教案编号 039 备课人 使用时间 三 维 目 标 1．知识和技能目标： ⑴了解构成动态 HTML 的三大核心技术； ⑵掌握 JavaScript 的编写原则，能够调用 JavaScript 文件； 2．过程和方法目标： 培养学生独立思考、动手实践的能力；培养学生自主探究性、协作性学习能力；激发学生学习信息技术的兴趣，培养学生发现美、创造美的能力，提高学生的综合素质。 3．情感态度和价值观目标 通过使用 JavaScript 制作动态网页，让学生进一步感受网页制作的美，并合理使用技术来表现美。 教学重点 在静态网页中嵌入或调 JavaScript 文件制作动态网页。 教学难点 掌握 JavaScript 的编写原则，并用来生成动态网页。 教学方法 任务驱动、讲授法 教 学 过 程 一）导入课题 展示“网页电子时钟”动态效果，创设教学情境，引起学生学习兴趣。这样的动态网页是怎么制作的呢？ 显示网页电子时钟如图 5-3 所示，不显示网页电子时钟如图 5-4 所示。 图 5-3 显示时间 图 5-4 关闭时间显示 （二）分小组自学 学生分小组自学教材第 109 ～ 110 页内容，了解动态网页的三大技术：客户端的脚本语言、文件目标模块 (Document Object Model) 、 C