【学习目标】

知识目标：掌握如何建立CSS规则

能力目标：通过具体的实践操作，培养学生的动手能力和语言表达能力，培养学生的探

索性学习和创新能力

情感目标： 进一步加强他们的信息素养，培养团队协作精神。

【学习重点】如何应用css样式表 【学习难点】如何创建选择器 【课 时】2课时

【教学手段】网络机房、多媒体辅助教学。 【教学方法】“演示式”教学法 【授课过程】

一、新课导入

展示已经利用CSS规则制作好的页面，提出问题：这样的页面与之前制作的页面有什么区别？从而呈现CSS制作的好处，引出本节课的教学任务，如何通过建立CSS规则制作页面。

„„

代码中省略号部分缺少的即是CSS样式表定义部分。先把这部分拿去，然后一步步地将CSS样式表填入，以观察CSS带来的变化。样式表定义部分如下

通过一步步地演示，从而引发学生的学习兴趣。

二、讲授新课

1、教师讲授并演示：

一个基本的样式表由选择器、属性和属性值构成。

CSS样式表有属于自己的写法规则。一个标准的CSS写法如下： h1 {

font-family:黑体; }

这里，h1：表示选择符；font-family：是属性，这里表示的是定义字体；黑体：是属性

值，这里表示定义的字体为黑体字。语句font-family:黑体；将属性和属性值结合在一起，称之为声明语句。

声明语句可以有很多句，所有的声明语句都要放在{}内。声明语句的结尾是分号; CSS

样式表的引用需要放在

放到< head>中。 学生练习

2、内联样式，又称行内CSS

页面文本内容

学生练习 3、外联样式表

或者

学生练习 4、多重样式表

在样式表中，如果出现多种样式表，它们之间总有个先后的问题。通常来说，当多个样式表作用于同一个页面对象时，离这个页面对象最的样式表起决定作用。但是，行内样式表始终处于最高级别。

学生练习

学生练习：若有学生无法做出相应操作，鼓励其他同学帮助这位同学探索学习(培养学生的协作学习能力)。

三、 检查学生练习情况，培养团队协作精神以及学生教学生的能力（贯穿学生练习过程中） 学生练习，教师指导(既进行了情感的深化教育，让学生放松地投入到学习中)。

根据学习情况，聘请做好较好的同学，帮助教师指导同学操作(发挥课堂小助手的作用，发展学生自己教自己的能力，解决教师一人无法照顾大多数学习的不足，让更多的学生能及时得到指导)。

四、 课堂情况反馈，教师示范操作巩固

学生操作情况点评、教师小结知识点、教师操作回顾(点评操作中的优点和不足，提出希望，归纳知识点，教师操作回顾，巩固学生所学知识)。

五、布置作业

运用CSS规则，修改之前做的《环保网站》的代码。