“理解动态HTML之CSS样式表”教学设计

扬州中学教育集团树人学校　李正祥

【教材分析】

“CSS样式表”是高中信息技术选修(教科版)《网络技术应用》的第五章“动态网页制作”中的内容。本节内容是第五章的重点之一。这一节是在学生了解了客户端脚本语言的基础上的学习，教材首先是介绍了CSS样式表的概念和功能、然后是通过简单的例子来说明CSS的作用以及使用方法。因此“嵌入式、内联式、外联式三种样式表的使用方法”是本节的重点，同时“体会CSS样式表的优点”也应该是一个重点。学生以往做网页都习惯用菜单命令、工具按钮来进行网页外观设置，使用代码对学生来说有难度不小，所以有必要通过让学生体会CSS样式表的优点使学生明白为何我们要学习这部分内容。

【教学目标】

1、知识与技能：

(1)知道什么是CSS样式表。

(2)体会CSS样式表在网页制作中的作用和优点。

(3)掌握嵌入式、内联式、外联式三种样式表的使用方法。

2、过程与方法：

(1)能够通过学习网站进行自主学习，理解在网页中加入CSS样式表的过程与方法。

(2)通过对三种样式表的亲身实践，感受这三种样式表的优缺点。

(3)能够根据实际需要，选择合适的添加CSS样式表方法美化自己的网页。

3、情感态度与价值观：

(1)通过CSS样式表的学习，提高学生美化网页的技能。

(2)培养利用网络进行自主学习、实践的能力，培养学生良好的科学研究态度。

(3)通过实践过程中的合作学习，培养学生主动思考、积极参与、团结协作的精神。

【教学重点、难点】

教学重点：

(1)什么是CSS样式表。

(2)嵌入式、内联式、外联式三种样式表的使用方法。

(3)体会CSS样式表的优点

教学难点：三种常用的CSS样式表的区别及特点。

【学情分析】

教学对象是高二级学生，经过以前的学习，已经认识了动态网页，他们已具有较熟练的计算机操作技能和较强的利用网络学习的能力。而且在之前的课时里学生已经对小组网站进行了详细的规划，并学习了FrontPage软件的基本功能和简单的网页元素编辑，对HTML的标签及属性也有了了解。

【教学方法】

学生自主探究，分层任务驱动，教师讲解，小组协作学习

【教学资源】

网络机房、作业存储系统、CSS样式表教学课件、学生辅助学习网站

【教学过程】

教 学 反 思

本节课通过网页的美化引入，激发学生的求知欲，这比单纯地讲样式表的原理要好。本节课通过让学生自主探究学习完成基本要求的任务，帮助他们记忆和理解CSS的概念和格式，从而能够掌握CSS的使用方式，课堂气氛很活跃，学生做练习也很认真，有效地调动了每个学生的积极性，在此基础上又针对学有余力的同学设计了提高拓展任务，教会他们学习的方法，让每个学生有成就感。但是样式表格式容易忘记，导致不少同学完成任务的速度慢，因此样式表的格式代码还需在以后的课上再次强化。还有个别小组任务由少数同学包办，这样也有悖于分组协作学习，因此分组要注意搭配，要让组内成员充分交流，让同学们在交流中培养合作意识。