动态网页制作
教师授课教案
三、重点，难点及处理方法
重点：css基本语法和css基本特点
难点：样式表的应用
五、教学过程
1、引入
通过实例导入css应用的好处：
2、新课讲授
（1）CSS的定义
CSS是Cascading Style Sheets的缩写，中文为“层叠样式表”。
（2）CSS的特点
CSS通过“样式”来表示网页的颜色、字体、背景色、边框线及网页容的位置及大小尺寸等属性。
（3）css样式表的类型
部、外部、元素中的样式表三种
在网页的标记中应用“样式”，时采用的是“层叠式”原则。
样式是由成对的属性名和属性值以冒号“：”相间组成。
一系列的“样式”以分号“；”相间组成为“样式表”。
（4）CSS中的颜色和长度定义
CSS中的颜色是由红、蓝、绿3种颜色组合而成的，每一种颜色用数字0至255表示。
（5）常见的样式属性
（6）定义样式表
对象1, 对象2 ……{ 样式表}
部样式表：是将定义样式表的容放在style元素中，并且设置type属性为text/css。
然后将style元素放在HTML文档的head元素中。
外部样式表：放在一个文本文件中，一般都是以.css作为扩展名，然后在HTML 文档的head元素中插入link元素，通过下属格式将外部样式表文件连接到HTML
四、教学过程
1、引入
通过上节课的学习，同学们掌握了哪些CSS设计技巧呢？（问答）这节课，我们接着学习CSS常见的实用技巧
2、新课讲授
（1）CSS常用技巧
1.网页容的居中对齐
2.网页容的隐藏与显示
3.方框长度的计算
4.圆角边框
5.图片
6.定义外部样式表的选项
（2）CSS用于菜单设计
菜单设计的原则：
1.简单的导向菜单条
2.简单的标签菜单
3.推拉门式图片标签菜单
（3）CSS其他设计原则
1．有效地定义样式名
2．尽量使用CSS的简写方式
理解Javascript示例
四、教学过程
1、导入
同学们，HTML文件有一些交互式的功能没法在客户端实现，怎么办呢？我们可以借助javascript。
那么什么是javascript呢？它有哪些特点？又是如何使用的呢？
2、新课讲授
（1）什么是JavaScript
JavaScript的发展历史：
它是写在HTML文档中的一种基于对象和事件驱动。
并具有安全性能的脚本语言，当用户在客户端的浏览器中显示该网页时，浏览器就会执行JavaScript程序，让用户通过交互式的操作变换网页显示的容，以实现HTML语言所不能实现的一些功能。
2. JavaScript的特点
3. JavaScript与Java比较
4. JavaScript的作用
（2）编辑与调试JavaScript
1. 浏览器
2.编辑软件
3.调试软件
（3）第一个JavaScript示例
3、巩固练习
跟着老师一起来联系第一个javascript示例五、教具，课件及挂图
1、导入
同学们，javascript到底是如何使用的呢？这就是我们本章要学习的容，它的编程基础。
2、新课讲授
（1）数据类型及变量
常量与变量
JavaScript的常量通常又称为字面常量，它是不能改变的数据。
变量就是在计算机存中暂时保存数据的地方。
变量的数据类型及其转换
变量的作用围
（2）表达式与运算符
算术运算符、逻辑运算符、位运算符、操作后赋值运算符、特殊运算符
运算符顺序
（3）基本语句
3、巩固练习
学会写javascript基本语句
五、教具，课件及挂图
所用的教室为多媒体实验室，因此所要板书的容及使用的工具均在计算机上用PPT课件进行演示。
六、作业及辅导
制作简单的javascript语句
七、课后小结：Java基础编写，新知识较多，学生学习较快。
2014 - 2015学年第1 学期第5周星期4第3、4节2014年10 月16日
第5章javascript编程基础（2）
教案容：一，本次课的教学目标；二，容及课时分配；三，重点，难点及处理方法；
四，教学过程（也可另用备课纸）；五，教具，课件及挂图；六，作业及辅导；
JavaScript的对象就是
这样一种特殊的数据类型，
它不仅可以保存一组不同类型的数据
（称做“对象的属性”），
而且还可以包含有关“处理”这些数据的函数（称做“对象的方法”）。
2.定义对象
3.使用对象
使用对象的方法：对象作为函数的参数
1、网页中的事件
2、用JavaScript处理事件
五、教具，课件及挂图
所用的教室为多媒体实验室，学生使用电脑进行程序编写和调试。
六、作业及辅导
实训过程中，课上辅导和答疑
3.在字串中使用单引号、
双引号及其他特殊字符
4.比较字串是否相等
5.字串与整数、浮点数之间的转换
6.串对象的属性与方法
7.字串对象应用实例
（3）数学（Math）对象
1. 使用数学对象
2.数学对象的属性与方法
3.特殊的常数和函数
4.格式化数字
5.产生随机数
（4）日期（Date）对象
五、教具，课件及挂图
所用的教室为多媒体实验室。
六、作业及辅导
练习课本上的示例
九、课后小结：
一、教学目标
1 、认识什么是Javascript
2、通过DW或FrontPage软件编辑调试Javascript
二、容
1、文档对象结构
2、文档对象
3、动态改变网页容和样式
三、重点，难点及处理方法
如何动态改变网页容和样式
四、教学过程
2、导入
同学们，你们平常有没有留意到HTML的文档对象呢？知道这个文档对象是如何划分的吗？
2、新课讲授
（1）文档对象结构
1.文档对象的节点树
2.得到文档对象中元素对象的一般方法
1、document.getElementById
2、document.getElementsByTagName
3．document.getElementsByName
（2）文档对象
1.文档对象的属性和方法
2.文档对象的cookie属性
设置、取出、删除
3.表单（form）及其控件元素对象
1．表单中的控件元素对象
2．列表及列表选项控件元素对象
在JavaScript中对列表进行添加、删除选项的操作如下：
添加列表选项
删除列表选项
3．表单元素对象的应用实例
4.（link）对象
5.图像（image）对象
（3）动态改变网页容和样式
1.动态改变网页容
2.动态改变网页样式
3、巩固练习
跟着老师一起来操练第七章的javascript源程序示例
五、教具，课件及挂图
所用的教室为多媒体实验室，因此所要板书的容及使用的工具均在计算机上用
2、新课讲授
（1）屏幕对象
（2）浏览器对象
3、巩固练习
联系屏幕对象和浏览器对象的示例
五、教具，课件及挂图
所用的教室为多媒体实验室，因此所要板书的容及使用的工具均在计算机上用PPT课件进行演示。
六、作业及辅导
同学们根据教师的操作，可以制作一个浏览器对象和屏幕对象。
七、课后小结：对象的学习，学生比较有成就感
窗口对象的常用方法：
2.多窗口控制
3.输入输出信息
网址对象的常用方法：
3.网址对象的应用实例（２）历史记录（history）对象
1.历史对象的常用属性和方法
2.历史对象的应用实例
（３）框架（frame）对象
1.框架对象的常用属性和方法
2.框架对象的应用实例
3、巩固练习
跟着老师一起来联系第八章的各个对象示例
五、教具，课件及挂图
所用的教室为多媒体实验室，因此所要板书的容及使用的工具均在计算机上用PPT课件进行演示。
六、作业及辅导
课上操练和辅导
七、课后小结：从本章开始进入javascript的学习，学生们普遍反映比较难
2014 - 2015学年第1 学期第10周星期4第3、4节2014年11 月20日
第8章JavaScript其他常用窗口对象实训１
教案容：一，本次课的教学目标；二，容及课时分配；三，重点，难点及处理方法；
四，教学过程（也可另用备课纸）；五，教具，课件及挂图；六，作业及辅导；
七，课后小结。
一、教学目标
熟练掌握javascript屏幕对象、浏览器信息对象、窗口对象、网址对象、历史记录对象及框架对象。
二、容
1、编写第八章中的示例源文件，并调试
3、测试一段程序，找出其中的错误，分别在IE和Firefox中进行调试。
三、重点，难点及处理方法
测试程序并找错误
四、教学过程。