动态网页制作教案

（2）

完整测试每种对象在两个浏览器中的运行效果。

五、教具，课件及挂图

所用的教室为多媒体实验室，学生使用电脑进行程序编写和调试。

六、作业及辅导

实训过程中，课上辅导和答疑。 十、课后小结：

实训项目能提升同学们对于

javascript 程序的编写和调试能力。

2014 年 11 月 5 日

2014 - 2015 学年第 1 学期第 8 周 星期 3 第 3、4 节 第 7 章 JavaScript 常用文档对象

教案内容：一，本次课的教学目标；二，内容及课时分配；三，重点，难点及处理方法；

四，教学过程（也可另用备课纸） ；五，教具，课件及挂图；六，作业及辅导； 七，课后小结。 一、教学目标

1 、认识什么是 Javascript

2、通过 DW 或 FrontPage 软件编辑调试 Javascript 二、内容 1、 文档对象结构 2、 文档对象

3、 动态改变网页内容和样式 三、重点，难点及处理方法 如何动态改变网页内容和样式 四、教学过程

2、导入

同学们，你们平常有没有留意到 HTML 的文档对象呢？知道这个文档对象是如何 划分的吗？ 2、新课讲授 （1）文档对象结构

1.文档对象的节点树

25

22. 得到文档对象中元素对象的一般方法

1、document.getElementById

2、document.getElementsByTagName 3．document.getElementsByName

（2）文档对象

11.文档对象的属性和方法 12. 文档对象的 cookie

属性

设置、取出、删除

13. 表单（form）及其控件元素对象

1．表单中的控件元素对象 2．列表及列表选项控件元素对象

在 JavaScript 中对列表进行添加、删除选项的操作如下： 添加列表选项 删除列表选项

3．表单元素对象的应用实例

14. 链接（link

）对象

15. 图像（image）对象

（3）动态改变网页内容 和样式

26

23. 动态改变网页内容

24. 动态改变网页样式

3、巩固练习

跟着老师一起来操练第七章的 五、教具，课件及挂图

javascript 源程序示例

所用的教室为多媒体实验室，因此所要板书的内容及使用的工具均在计算机上 用PPT课件进行演示。

六、作业及辅导

课上操练和辅导

七、课后小结： 本章学习，学生已经具有之前的

HTML 学习基础，所以接触起来比较简单。

2014 - 2015 学年第 1 学期第 8 周 星期 4 第 3、4 节 第 7 章 JavaScript 常用文档对象实训

2014 年 11 月 6 日

教案内容：一，本次课的教学目标；二，内容及课时分配；三，重点，难点及处理方法；

四，教学过程（也可另用备课纸） ；五，教具，课件及挂图；六，作业及辅导； 七，课后小结。 一、教学目标

熟练掌握在 HTML 文件中编写 javascript 程序的基本操作及在 IE 浏览器和 Firefox 浏览器中 调试 javascript 的基本操作。 二、内容

1、编写示例源文件，并调试

2、测试一段程序，找出其中的错误，分别在

三、重点，难点及处理方法

IE 和 Firefox 中进行调试。

27

测试程序并找错误

四、教学过程

1、实验导入

展示第七章实训项目作品 2、实验过程

本次实训，大家需要注意的问题有： （1）根据文档结构图，了解代码的过程。 （2）素材程序编辑和调试 （3）改写程序

请同学按照实训步骤进行操作，完成实训项目。

五、教具，课件及挂图

所用的教室为多媒体实验室，学生使用电脑进行程序编写和调试。

六、作业及辅导

实训过程中，课上辅导和答疑 十一、课后小结： 实训项目能提升同学们对于

javascript 程序的编写和调试能力。

2014 年 11 月 12 日

2014 - 2015 学年第 1 学期第 9 周 星期 3 第 3、4 节 第 8 章 JavaScript 其他常用窗口对象 1

教案内容：一，本次课的教学目标；二，内容及课时分配；三，重点，难点及处理方法；

四，教学过程（也可另用备课纸） ；五，教具，课件及挂图；六，作业及辅导； 七，课后小结。 一、教学目标

认识什么是屏幕对象和 浏览器信息（ navigator）对象 二、内容

1、 屏幕（ screen）对象

2、 浏览器信息（ navigator）对象 三、重点，难点及处理方法

28