师梦圆 - 让备课更高效、教学更轻松!
网站地图
师梦圆
师梦圆高中信息技术教材同步教科版选修3 网络技术应用5.3.1 用JavaScript 制作动态HTML下载详情

选修3 网络技术应用《第五章 动态网页制作 5.3 应用动态HTML 5.3.1 用JavaScript 制作动态HTML》优秀教案

  • 下载地址
  • 内容预览
下载说明

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特效究竟是如何让网页 “动”起来的?

类比说明(演示)

教材