1、本网站免费注册后即可以下载，点击开通VIP会员可无限免费下载！
2、资料一般为word或PPT文档。建议使用IE9以上浏览器或360、谷歌、火狐浏览器浏览本站。
3、有任何下载问题，请联系微信客服。
扫描下方二维码，添加微信客服
《5.2.2CSS样式表》教案优质课下载
【教学策略】
课堂中，首先通过为网页中的多幅图片进行相同的设置，让学生发现问题：多次操作相同繁琐，从而引入新课；CSS样式表的基本知识，让学生自主学习； 根据实践活动，探究学习CSS样式应用于HTML文件的3种方法。
【教学目标】
１、知识与技能：
（１）了解CSS样式表的基本概念；
（２）掌握嵌入、内联、外联三种样式表的作用、格式及使用的场合；
（３）能根据实际需求合理应用样式表来统一页面的风格。
２、过程与方法
通过学生对三种样式表的实践体验归纳出三种样式表的优势和合适的使用场合。
３、情感态度与价值观
通过罗列更多的样式属性，展示更多的样式表的页面，提高学生的探究和实践精神，产生学习用CSS样式设计网页的兴趣。
【教学重点与难点】
重点：CSS应用于HTML文件的3种方法。
难点：能根据实际的需要选择适当的样式表应用方式，并正确使用。
【教学过程】
请学生打开桌面上mysite网站，对fengjing.htm网页中的多幅图片进行设置，从而让学生发现问题：每幅图片设置的操作相同，都在做重复的操作，很麻烦。然后教师演示：在源代码的body区域中，添加代码，让学生看看，网页有什么变化？
想一想：为什么，老师在加入代码后能快速的对图片进行设置呢？从而引入课题：CSS样式表。
设计意图：通过学生的自身体验，让他自己发现，这些操作如果逐一修改，会很麻烦，相当浪费时间，激发学生思考如何才能快速完成。然后演示在其源代码中插入新代码，快速完成操作，使学生惊讶于变化之快，从而源发学生浓厚的学习热情。
一、什么是样式表
那么，什么是CSS样式表呢？使用CSS的优点有哪些？
请学生阅读桌面上CSS样式表.PDF文件，第1小节；然后请学生回答以下问题：
1、CSS样式表是？
2、什么是样式？
3、CSS样式表作用？
4、CSS样式表的优点？