高中信息技术选修3《客户端脚本语言》教学设计(教科版)

理解动态HTML 一、教材分析 本课是教育科学-出卷网-《网络技术应用》选修课程第五章《动态网页制作》中第二节第一课时的内容。主要介绍动态HTML的核心技术，着重讲解客户端脚本语言和javascript的概念，以及使用javascript脚本的两种方式。为后续内容做好铺垫、打好基础。 二、学情分析 实施对象：高中一年级学生（第二学期） 在学习本课之前，学生已经学习了用Frontpage制作网页的基本方法，能够制作简单的网页。会查看网页源代码，了解HTML的四种标签对。但透过华丽的外表看本质，他们对代码学习有极大的畏难情绪，而本节课的重点在于能在网页源代码中识别javascript脚本，并能将脚本代码插入到网页的正确位置。虽然难度不是非常大，但是对于初识代码的学生的技术应用能力有一定的挑战。 三、教学目标 【知识与技能】： 了解动态HTML的三大核心技术；了解什么是客户端脚本语言的概念；能够掌握两种在网页中加入javascript脚本的方法。 【过程与方法】： 能够找出一段HTML中的javascript代码；能够添加HTML中的两种Javascript脚本：嵌入式、调用式。 【情感态度与价值观】： 培养学生自主探究意识；培养学生严谨、细致的学习能力，能够体验到Javascript的制作乐趣，对因特网上的网页有更深层次的认识；增强发现问题，思考问题，解决问题的能力。 四、教学重难点： 教学重点：了解客户端脚本语言的概念；掌握两种在网页中加入Javascript脚本的方法。 教学难点：掌握两种在网页中加入Javascript脚本的方法。 五、教学方法： 讲授法、微课学习法，任务驱动法、自主探究法 六、教学过程： 教学环节 教师活动 学生活动 设计意图 复习回顾 布置【复习任务】 提问：HTML文件基本结构中包括几对基本标签对？分别是什么？ 打开“学习包”，观看微课视频《1、HTML文件的基本结构》，复习HTML文件的基本结构 学生回答 脚本学习才刚刚开始，帮助学生复习一下，有助于提高本节课的学习效率。 导入 用Frontpage打开“huan.htm”和“shubiao.htm”网页，展示动态效果。 这两个动态效果就是用动态HTML技术制作出来的。 吸引学生眼球，激发兴趣 新授 一、动态HTML的三个核心技术 二、概念 5.2《理解动态HTML》，构成动态HTML的核心技术主要有：客户端脚本语言、文件目标模块、CSS样式表。 客户端脚本语言的概念 是指可以直接对客户端进行编写并使页面发生动态变化的脚本语言。 常用的客户端脚本语言：JavaScript和VBScript 认真听讲 让学生在概念上有个清晰的认识。 三、应用