高中信息技术（选修）网络技术应用 认识动态网页教学设计.docx

《高中信息技术（选修）网络技术应用 认识动态网页教学设计.docx》由会员分享，可在线阅读，更多相关《高中信息技术（选修）网络技术应用 认识动态网页教学设计.docx（4页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、高中信息技术（选修）网络技术应用5. 1认识动态网页教学设计、教材分析认识动态网页选自教科版网络技术应用第五章第一节的内容，在必 修课程中学生己经初步学习了网页的制作，这为过渡到本节内容的学习打下了基 础，同时本节内容为学生即将学习网站的制作做出了铺垫，在整个教材中起到了 承上启下的作用，占有十分重要的地位。二、学情分析我的学生是高中二年级的学生，对于网页他们已经不陌生，经过了高一信息 技术课程的学习，学生几乎时时刻刻在接触着网页，可是学生缺乏对于网页的进 一步思考与分析，对于动态网页的认识也很少。而且此时的学生具备一定信息技 术能力，对于探索实践有着极大的兴趣。三、教学目标1. 知识与技能目

2、标：（1）在HTML中加入JavaScript代码的方法；（2）能够在指定位置加入JavaScript代码；（3）修改JavaScript代码中文字属性的方法。2. 过程与方法目标：（1）通过小组合作探究，提高学生自主学习、探究学习及协作学习的能力；（2）培养进行学习反思的学习习惯。3. 情感态度与价值观：（1）培养学生与他人合作与交流的人际关系；（2）培养学生的信息道德素养。四、教学重、难点教学重点：1. 掌握加入JcivaScript代码的方法；2. 能够在指定位置加入JavaScript代码。教学难点：1. 修改JavaScript代码中文字属性的方法；2. 能够在指定位置加入JavaS

3、cript代码。五、教学过程1. 创设情境、引入课题(1) 展示两张网页，要求学生观察对比，找出不同。(2) 分析第二张网页，因为其页面有网页特效因此令页面生色不少。引出 学习内容：动态HTMLo观察两张页面，找出第二张页面究竟有什么特效，明确本课学习目标。学生普遍能发现第二张页面的不同，但未能完全找出所有的特效，因此我需 要点出三种特效，为下面的知识讲解做铺垫。 展示两种网页；用幻灯片展 示本课课题2. 知识铺垫、范例演示(1) 指出实现动态HTML的方法之一：加入JavaScript代码(2) 解释什么是JavaScript.(3) HTML的基本结构：展示教学范例网页的源文件，分析其HT

4、ML标记语 言的组成。(4) 演示在网页中加入鼠标跟随文字特效的操作过程，并板书总结操作步 骤。结合教学范例，观察HTML的基本结构。观看教师的操作演示，了解其具体操作步骤。用幻灯片展示知识点；在教学论坛提供幻灯片的内容供学生参考；3.任务探究、合作学习(1) 提出问题：如何修改鼠标跟随文字的大小、颜色等等相关属性？布置 任务一：制作一段鼠标跟随文字效果。(2) 指导学生完成练习、开展小组学习，引导学生间进行讨论，发现问题、 总结方法。完成任务一，相邻的两位学生为一个学习小组，共同探究在JavaScript代 码修改文字属性的方法。各自完成不同的修改操作，讨论找出异同，总结方法。学生基本上能够

5、找到修改跟随文字的方法，但对如何修改文字颜色感到困惑, 主要是不知道具体某种颜色应该用哪个数字表示。部分学生能够联系之前所学， 找到颜色代码。学生之间有讨论，但不善于总结方法。在教学论坛中提供练习资源下载；用幻灯片展示任务一的具体要求4. 学习反馈、练习点评(1) 邀请其中一个学习小组演示修改文字相关属性的操作，引导两位成员 总结出修改JavaScript代码的方法。(2) 总结在JavaScript代码修改文字属性的方法。A. 同组的两位同学合作回答教师的问题。B. 观察同学的操作演示，听取同学的学习小结。负责回答问题的两位学生是做得比较快的两位，能够明确的告诉其他同学如 何找到颜色代码，学

6、生们对修改颜色及字体大小这部分比较留意。这是他们普遍感到困惑之处。5. 知识延伸、分层练习(1) 布置任务二：学习在网页中加入其他网页特效的方法(2) 指导学生完成练习。根据自己的水平选择适当难度的代码进行练习o再次修改JavaScript代码， 找出修改JavaScript代码的技巧。大部分学生选择教师提供的代码进行练习o许多学生在添加时钟特效的时候 出现错误，主要是将代码直接粘贴到页面上，或者没有找到指定位置6. 学习反馈、练习点评(1) 邀请学生展示自己的成果，并介绍操作方法，将学习成果与同学们共同 分享。主要介绍两方面：A. 如何找到指定位置加入JavaScript代码B. 如有学生自行在网上找到其他代码，则让该生讲解如何加入该段代码(2) 小结练习二：指出学生在练习中容易出现的错误，再次强调如何找到指 定位置加入JavaScript代码。与同学共享自己的学习成果，介绍操作方法。观察他人作品，学习操作 方法。六、总结本节主要学习了认识动态网页，让学生掌握一些有关动态网页的基本知识, 采用了任务驱动与讲授法相结合的教学方法，让学生在完成任务中学到知识，提 高信息素养。