动态网页制作教案

动态网页制作

教师授课教案

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

重点：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）对象

五、教具，课件及挂图

所用的教室为多媒体实验室。

六、作业及辅导

练习课本上的示例

九、课后小结：