JavaScript教案课程设计.doc

PAGE 课程教案 课题名称 JavaScript程序设计 授课班级 授课学时 1-2 授课地点 授课形式 讲授 参考教材 《JavaScript网页交互特效范例与技巧》 教学资源 /js/js-tutorial.html --JavaScript教程 教学目标 知识目标： 1、JS执行原理。 2、JS代码编写位置。 3、JS代码作为A标签的属性。 技能目标： 了解JS执行原理。 能在网页选中使用规范的JavaScript脚本。 素质目标： 理解JS执行原理，并能够掌握在不同的地方编写JS脚本代码。 教学重点与难点 教学 重点 理解JS执行原理，在不同的地方编写JS脚本 教学 难点 将JS编写在外部文件中并调用 学情分析 本次课程为JavaScript程序设计的第一次课程，主要需要将JavaScript使用场景和执行原理等给学生介绍清楚，并演示一些学完本门课程之后可以制作的网页效果，让学生对本门课程产生兴趣。 教学过程 课前： 阅读教材，为第一次JavaScript理论课程做准备 课中： （1）展示学完本门课程可以完成的JS小游戏。 （2）JavaScript语言介绍及作用。 （3）开发环境介绍。 （4）JS代码弹窗及JS代码编写在不同的位置。 （5）使用JS代码作为A标签的href属性 课后： 布置预习任务，预习下次课内容，了解JS中数据类型，变量和运算符。 教学反思 本次课程内容主要以展示和理解为主，让学生对课程产生兴趣，效果良好。 课程 JavaScript程序设计 教学设计 课程名称 JavaScript程序设计 授课对象 授课章节 第一章：JavaScript基础语法 本次课学时数 2学时 教学目的 让学生理解JS执行原理，并能够掌握在不同的地方编写JS脚本代码。 教学分析 本次课程为JavaScript程序设计的第一次课程，主要需要将JavaScript使用场景和执行原理等给学生介绍清楚，并演示一些学完本门课程之后可以制作的网页效果，让学生对本门课程产生兴趣。 教学重点与 难点 重点 理解JS执行原理，在不同的地方编写JS脚本 难点 将JS编写在外部文件中并调用 教学方法 与手段 ●课堂讲授 ○讲解例题 ●电子课件 ●案例分析 ○小组讨论 ●文字材料 ●提问 ○音像材料 其他： 教学过程设计 教学内容 教学过程 设计意图 时间分配 课程导入 展示JavaScript制作小游戏 JS版本华容道游戏 JS版贪吃蛇游戏 通过多个小游戏的展示，并且告知学生本门课程学完之后可以独立完成展示的小游戏，激发学生的学习兴趣 10分钟 课程介绍 1.介绍课程的授课计划、考核标准 （1）平时成绩占30%，包括出勤、作业、提问，课堂项目（作业）、综合项目完成情况等。 （2）考试成绩占70%。 2.提问什么是脚本语言。 3.提问JavaScript和Java有关系吗。 4.根据学生对提问的回答，介绍JavaScript相关基本概念和特点。 （1）、JavaScript是Netscape公司的产品， 用于扩展公司的浏览器产品Netscape Navigator功能。而Java是Sun公司推出的新一代面向对象的程序设计语言，特别适用于Internet应用程序开发。 （2）、JavaScript是脚本语言，它是一种基于对象和事件驱动的编程语言，它本身提供很多内部对象以供使用。Java是一种面向对象语言，及时开发简单的程序，也要设计和创建类。 （3）、Java源码先要进行编译，然后才能在Java虚拟机中解释执行，而JavaScript不需要进行编译，编写后，直接由浏览器解释执行。 （4）、Java采用强类型，即变量的使用，在编译之前都必须声明，而JavaScript中采用弱类型，即变量在使用前不需要声明。 （5）、JavaScript使用<script></script>标签来嵌入代码，而Java则使用<applet></applet>标签。 （6）、Java采用静态数据绑定，即Java的对象引用必须在编译时进行确定；JavaScript则采用动态数据绑定，即JavaScript的对象是在运行时进行确定，编写时，是无法确定类型检查。 介绍整门课程的授课即考核计划并让学生从大的方向了解JS语言的特点。 15分钟 JavaScript的主要作用 通过举例和效果演示的方式，让学生明白利用JS具体可以实现哪些类似效果： （1）炫酷的前端菜单效果 （2）动态表单Cookies存储 （3）画布显示游戏界面完成客户端 （4）媒体查询自适应屏幕显示 （5）动态读取服务器信息实现局部更新 让学生更加直