说课吧首页 阅览说课吧说课稿职高中职说课稿> 正文

CSS样式表说课稿

本站微信

《网页服饰—CSS样式表》说课稿

一、设计背景
1.教材:《中文版DW+FLASH+PS网页制作三合一教程》
2.年级: 
3.教材章节:第7章第1节
4.课时:1
二、设计思想
从学生的学习需求出发设计学习内容,根据学生的学习基础设计恰当的学习活动,通过自主学习的方式,帮助学生获得知识的建构和运用。
三、教学分析 
(一)教材分析
1、本章的《课程标准》内容
学习本章是静态网页制作的必修课,也是设计网页的关键技术。虽然,本章中介绍的技术都有一定的难度,但我们可以通过一些好的应用实例让学生了解或初步理解这些技术方法,培养学生对网页技术发展的适应能力。
2、教学内容分析
CSS样式表, 主要介绍了动态HTML核心技术之一CSS样式表的基础知识和实现方法,是本章的一个重点和难点。通过学习和实践,学生应了解CSS技术的基础知识,并能简单地使用CSS优化网页。本段内容计划2课时完成。第一课时主要介绍CSS的概念和特点。本节课是CSS样式表的第2课时,主要内容是引领学生深入学习CSS样式表的基本操作和实现方式。其中,超级链接的样式及如何处理CSS冲突是本节的重点也是难点。
通过本课学习,让学生体验CSS在网页设计中的应用,了解网页技术在生活和学习中的应用价值,激发学生学习和应用网页技术的兴趣。
3、教材处理思路
遵循“用教材教”的思路,努力用活教材。(1)掌握学生的实际情况,开发教材。例如:如何改进以往修改网页的方法,使得效率更高作为目标引入课程内容。(2)根据实际情况对教材内容进行了扩充。例如:补充介绍了同一个网页中多种超链接标记的样式设置,以及解决CSS冲突的方法帮助学生更好地理解CSS样式表的应用。(3)提炼教材范例的精髓,结合生活实际设计素材网页。例如:“我们的奥运”网页。
(二)学情分析
1、基本情况
通过上节课的学习,同学们已经了解了CSS的概念和简单操作,这为本节课学习打下了良好的基础。
2、可能遇到的困难
虽然学生储备了一些CSS知识但无法独立地使用CSS解决实际问题,对CSS在网页中的应用缺乏认识和理解。
3、可能的学习策略
学生可以通过自主学习和实践,体验CSS的应用。提供操作演示视频,课后学生可以对照复习练习。
(三)教学目标分析
1、知识与技能:
(1)通过学习和实践,掌握利用CSS对普通文字、图片、表格等的格式进行设置。
(2)通过学习和实践,掌握利用CSS对超链接文字的格式进行设置。
(2)通过学习和实践,能够处理CSS的冲突。
2、情感态度与价值观:
(1)通过使用CSS设置网页中不同对象的样式效果,体验CSS技术在网页制作中的优点。
(2)用实际问题体验技术,用技术解决问题,引导学生理论联系实际。
(四)教学重点和难点分析
1、教学重点:
标签设置、超级链接、CSS冲突。
2、教学难点:
超级链接、CSS冲突。
3、解决策略:
重点讲解、课堂设问、训练;提供操作视频,引导学生课后自主学习; 
(五)教学策略
1、通过创设问题情境引入学习。
2、通过问答法帮助学生归纳、梳理所学的知识,提升对知识的理解和认识。
3、利用启发法引导学生运用理论创新实践,提高技术应用的水平。
4、通过交流评价,加深学生对知识内容的理解,促进其对技术应用的认识。
5、提供学习资源(操作视频),指导学生课后自主学习。
四、教学资源
(一)硬件:
计算机网络教室。
(二)软件:
电子教室、DreamWeaver 8、评分程序、课件、学习资源(操作视频)、系列网页及“我们的奥运”网页。
(三)学生课前活动:
复习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的理解和认识,激发同学学习网页设计的兴趣。

相关阅读推荐:

CSS样式表说课稿

[]
分享到:
看过本文的人还看过

说课视频