1、本网站免费注册后即可以下载,点击开通VIP会员可无限免费下载!
2、资料一般为word或PPT文档。建议使用IE9以上浏览器或360、谷歌、火狐浏览器浏览本站。
3、有任何下载问题,请联系微信客服。
扫描下方二维码,添加微信客服
教科2003课标版《5.2.2CSS样式表》教案优质课下载
【学情分析】
CSS样式表是选修《网络技术应用》的最后一章节的内容,是在第四章节基础上的延伸,在前面几章节中,学生对主题网站的设计、利用Frontpage制作静态网页以及HTML语言基础有了基本掌握。CSS对学生来说是全新的内容,学生需要通过大量的实例来帮助学生理解三种方式CSS样式表的格式及使用方法,并让学生在实际任务操作中熟练CSS的使用并体会其优势。
【教学分析】
本节课主要让学生掌握CSS样式表的概念,学生不仅能够理解三种样式表,即内联式样式表、外联式样式表、嵌入式样式表的格式及使用方法,还能够根据实际需求将其合理运用于网页中。本节课将采用任务驱动法,以小组合作的形式,结合若干实例,引导学生在实际操作中理解概念,掌握CSS的使用方法。
【教学目标】
知识与技能:学生了解CSS样式表的概念及三种样式表,能够根据实际情况,选择合适的样式表对网页或进行修改。
过程与方法:通过自主探究法、任务驱动法及小组合作法,利用若干实例,通过对比掌握3中样式表的格式及作用,通过实际操作体验CSS样式表的优势。
情感态度与价值观:学生利用简单的HTML语言实现CSS样式表的功能来优化网页,通过设置学生通过探究能够完成的任务,让学生获得成就感,从而让学生对网页制作、HTML产生学习兴趣,从而让学生乐意使用CSS,乐意学习相关知识。
【重难点】
教学重点:CSS样式表的概念及其三种样式表的格式及使用方法。
教学难点:学生能够根据实际需求,选择合适的、恰当的样式表。
【教学过程】
环节教学过程及内容学生活动教学意图引入
新课
总结师:请学生结合上一章节中的网站设计及HTML代码的知识点,比较以下两个网页的不同之处?
提问:对于第二个网页中的不同之处,我们可以用HTML代码中哪个标签来实现呢?
师:除了刚才通同学们提到的标签,对于网页外观的整体设计,我们还可以利用CSS样式表来实现,这节课我们就来学习一下CSS样式表。
CSS
CSS就是Cascading Style Sheets,中文“层叠样式表”,简称“样式表”,主要是用来进行网页风格设计的。
基本语法:
选择符{属性A1:值A1;属性A2:值A2;…}
举例:
h1
{
font-family:宋体;