“神奇的CSS层叠样式表”教学设计 高二选修《网络技术应用》的第四单元

南京市人民中学　陈　莉　210005

一、设计思想、学情分析

本节课是中国地图出版社高二选修《网络技术应用》的第四单元建设网络家园第四节动态网页中的第四小点层叠样式表的内容。在这之前学生已经掌握了使用FrontPage制作网页的基本方法，并且有了自己的网站，而且对HTML有了一定的了解，掌握了几种基本的标记及其用法，能够在网页中插入动画、视频等多媒体素材，能使用一些简单的网页特效来增添网站的动态效果。但学生的网页还普遍存在着一些不足之处，主要是字体不统一，有大有小不整齐，颜色杂乱，超链接死板、站内各页面风格不一致等，总之看起来就是没有专业网站正规。如果要求学生一点一点地去修改工作量太大，而且还不一定能达到预期的效果，所以这里要向学生介绍专业网站对网页风格处理的方法――CSS层叠样式表。

层叠样式表对学生来说难度还是很大的，它主要是靠HTML代码来实现效果的，而且属性代码又多，学生掌握起来很困难，因此这部分的内容应当从小处入手，从学生感兴趣的地方入手，给学生一些简单可行的任务来实践。主要是要教给学生用CSS来控制页面风格的方法，更多具体的效果还是要求学生课后自己探索获得。

二、教学目标

[知识与技能]：掌握CSS层叠样式表的含义和种类，掌握几种常见样式表的使用方法，理解内联样式表和外部样式表的用处

[过程与方法]：通过对已有网页代码和效果的分析和在学习网站上的任务练习掌握内联样式表和外部样式表的使用方法并能总结出各自的特点，通过在网上的自主探究在自己的网页上实现更多的CSS样式效果。

[情感态度与价值观]：知识是无穷尽的，在课堂里只是学习方法，更多的知识需要在平时的学习生活中去自己探索，学了CSS层叠样式表之后比一比看谁的网站风格更好。

三、教学重点

内联样式表和外部样式表的格式方法以及各自的特点

四、教学难点

1、内联样式表的格式

2、外部样式表的格式

五、教学环境

[硬件]：网络机房

[软件]：CSS层叠样式表网络版课件

六、教学过程