《网页服饰—CSS样式表》说课稿
教学环节
|
教学资源
|
教师活动
|
学生活动
|
设计意图
|
创设情境
引入新课
(2分钟)
|
评分程序
|
说明本节课的开展方式主要为问答评分式,鼓励学生积极回答问题和演示操作。
|
分为4个小组,做好抢答准备。
|
引入竞争机制,使课堂气氛既轻松又充满期待。
|
1、“我们的奥运”网页
2、课件
|
1、提出问题:如何实现动态改变同一张网页的颜色布局?用以前的属性设置的方法可行吗?
2、设问:网页上有哪些元素?我们可以试着用CSS样式表分别对这些元素进行设置吗? 引入课题。
|
1、如何动态设置css样式表是以后要讲的内容,为学生留有悬念。用以前的方法不可行。
2、回答:元素有文字、图片、表格、超级链接等。
|
让学生自己发现问题,分析问题,并得出结论。
|
|
提出任务一
(3分钟)
|
“字体、图片(CSS类)”网页、评分程序
|
1、了解学生以往制作网页时设置文字图片的方法?
2、提出任务一:用CSS样式表设置。
|
学生回答问题并操作演示并评分。
|
从最简单的设置入手,帮助学生快速入门,激发大家的学习动机。
|
学习新知
完成实践
(5分钟)
|
1、探究任务一中图片边框的设置方法
2、“表格背景、边框(CSS类)”网页
|
1、 讲解图片设置中的边框、边界等概念。
2、 引导学生通过自主探究或自主学习,完成表格背景、边框设置。
|
1、 学生根据图片的边框设置自主完成表格背景、边框设置。
2、 操作演示评分。
|
让学生通过自主学习,解决新的问题。
|
提出任务二
(5分钟)
|
1、设问:HTML中标签的作用是什么?标签的属性可以设置吗?
2、设问:如果不用“套用”操作,有什么好处?
|
1、 回答:标签是定义网页中各种元素的,属性就是标签中定义的元素的属性。
2、 回答:加快了操作速度,提高了效率。
|
用标签属性的设置及省略套用的意图引出CSS样式表的标签类型的作用。
|
|
自主探究
应用新知
(5分钟)
|
“网页背景、段落等(CSS标签)”网页
|
1、帮助学生分析任务并提供样例,启发学生进行新知识的实践。
2、巡回指导解决学生实际操作中遇到的问题。
|
1、 学生自主设计CSS标签。
2、 操作演示并评分。
|
进一步应用知识,提升技术能力。
|
提出任务三
(5分钟)
|
“超级链接(CSS高级)”网页
|
1、 超级链接有几种状态?
2、 以往设置超级链接是使用什么方法?
3、用CSS样式表怎样设置?
|
1、 回答:四种状态。
2、 学生操作、评分。
|
通过复习以前知识为将要介绍的CSS高级操作做知识准备。
|
学习新知
完成实践
(10分钟)
|
“超级链接(CSS高级)”网页
|
1、 讲解CSS高级设置
2、 讲解同一张网页上多中超级链接的设置方法。
3、 巡回指导解决学生实际操作中遇到的问题。
|
1、 学生自主设计。
2、 学生操作、评分。
|
进一步应用知识,提升技术能力。
|
提出并解决疑问
(5分钟)
|
“解决CSS冲突(同名、多个CSS文件)”网页
|
1、 如果在一个CSS文件中有多个样式名称相同,页面将应用哪一个?
2、 如果在一个页面中有多个同名的CSS文件,页面又将应用哪一个?
3、 操作演示讲解解决CSS冲突的方法。
|
回答总结CSS冲突解决方法并评分。
|
提升学生解决CSS样式表在实际应用中的突出问题的能力。
|
拓展及总结
(5分钟)
|
1、请同学谈一谈今天的学习收获和感想。
2、教师总结,提出CSS其他应用实例,激发学生课后探究的兴趣。
3、感谢和鼓励学生在今后的学习中提出更多好的问题。
|
1、学生谈对CSS应用的认识和体会。
2、感受CSS应用带来的惊奇,产生继续探究信息技术的兴趣。
|
发现CSS技术的魅力,加深同学们对CSS的理解和认识,激发同学学习网页设计的兴趣。
|
相关阅读推荐: