《521理解動态HTML》教学设计.doc

《5.2.1理解动态HTML》教学设计 江苏省天一中学 马畅 教材分析 本节是教育科学出版社2004年10月第一版高二选修《网络技术应用》第五章的第二小节的第一课时，本课时是在上一节探索过动态HTML效果的基础上，理解、掌握动态HTML的工作过程JavaScript）的理解和应用。学生对JavaScript实现的动态HTML效果都很感兴趣，但JavaScript的学习要经历一个循序渐进的过程，本课是第课，是制作JavaScript的，因此学好本课将为后续深入学习打下良好的基础 学情分析 本课的教学对象是高学生。在学习本课之前，他们已经学习了用制作网页的基本方法，能够制作简单的网页，HTML标记语言。因此在学习粘贴JavaScript代码前，先HTML的基本结构，让学生对HTML有一个基本的认识。 一课时 教学目标 知识与技能 （1）； （2）； （3）。 过程与方法 （）能够找出一段HTML中的JavaScript （2）能够修改和添加HTML中的JavaScript 情感态度与价值观 （1）培养 （2）能够体验到JavaScript的制作乐趣 （3）通过自主学习探究学能力 教学重点、难点 重点：1、 2、掌握加入JavaScript代码的方法 难点：修改JavaScript代码 教学过程 一、引入新课，活动一：技术体验 （1）学生在上课前打开浏览器用自己的姓名学号登陆，开始玩网页上的闯关小游戏。网页闯关游戏需要查看网页的源文件，在代码中查找下一个页面的地址提示。 教师观察学生玩网页闯关游戏，开始上课后停止游戏，并选择其中一关网页，解释过关的方法：查看网页的源代码找到下一个页面的网址，同时复习回顾HTML部分的内容。 （2）教师打开一个样例网页，这个样例网页也是课前学生玩得网页游戏中的页面，页面中除了有学生熟悉的HTML代码以外，还加入了一些学生不熟悉的代码，正是这些代码使网页有了一些特殊的功能，能够与浏览者有所交互，从而引出本节课学习的主题：理解动态HTML，这些代码正是动态HTML技术代表之一的JavaScript代码。 学生玩过刚才网页上简单的游戏，已对这几个网页的功能有所了解，听老师解释这些网页能具有一些小功能的原因，并对学习内容产生兴趣。 设计意图：通过展示几个生动有趣并具有一定交互性的网页，激发学生兴趣，为后面的学习做铺垫。 二、活动二：探究与发现 教师控制课堂导学网站展开之活动二，参照打开的页面说明JavaScript是组成动态HTML三大核心技术之一，另外还有两种：DOM文档对象模型以及CSS样式表，本节课不作讨论，并说明本节课学习的重点是JavaScript客户端脚本语言。 学生听老师讲解动态HTML的相关知识，初步了解三大核心技术各有什么作用。 设计意图：介绍动态HTML的核心技术构成，使学生对整体的知识架构有所映像，便于明了今天所学的知识在整体知识结构中的地位和作用。 三、自主探究学习 （1）教师要求同学打开自主学习页面中的内容，包括“客户端脚本语言”、“什么是JavaScript”、“嵌入使用JavaScript”、“调用JavaScript文件”，并完成页面下方的三组练习：“概念辨析（图1）”、“脚本找找看（图2）”、“有何大不同（图3）”，将自己的答案写进输入框内然提交后，可以看到全班同学所答的内容，以便交流。教师可以点击“晒晒大家的回答”查看全部同学的答案。 图1 图2 图3 学生自主学习网页中关于客户端脚本语言、JavaScript等相关知识的说明，理解后回答页面下方问题。点击提交按钮将答案提交至服务器。 （2）教师汇总学生答案并点评，引导全班同学查看所有的回答，对于练习一部分的选择题，选取难度较大学生错误较多的题目进行讲解，加深学生的概念；练习二部分的找脚本，选取有代表性的学生答案进行点评，鼓励学生自己解释说明自己的答案，教师再提炼学生的回答以加深映像；练习三部分两种使用JavaScript方式的比较，依然选择有代表性的答案，请学生描述自己的理解，教师加以点评和归纳。 同学 设计意图： 对于本节课理论知识部分的内容，采用学生自主学习的方式，有利于学生根据自身情况掌握学习进度，避免了教师对于较枯燥的理论知识进行过多讲解。自学后有相应的练习题检验学生的自学成果，保证教师对学生的自学情况有所掌控。 四、总结提炼重点、难点 教师帮助提炼知识点，对比嵌入式使用Javascript和调用使用Javascript文