高中信息技术选修3教案-5.2.1 客户端脚本语言1-教科版
文档属性
| 名称 | 高中信息技术选修3教案-5.2.1 客户端脚本语言1-教科版 |  | |
| 格式 | docx | ||
| 文件大小 | 19.9KB | ||
| 资源类型 | 教案 | ||
| 版本资源 | 教科版 | ||
| 科目 | 信息技术（信息科技） | ||
| 更新时间 | 2021-01-12 08:14:54 | ||
图片预览
文档简介
理解动态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
认真听讲
让学生在概念上有个清晰的认识。
三、应用
讲授：
演示“LY1.htm”添加光环特效。
老师巡视，细心观察，从旁指导。
选取学生作品展示，多张网页使用相同动态效果。
老师演示“LY2.htm”添加光环特效。
老师巡视，细心观察，从旁指导。
演示修改js外部调用文件，达到一步修改多张网页动态效果。
总结嵌入式和调用式的不同。
认真听讲
完成任务三
(若操作中有困难可以观看“微课视频”文件夹中的《3、Java调用式.mp4》)
学生自由发挥，修改js外部文件
抓住同一动态效果运用到多张网页上这个点，推进课程到下一个知识点。
用微课辅助教学，学生可根据自身需要选择观看。
小结
今天我们了解动态HTML的三大核心技术；了解客户端脚本语言的概念；学习操作两种在网页中加入javascript代码的方法：嵌入式和调用式。
通过本节课学习，相信学生对编写代码有了更深层次的体会，对编写代码的困难指数有所下降，提高了积极性，加强了学生学习的兴趣！
形成全面知识体系
一、教材分析
本课是教育科学出版社《网络技术应用》选修课程第五章《动态网页制作》中第二节第一课时的内容。主要介绍动态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
认真听讲
让学生在概念上有个清晰的认识。
三、应用
讲授：
演示“LY1.htm”添加光环特效。
老师巡视，细心观察，从旁指导。
选取学生作品展示，多张网页使用相同动态效果。
老师演示“LY2.htm”添加光环特效。
老师巡视，细心观察，从旁指导。
演示修改js外部调用文件，达到一步修改多张网页动态效果。
总结嵌入式和调用式的不同。
认真听讲
完成任务三
(若操作中有困难可以观看“微课视频”文件夹中的《3、Java调用式.mp4》)
学生自由发挥，修改js外部文件
抓住同一动态效果运用到多张网页上这个点，推进课程到下一个知识点。
用微课辅助教学，学生可根据自身需要选择观看。
小结
今天我们了解动态HTML的三大核心技术；了解客户端脚本语言的概念；学习操作两种在网页中加入javascript代码的方法：嵌入式和调用式。
通过本节课学习，相信学生对编写代码有了更深层次的体会，对编写代码的困难指数有所下降，提高了积极性，加强了学生学习的兴趣！
形成全面知识体系