高中信息技术选修3教案-5.3.1 用JavaScript 制作动态HTML1-教科版

用javascript制作动态HTML
一、课堂引入
一（1）班的同学，大家好，之前跟大家有一次短暂的交流，那今天很高兴来给大家上一节课。
首先，请允许我做个自我介绍。我姓孔，叫孔繁鹏，大家可以叫我孔老师，也可以叫我大鹏。大家都知道孔子吧？他是我的老祖宗，他是老师，我继承了他的衣钵，也做了一名老师，所以我对自己的定位是“一个传统的中国男人”（活跃课堂氛围）。那说到传统呢，我想不仅可以形容“人”，还可以谈谈我们拥有五千年悠久历史的传统文化。
比如“中国传统四大节日”，大家知道吗？（请学生回答，及时评价与补充）
没错，中国四大传统节日就是“春节、元宵节、清明节和端午节”。
今天，我们不会谈这么多节日，我们选择一个即将到来的节日——端午节，来了解一下。那么说到端午，你们知道它的“由来”吗？（请学生回答，及时评价与补充）
预设：屈原（路漫漫其修远兮，吾将上下而求索）、汨罗江、粽子等。
生成：根据学生的回答随机应变，尝试向自制网站“端午传情”上靠拢。
二、课堂讲解
（一）考一考
端午在什么时间？为什么叫“端午”？
除了“端午”，还有其它什么叫法？
它有什么意义？有哪些民俗活动？
有关“端午”的诗词你是否有所耳闻？
带着这些疑问，我搜索了相关资料，并且自制了一个小网站。由此，我对“端午”也算是略知一二了。
这个主题网站我做了两个版本，内容是一样的，形式上略有改变。
（二）找一找（3分钟）
请大家对比两个网站，找一找网站中两个相同页面的差别。
给予学生3分钟浏览和对比的时间，然后由学生来说出差异。
（三）捋一捋（从网页外观上看）
（四）说一说
三、课堂讲演
（一）引出课题
通过我们对两个网站相同页面的对比分析，我们发现，网站2与网站1对比，增加了许多“特效”形式，这就是我们这堂课要跟同学们交流的重点：用javascript制作动态HTML。
（二）讲一讲
什么是js特效？
解释：js特效全称JavaScript，是一种脚本语言，它采用小程序段的方式实现编程，简单的说网页中那些个性化的，比较酷的效果都需要js来完成。
这个所谓的js特效究竟是如何让网页 “动”起来的？
类比说明（演示）
对象
样式
动作
一张A4白纸
变成一架小飞机
让小飞机在外力作用下动起来
（三）实例讲演
（四）自由发挥【课堂拓展】
（五）课堂展示
请同学展示自己实践成果，结合学生互评和教师评价，对展示的网站及网页提出修改意见和建议。
（六）课堂总结
1、请同学结合自己实践的体会，谈一谈本节课的收获！
2、教师结合课堂内容和学生学习情况，对整堂课做一个总结。