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