课题

Css初识

教学目标

知识与技能

1.进一步熟悉html代码中相关标签和代码的使用；

2、初步了解css样式表；

过程与方法

通过阅读和实践掌握css的两种形式的使用并体验css样式表的作用；

情感、态度与价值观

1、  培养发现问题、解决问题的能力；

2、  养成自主思考、自我探究的学习态度；

重点

Css样式表

难点

内联式样式表

课时

1课时

教学过程

教师行为

学生行为

设计意图

任务一：阅读代码，填空

1、引导学生阅读代码，回顾html代码的基础知识

1、阅读下列一段代码，并完成填空：

<table border="1"  width=100% style="color:red; font-size:20pt"><td>新年短信 </td> </table>

上述代码告诉我们，这是一个网页中（      ）标签，它的边框粗细为（ ）；它的（  ）为100%，在它的单元格里有四个字（          ），字体样式：颜色为（    ），大小为（  ）磅。

2、新建一张网页，并将这段代码放入html代码的适当位置，检查一下你的判断是否正确。

通过阅读代码，回顾html基础知识，掌握嵌入式样式表的使用

任务二、模仿实践

组织学生修改嵌入式样式表，了解样式表的使用

阅读dx.htm中的代码，试找出与任务一中相同的样式，并指出它们分别嵌入在哪些标签里。

动手试试：请给还没有应用样式的短信添加你喜欢的样式。

通过实践，进一步掌握css样式表的使用

任务三、修改css样式表

组织学生进行样式表的修改

将dx.htm中的所有短信都变成深蓝色（darkblue），10pt。

任务四、问题解决

组织学生进行问题解决，从而进一步了解css样式表

问题解决：解决同学预习提出的问题。

理论与实践相联系，进一步理解css样式表，引出内联式样式表

五、内联式样式表

1、展示修改一个代码属性，实现多个字体属性变化，引出css样式表

2、总结内联式样式表的作用范围和基本格式

1、参照书P116，编写内联式样式表

总结：1、内联式样式表的基本格式；

2、嵌入式样式表和内联式样式表的区别。

掌握css样式表的使用

六、课后反思

 本节课是基于一个思想基本点而准备的：让学生有成就感。

关于CSS代码，经过无数次的打磨，学生的学习效果都不是很理想，或者，尽管当时有收获，但遗忘率较高，而且更主要的是，CSS让他们感觉到很难，所以，一遇见代码，先有了畏难的情绪。年年高二的复习中，对代码这一块的失分率仍然占据高位，而考试的试题中，对学生的要求还主要出现在：代码的理解，将代码复制到正确的位置中这样一些基本的操作。

根据这一理解，今年我对新高一的CSS代码降低了难度要求，将以往让学生自己全数输入代码改为以“读懂”代码为主要要求，在此基础上，能够完成简单的代码修改。

在课堂教学中，穿插了学生的问题，这些问题来自于学生的预习，经过一学期的培养，学习的提出问题的能力已经大大提高，而且形成了一定的问题习惯，学会了通过问题反映他们的收获与困惑，并能自主地归纳一节课的重点，我想，这也是我们的课题所追求的目标，有了这一基础，在下一段的研究中，将重点放在如何引导学生对问题进行跟踪与解决，并在这一过程中不断产生出新的问题，以问题来引领学习的深入。