动态网页制作教师授课教案1.图解CSS2.CSS定义3.CSS的特点4.css基本语法三、重点，难点及处理方法重点：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 ……{ 样式表}4、CSS其他设计原则三、重点，难点及处理方法重点：CSS常用技巧难点：CSS其他设计原则用于网页布局四、教学过程1、引入通过上节课的学习，同学们掌握了哪些CSS设计技巧呢？（问答）这节课，我们接着学习CSS常见的实用技巧2、新课讲授（1）CSS常用技巧1.网页内容的居中对齐2.网页内容的隐藏与显示3.方框长度的计算4.圆角边框5.图片6.定义外部样式表的选项（2）CSS用于菜单设计菜单设计的原则：1.简单的导向菜单条3. JavaScript与Java比较4. JavaScript的作用（2）编辑与调试JavaScript 1. 浏览器2.编辑软件3.调试软件（3）第一个JavaScript示例3、巩固练习跟着老师一起来联系第一个javascript示例五、教具，课件及挂图所用的教室为多媒体实验室，因此所要板书的内容及使用的工具均在计算机上用PPT课件进行演示。
六、作业及辅导同学们根据教师的操作，可以制作一个javascript简单示例七、课后小结：从本章开始进入javascript的学习，学生们普遍反映比较难2014 - 2015学年第1 学期第4周星期4第3、4节2014年10 月9日第4章javascript简介实训教案内容：一，本次课的教学目标；二，内容及课时分配；三，重点，难点及处理方法；四，教学过程（也可另用备课纸）；五，教具，课件及挂图；六，作业及辅导；七，课后小结。
一、教学目标熟练掌握在HTML文件中编写javascript程序的基本操作及在IE浏览器和Firefox浏览器中调试javascript的基本操作。
二、内容教案内容：一，本次课的教学目标；二，内容及课时分配；三，重点，难点及处理方法；四，教学过程（也可另用备课纸）；五，教具，课件及挂图；六，作业及辅导；七，课后小结。
一、教学目标1 、认识什么是Javascript2、通过DW或FrontPage软件编辑调试Javascript二、内容1、数据类型及变量2、表达式与运算符3、基本语句三、重点，难点及处理方法理解Javascript示例四、教学过程1、导入同学们，javascript到底是如何使用的呢？这就是我们本章要学习的内容，它的编程基础。
2、新课讲授（1）数据类型及变量常量与变量JavaScript的常量通常又称为字面常量，它是不能改变的数据。
变量就是在计算机内存中暂时保存数据的地方。
变量的数据类型及其转换变量的作用范围（2）表达式与运算符算术运算符、逻辑运算符、位运算符、操作后赋值运算符、特殊运算符运算符顺序（3）基本语句使用对象的方法：对象作为函数的参数1、网页中的事件2、用JavaScript处理事件五、教具，课件及挂图所用的教室为多媒体实验室，学生使用电脑进行程序编写和调试。
六、作业及辅导实训过程中，课上辅导和答疑八、课后小结：实训项目能提升同学们对于javascript程序的编写和调试能力。
2014 - 2015学年第1 学期第6周星期3第3、4节2014年10 月22日第5章JavaScript编程基础实训教案内容：一，本次课的教学目标；二，内容及课时分配；三，重点，难点及处理方法；四，教学过程（也可另用备课纸）；五，教具，课件及挂图；六，作业及辅导；七，课后小结。
一、教学目标掌握javascript的基本编程概念和编程技术。
二、内容1、编辑与调试第五章中的JavaScript示例三、重点，难点及处理方法调试程序中的错误。
1. 使用数学对象2.数学对象的属性与方法3.特殊的常数和函数4.格式化数字5.产生随机数（4）日期（Date）对象五、教具，课件及挂图所用的教室为多媒体实验室。
六、作业及辅导练习课本上的示例九、课后小结：同学们对于javascript程序的编写和调试能力提高了很多。
2014 - 2015学年第1 学期第7周星期3第3、4节2014年10 月29日第6章JavaScript常用内置对象实训1教案内容：一，本次课的教学目标；二，内容及课时分配；三，重点，难点及处理方法；四，教学过程（也可另用备课纸）；五，教具，课件及挂图；六，作业及辅导；七，课后小结。
一、教学目标熟练掌握javascript数组对象、字符串对象、数字对象及日期对象。
二、内容第六章中的示例源文件如何动态改变网页内容和样式四、教学过程2、导入同学们，你们平常有没有留意到HTML的文档对象呢？知道这个文档对象是如何划分的吗？2、新课讲授（1）文档对象结构1.文档对象的节点树2.得到文档对象中元素对象的一般方法1、document.getElementById2、document.getElementsByTagName3．document.getElementsByName（2）文档对象1.文档对象的属性和方法2.文档对象的cookie属性设置、取出、删除3.表单（form）及其控件元素对象1．表单中的控件元素对象2．列表及列表选项控件元素对象在JavaScript中对列表进行添加、删除选项的操作如下：添加列表选项删除列表选项3．表单元素对象的应用实例4.链接（link）对象5.图像（image）对象（3）动态改变网页内容和样式1.动态改变网页内容2.动态改变网页样式3、巩固练习跟着老师一起来操练第七章的javascript源程序示例五、教具，课件及挂图所用的教室为多媒体实验室，因此所要板书的内容及使用的工具均在计算机上用PPT课件进行演示。
六、作业及辅导课上操练和辅导七、课后小结：本章学习，学生已经具有之前的HTML学习基础，所以接触起来比较简单。
2014 - 2015学年第1 学期第8周星期4第3、4节2014年11 月6日（2）浏览器对象3、巩固练习联系屏幕对象和浏览器对象的示例五、教具，课件及挂图所用的教室为多媒体实验室，因此所要板书的内容及使用的工具均在计算机上用PPT课件进行演示。
六、作业及辅导同学们根据教师的操作，可以制作一个浏览器对象和屏幕对象。
七、课后小结：对象的学习，学生比较有成就感2014 - 2015学年第1 学期第9周星期4第3、4节2014年11 月13日第8章JavaScript其他常用窗口对象2教案内容：一，本次课的教学目标；二，内容及课时分配；三，重点，难点及处理方法；四，教学过程（也可另用备课纸）；五，教具，课件及挂图；六，作业及辅导；七，课后小结。
一、教学目标熟练掌握在HTML文件中编写javascript程序的基本操作及在IE浏览器和Firefox浏览器中调试javascript的基本操作。
二、内容1、窗口（window）对象2、编写示例源文件，并调试3、测试一段程序，找出其中的错误，分别在IE和Firefox中进行调试。
三、重点，难点及处理方法测试程序并找错误四、教学过程1、导入展示第四章实训项目作品2、新课讲授（1）窗口（window）对象1.窗口对象的常用属性和方法窗口对象的常用方法：2.多窗口控制3.输入输出信息五、教具，课件及挂图所用的教室为多媒体实验室，PPT展示和演练相结合。
六、作业及辅导课上辅导和答疑。
十二、课后小结：本节课学习到的属性和方法非常多，学生接触起来比较困难2014 - 2015学年第1 学期第10周星期3第3、4节2014年11月19日第8章JavaScript其他常用窗口对象3教案内容：一，本次课的教学目标；二，内容及课时分配；三，重点，难点及处理方法；四，教学过程（也可另用备课纸）；五，教具，课件及挂图；六，作业及辅导；七，课后小结。
一、教学目标认识和掌握一些对象，熟练使用他们。
二、内容1、网址（location）对象2、历史记录（history）对象3、框架（frame）对象三、重点，难点及处理方法理解Javascript示例四、教学过程１、导入同学们，HTML文件有一些交互式的功能没法在客户端实现，怎么办呢？我们可以借助javascript。
那么什么是javascript呢？它有哪些特点？又是如何使用的呢？2、新课讲授（1）网址（location）对象1.网址对象的常用属性和方法网址对象的常用方法：3.网址对象的应用实例（２）历史记录（history）对象1.历史对象的常用属性和方法2.历史对象的应用实例（３）框架（frame）对象1.框架对象的常用属性和方法2.框架对象的应用实例3、巩固练习跟着老师一起来联系第八章的各个对象示例五、教具，课件及挂图所用的教室为多媒体实验室，因此所要板书的内容及使用的工具均在计算机上用PPT课件进行演示。