文档介绍：《CSS样式表》教学设计
江苏省栟茶高级中学仇雪梅 226406
一、教材分析
“CSS样式表”是教科版高中信息技术(选修)《网络技术应用》的第五章“动态网页制作”中第二节内容。教材中将这块内容分为“什么是CSS样式表”、“CSS样式表的实现”、“在HTML中加入CSS”三部分。学业考试纲要中对这部分的要求是“CSS样式表的简单使用”,对应于理解与独立操作水平,B类要求。
在近年的学业考试中,这部分知识点出题的机率很高,同样学生的出错率也高。此外,学生用FrontPage做网页都习惯用工具按钮、菜单命令来进行网页外观设置,很少使用代码来进行编辑。鉴于以上这两点现状,我认为,锻炼学生分析代码的能力,灵活掌握网页制作的知识,让他们切实地体验到样式表在制作网页时的“神奇”就显得尤为重要。
二、学生分析
通过前一阶段的学习,学生已经对HTML基本标签、动态网页的概念、DHTML的核心技术之一(javascript语言)有了一定的认识和了解,这些内容为CSS的学习作了很好的铺垫。因此,对于学生来说,虽然CSS样式表是全新的内容,但如果教师结合相关案例,联系之前的学习内容,将会有效激发学生自主探索学习的兴趣和热情,使学生的学习更具挑战性。
三、教学目标
(一) 知识与技能
(1)理解CSS样式表的概念。
(2)掌握嵌入式、内联式、外联式三种样式表的使用方法。
(3)通过对三种样式表的亲身实践,感受这三种样式表的优缺点。
(4)通过CSS样式表的学习,提高学生美化网页的技能。
(二)过程与方法
(1)借助WORD排版中的“样式和格式”引入网页中的“CSS样式表”,通过类比,使学生初步了解CSS样式表的作用,激发其学习兴趣。
(2)对于嵌入式、内联式、外联式三种样式表的使用,由教师讲授和演示代码,引导学生自我实践操作,并进行合作学习。
(三)情感价值
(1)培养学生分析代码的能力,锻炼其探索与实践能力。
(2)通过实践过程中合作学习,让学生感受彼此之间的团结协作。
四、教学重难点
本节课的重点是让学生理解CSS样式表的概念,并熟练掌握嵌入式、内联式、外联式三种样式表的使用方法。难点在于培养学生分析代码的能力,使学生举一反三,创造出个性的网页。
五、教学环境:网络机房
六、教学过程
(1)新课导入
教师演示:教师通过终端控制系统,向学生集体展示Word文档1。其中,文档1的内容已经设置了具体的样式(效果如下图):

教师提问:如果现在要求大家快速给三级标题也定义一个样式,该怎么操作?
教师活动:教师分发Word文档1给所有同学,要求大家进行操作。教师巡回辅导,及时了解学生的学习情况。
学生活动:学生进行自我练习,或者相互讨论。
教师演示:教师总结学生的操作情况,并借助“样式和格式”工具,演示如何具体修改文本内容的格式。
教师总结:我们通过刚才的操作,可以概括出:“‘样式’是指用有意义的名称保存的字符格式和段落格式的集合,这样在编排重复格式时,先创建一个该格式的样式,然后在需要的地方套用这种样式,就无须一次次地对它们进行重复的格式化操作了。”
教师提问:那么,我们网页制作中如何定义样式,以减少代码的书写量?今天,我们就来学习网页制作中“CSS样式表的应用”。
【设计思路】:借助WORD排版中的“样式和