Javascript程序设计 教案-单元设计 张劲波 第1--5章 JavaScript概述---CSS进阶 .doc

PAGE

PAGE2

课程单元设计

课程名称：

JavaScript程序设计

适用专业：

所属院系：

信息工程学院

编制人：

制定时间：

年至年第一学期

《JavaScript程序设计》教案设计

一、教案头

本单元标题：第1章 JavaScript概述

授课班级：20软件1,2，3

课时：4

上课地点：实训5

教学目标

能力目标

知识目标

1.理解Javascript的起源

2.能安装代码编辑器EditPlus或者DreamViewer软件

3.掌握编辑器的基本用法

4.掌握编辑器EditPlus或者DreamViewer软件的基本用法

1.Javascript的起源

2.浏览器之争

3.JavaScript的编辑环境

4.JavaScript的实现与小体验

能力训练任务

及案例

一、能力训练任务

编写第一个JavaScript网页

二、案例

案例1：定时打开窗口

案例2：日期选择器

参考资料

Javascript技术教程

二、（单元）教学设计

教学环节

教学内容

教学方法及手段

学生活动

教学资源及工具

时间

分配

导入

Javascript的起源

课件、视频

听讲

教材

网络资源

多媒体

10分钟

讲授

1.浏览器之间的冲突

2.标准的制定

3.Javascript的实现ECMAscript、DOM、BOM）

4.编辑器EditPlus或DreamViewer的安装

5编辑器EditPlus或DreamViewer的基本功能

6编辑实现第一个js程序“HelloWorld”

课件演示

模拟演练

听讲

实际操作

教材

网络资源

多媒体

电脑

60分钟

操练

器EditPlus或DreamViewer的安装

使用EditPlus实现第一个js程序“Helloworld”

演示

实际操作

教材

网络资源

多媒体

电脑

70分钟

总结

vascript概况

实现js程序的流程

讲解

集体参与

教材

20分钟

作业布置

给网站首页加上自动问候的功能。网页将可以在不同的时段向访问者显示不同的问候语，例如在上午8:00—9:00就向用户显示“早上好”，如果在下午则显示“下午好”。

我们将定义的时间段对应得问候语列在下面：

0:00—06:00你不会是熬通宵吧，别太辛苦哦！

06:00—08:00早上好

08:00—11:00上午好

11:00—13:00午饭吃过了吗

13:00—17:00 下午好

17:00—24:00晚上好

2.完成个人网站中“欢迎光临”标语的显示

讲解

集体参与

网络资源

多媒体

电脑

20分钟

学习成果

完成第一个JavaScript网页编写

2、完成定时打开窗口操作

3、完成日期选择器操作

教学后记

《JavaScript程序设计》教案设计

一、教案头

本单元标题：第2章JavaScript基础

授课班级：20软件1,2，3

课时：2

上课地点：实训5

教学目标

能力目标

知识目标

1、变量的声明及赋值

1、语法

2、变量

能力训练任务

及案例

一、能力训练任务

1、JavaScript语法学习

2、变量命名规则

二、案例

案例1：变量定义实例

参考资料

Javascript技术教程

二、（单元）教学设计

教学环节

教学内容

教学方法及手段

学生活动

教学资源及工具

时间

分配

导入

Javascript的实现

课件演示

听讲

教材

网络资源

多媒体

10分钟

讲授

1.Javascript基本语法要求

2.变量的声明及赋值

课件演示

模拟演练

听讲

实际操作

教材

网络资源

多媒体

电脑

30分钟

操练

引入一个小例子实现对字符串、数值等变量的赋值操作

演示

讲解

任务驱动

实际操作

教材

网络资源

多媒体

电脑

30分钟

总结

变量声明及赋值的方法

讲解

集体参与

教材

10分钟

作业布置

找出javascript变量声明及赋值方法与Java语言中的区别

讲解

集体参与

网络资源

多媒体

电脑

10分钟

学习成果

学会JavaScript基本语法

懂得变量的声明及赋值

教学后记

《JavaScript程序设计》教案设计

一、教案头

本单元标题：第2章JavaScript基础

授课班级：20软件1,2，3

课时：4

上课地点：实训5