师梦圆 - 让备课更高效、教学更轻松!
网站地图
师梦圆
师梦圆高中信息技术教材同步教科版选修3 网络技术应用5.2.2 CSS 样式表下载详情
  • 下载地址
  • 内容预览
下载说明

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:宋体;

教材