1、本网站免费注册后即可以下载，点击开通VIP会员可无限免费下载！
2、资料一般为word或PPT文档。建议使用IE9以上浏览器或360、谷歌、火狐浏览器浏览本站。
3、有任何下载问题，请联系微信客服。
扫描下方二维码，添加微信客服
选修3 网络技术应用《第五章 动态网页制作 5.3 应用动态HTML 5.3.1 用JavaScript 制作动态HTML》优秀教案
没错，中国四大传统节日就是“春节、元宵节、清明节和端午节”。
今天，我们不会谈这么多节日，我们选择一个即将到来的节日——端午节，来了解一下。那么说到端午，你们知道它的“由来”吗？（请学生回答，及时评价与补充）
预设：屈原（路漫漫其修远兮，吾将上下而求索）、汨罗江、粽子等。
生成：根据学生的回答随机应变，尝试向自制网站“端午传情”上靠拢。
二、课堂讲解
（一）考一考
端午在什么时间？为什么叫“端午”？
除了“端午”，还有其它什么叫法？
它有什么意义？有哪些民俗活动？
有关“端午”的诗词你是否有所耳闻？
带着这些疑问，我搜索了相关资料，并且自制了一个小网站。由此，我对“端午”也算是略知一二了。
这个主题网站我做了两个版本，内容是一样的，形式上略有改变。
（二）找一找（3分钟）
请大家对比两个网站，找一找网站中两个相同页面的差别。
给予学生3分钟浏览和对比的时间，然后由学生来说出差异。
（三）捋一捋（从网页外观上看）
（四）说一说
三、课堂讲演
（一）引出课题
通过我们对两个网站相同页面的对比分析，我们发现，网站2与网站1对比，增加了许多“特效”形式，这就是我们这堂课要跟同学们交流的重点：用javascript制作动态HTML。
（二）讲一讲
什么是js特效？
解释：js特效全称JavaScript，是一种脚本语言，它采用小程序段的方式实现编程，简单的说网页中那些个性化的，比较酷的效果都需要js来完成。
这个所谓的js特效究竟是如何让网页 “动”起来的？
类比说明（演示）