联系本站客服加+微信号15139388181 或QQ：983228566 |
视频标签：认识动态网页
所属栏目：信息技术优质课视频
视频课题：教科版高中信息技术选修三《网络技术应用》第五章第一节认识动态网页-江苏省 - 徐州
本视频配套资料的教学设计、课件 /课堂实录及教案下载可联本站系客服
认识动态网页
案例背景信息
1、模块、章节：《网络技术应用》（选修）第五章第一节 2、教材版本：教育科学出版社 3、课 时：1课时 4、教学对象：高一年级 教学内容分析
本章是《网络技术应用》第五章第一节的内容，是学生在学习网页基础知识之上对网页的另一种形式进一步认识，即动态HTML。本课的主要是动态HTML效果实现和JavaScript脚本语言的应用，网页中出现动态效果，这是受学生欢迎的学习内容。对于普通高中学生，要熟练实现简单的动态HTML效果，而对于JavaScript代码仅需了解插入的方法及位置即可，无需深入了解代码。 教学对象分析
本课的教学对象为高一学生，在学习本课之前已经学习了Frontpage制作网页的基本方法，已能够制作简单网页，对HTML标记语言已做讲解，学生对HTML有了基本认识。 学科核心素养分析
高中信息技术新课程标准明确指出，信息技术学科核心素养主要包含四个领域:信息意识、计算思维、数字化学习与创新、设会责任，在本节课的教学中，信息意识、数字化学习与创新、信息社会责任三个核心素养的培养都得到不同程度的体现。
信息意识：通过对比静态网页，激励学生掌握动态网页的技术。 数字化学习与创新：学会并掌握动态HTML效果的插入方法。
信息社会责任：养成网络作品版权保护意识，正确对待信息技术的价值观，在教会学生运用技术的同时，还要养成尊重他人合法权益，尊重版权、尊重原创。
1、 知识与技能
（1）了解动态HTML，动态网页的概念；
（2）能够实现简单的动态HTML效果，能够插入简单的JavaScript代码； （3）准确把握静态网页与动态网页的区别，为学生以后自主制作动态网页打下良好的基础。 2、 过程与方法：
（1）通过简单的实例演示让学生对动态 HTML概念有比较具体的认识； （2）利用任务驱动法培养学生的探究学习能力，提高审美能力。 3、 情感态度与价值观：
（1）提高学生的审美情趣；
（2）养学生正确评价、选择、运用信息的价值观以及版权意识。 教学重点：
（1）动态HTML概念，区别静态网页与动态网页； （2）插入简单的动态HTML特效。 教学难点：
JavaScript网页特效插入
教学过程 教学环节 教师活动
学生活动 设计意图
引入课题
在前几节课中我们就网页制作进行了学习，在网页中我们插入了相关图片，进行了排版，建立了超链接，网页表格等内容。 展示：
京东商城、淘宝购物等动态网页页面及效果，与校园网进行对比分析。 引出：
动态网页离我们如此接近，你对动态网页了解多少呢？又该如何实现动态HTML效果呢？这就是本节课的学习内容：认识动态网页 讲授： 概念：
即使在脱离网络环境的情况下，网页下载到浏览器以后仍能够随时变换更新的HTML。
学生观察展示的网页作品
对比分析，和我们上阶段制作的网页有什么不同？
学生自主学习，了解动态HTML概念
通过对比，激发学生学习学习兴趣
引出本课主题内容
师生互动 学习新知
提问：
如何实现动态HTML效果呢？
讲解：
实现动态效果方法：
• 通过FrontPage完成 使用方法：格式－动态HTML－选择事件（双击、单击、鼠标悬停 网页加载）-选择效果 •
其它动态HTML特效：
使用方法：
将特效代码放入网页指定区域
学生回答
掌握动态效果插入方法
提升学生动手操作
能力
自主探究 动手体验
布置任务：
打开桌面“课堂活动”文件夹中的“任务一”， “任务二”，按照制作要求完成。
巡视辅导： 教师巡视指导并观察，发现学生制作中存在的问题。
展示、评价：
学生探索研究后,老师请先完成的同学出来演示，教师指导并评价 提问：
其它动态HTML特效该如何插入呢？ 演示：
插入JavaScript“显示当前日期”的代码 布置任务二： 学生分组练习,每个组只要完成其中一个特效。 打开桌面“课堂活动”文件夹中
的任务，按照制作要求完成。
展示、评价： 展示评价学生的制作效果 启发：
JavaScript特效的下载使用注意什么？
1. 首先确定版权问题。
动手体验自主探究，完成任务活动
小组互助
学生进行小组交流，展示评价
思考老师提出的问题
观察教师的演示步骤
动手体验制作
引发学生参与活动，激发学生的探索意识
培养学生的信息社会责任
2. 确定插入位置和如何插入
通过演示,让学生体会到本节所说的动态网页这个“动”字的涵义,主要强调的是一种人机交流,而不是一种动画技术。
观察JavaScript 语言的组成
思考老师提出问题
总结、评价
总结:静态网页和动态网页的比较
教师小结、评价：
1.所谓动态强调的是人机交互，对访问者不同需求、输入信息作不同的响应，并提供相应信息。
2.动态HTML已成为动态网页的重要组成部分，如电子商城、论坛都是通过动态网页技术实现的信息服务。 3.课堂检测
课堂小结
教师引领学生简要评价本节课的知
识主体内容
小组讨论，动态网页与静态的区别。 1.动态网页特征 2.动、静态网页区别 小组代表回答
学生上机检测
师生共同总结课堂知识
归纳、疏理、强化知识内容 教学反思
本节课学生在掌握网页制作基本方法的基础上，教师的引导解决实际性问题，学生在过个过程中体会到成功的喜悦。在本堂课的教学过程中，教师引导很重要，根据教学的需要设置不同问题，一步步引导学生通过自主学习、观察、类比、讨论等方式来尝试解决自己的问题，课堂气氛活跃，学习积极性比较高，课堂教学效果整体较好，在JavaSript语句代码部分，部分学生对代码进行尝试修改，并取得了较好效果，因课堂时间的限制没有及时进行给予评价。
视频来源：优质课网 www.youzhik.com
