文档介绍：教学案例基本信息
设计者
 
单位
高级中学
案例名称
 《网页格式化》——CSS样式表教学案例
适应范围(标明年级和模块)
 高一网络技术应用(选修)
课时
 
 
《网页格式刷》
——CSS样式表教学案例
【教材分析】
“CSS样式表”是高中信息技术选修《网络技术应用》的第五章“动态网页制作”中的内容。教材中将这块内容分为“什么是CSS”、“CSS实现”、“在HTML中加入CSS”三部分。本节内容的重点应该是“运用CSS进行样式设置的方法和格式”及“在HTML中加入CSS的三种方法”。因此我认为将“CSS实现”与“在HTML中加入CSS”两部分结合在一起讲比较好。此外,我认为“体会CSS样式表的优点”也应该是一个教学重点。学生以往用FrontPage做网页都****惯用工具按钮、菜单命令来进行网页外观设置,使用代码对学生来说是件令他们头疼的事,所以我认为有必要通过让学生体会CSS样式表的优点让学生明白为何我们要学****这部分内容。
【教学目标分析】
1、知识与技能
(1)什么是CSS样式表。
(2)CSS样式表的优点。
(3)嵌入式、内联式、外联式三种样式表的使用方法。
(4)通过对三种样式表的亲身实践,感受这三种样式表的优缺点。
2、过程与方法
(1)通过WORD排版中的“格式刷”引入网页中的“CSS样式表”,通过类比,使学生初步了解CSS样式表的作用,激发学****兴趣。
(2)对于CSS样式表的概念和优点主要由教师讲解,并让学生在实践操作中感受样式表的优点。
(3)对于嵌入式、内联式、外联式三种样式表的使用,由教师讲授方法和代码的书写格式要求,由学生根据实例要求自我实践操作。
(4)在学生的实践操作过程中,让完成较快的学生充当小老师,帮助其他同学发现和改成错误。
3、情感态度与价值观
(1)通过CSS样式表的学****提高学生美化网页的技能。
(2)培养学生的探索、实践能力。
(3)通过实践过程中的“小老师”角色,让学生感受同学之间的互助友爱,团结协作。
【学情分析】
通过前阶段的学****学生已经认识了动态网页,并对HTML的标签及属性也有了了解。考虑到我所在学校的学生学****能力、领悟能力比较强。因此虽然CSS样式表对于学生来说是全新的内容,但如果教师采用“讲授概念→操作演示→学生操作”的模式上课,将无法激发学生自主探索学****的兴趣和热情,所以我采用了教师讲授概念和方法,然后由学生自主探索实践操作,使学生的学****更具挑战性。
【教学重点、难点分析】
1、教学重点
(1)CSS样式表的概念。
(2)体会CSS样式表的优点。
(3)嵌入式、内联式、外联式三种样式表的使用方法。
(4)CSS代码的书写格式,输入的准确性。
2、教学难点
(1)三种样式表在使用上区别。
(2)CSS代码的书写格式。
【教学过程】
[新课导入:]
教师活动:教师展示两篇WORD文档A和文档B,文档A已经进行了文字字号、字体、颜色、行距、首行缩进等排版,文档B未进行任何排版。
教师提问:同学们,在WORD编辑中,有什么方法能让文档B以最快捷的速度排版成文档A的字号、字体、颜色、行距呢?
学生活动:部分学生思考后回答“格式刷”。
教师活动:教师迅速的利用格式刷将文档B设置成文档A的排版外观。
教师活动:教