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