高中信息技术（选修）网络技术应用 应用动态HTML教学设计

高中信息技术（选修）网络技术应用5.3应用动态HTML教学设计一、教学目标1.知识与技能（1）学会在自己的网页中加入JavaScript特效；（2）初步体验代码复用技术的优越感；（3）合理恰当地运用动态网页设计技术。2.过程与方法（1）培养学生的自主学习、探究学习以及协作学习的能力。（2）培养学生的创新能力、表达能力。（3）培养学生进行学习反思的学习习惯。3.情感态度与价值观（1）培养学生与他人合作与交流的能力。（2）培养学生的信息道德素养。二、学生分析本课的教学对象是桂城中学的高中二年级学生。在学习本课之前，他们已经学习了用DreamWeaver制作网页的基本方法，能够制作简单的网页，在学习理解了动态HTML之后，将对其应用进行一定的学习与认识。三、教材分析1.本节的作用和地位教材编写过程中已在第四节预留了发展的空间，详细的动态HTML技术介绍放在第五章。学生在学习网页制作过程中，可以跳到5.1中结合实例实习。也可以在经历了完整的网站开发过程后，在第五章中作进一步充实和完善。2.本节主要内容本课内容主要是动态HTML中的JavaScript脚本语言的应用。JavaScript代码能够命令网页出现动态的效果，这是比较受学生欢迎的学习内容。对于普通高中学生，仅需要了解如何在网页中适当位置加入JavaScript代码即可，无需深入了解JavaScript代码的组成以及原理。因此我将本课的重点定为：掌握加入JavaScript代码的方法，能够在指定位置加入JavaScript代码。3.重点难点分析教学重点（1）用JavaScript制作动态HTML。（2）掌握动态HTML设计原则。教学难点（1）掌握用JavaScript制作动态HTML的步骤。（2）能够在指定位置加入JavaScript代码。四、教学理念教师是教学活动的中的组织者、引导者，学生是学习的主体，也是小组互助学习的参与者。营造高效率的学习环境，培养学生探究、解问题，深入学习技术的兴趣和能力，是课程的根本目标。五、教学策略（1）范例教学（2）任务驱动、探究合作六、教学环境多媒体网络教室七、教学内容1.用JavaScript制作动态HTML在动态网页设计中，要想创建生动的网页，JavaScript是十分重要的工具，它能够使页面在保持美观的基础上平添一份活力。本节我们和大家一起为网页添加几个JavaScript实例，把我们的网页修饰得更加生动。（1）日期显示：不同日期多次浏览一个网页时，有时你会在网页的某处看到更新及时的当前日期，这项功能虽然简单，但却方便实用，体现了网页制作者对浏览者的关心和体贴。下拉菜单：菜单往往可以非常清晰地表达出一个网站的架构。一般来说，当网站栏目众多并且每个栏目下面又分为几级子栏目时，使用下拉菜单可以让浏览者快速了解额网站的目录结构，比较容易地找到目标页面。2.动态HTML设计原则在制作网页的动态效果时，应尽量避免如下几种情况：尽量精简，不要过多使用动画。过度的闪烁让人头痛。合理利用滚动字幕、变换选择框等。八、学习评价通过本节的学习，学生能够对第四章中网页特效的基本技术原理有一个清晰的了解，能够说明网页特效的实现与动态HTML之间的关系，能够根据任务表达的需求，制作具有动态特效的网页。九、教学反思从整体来说，本节课的教学目标均能按预期效果实现。