教科2003课标版《5.2.2CSS样式表》优质课教案下载

教科2003课标版《5.2.2CSS样式表》最新教案优质课下载

二、教学重点与难点

外联、内联和内嵌三类样式表的选择应用

三、教学方法

任务驱动法，让学生在“碰壁”中寻求解决问题的突破口。

四、教学过程

（一）创设情境，呈现主题。

教师活动学生活动设计意图1. 观看“俄罗斯世界杯视频”。（ppt）

2018年世界杯在俄罗斯举行，众所周知，每四年一次的世界性足球盛会，受到全球人们的瞩目和爱戴，并以进入世界杯为最高荣誉。我校足球爱好者以2018世界杯为主题制作了一个专题网站。

2. 呈现“2018世界杯”专题网站。（ppt）

引导学生对专题网站进行美化。

3. 引导学生对2018世界杯专题网站进行美化。

一、实践活动（1）：

用FrontPage2003打开桌面上“FIFA”文件夹中的“sjbjs.htm”文件，完成以下操作：

1.将网页中的“世界杯简史”设置为“楷体”、“14磅”、“红色”。

2.依次设置表格表头“届次、赛事名称、举办地点”为上述同样的样式。

思考：若要将以上标题的颜色统一改成黄色，该如何做？若有更多类似的标题需要同时更改样式，如何更高效?

(1)学生尝试操作。

(2)学生演示。

(3)教师演示。

用css样式表来完成任务一：将“h4.txt”中的代码粘贴到“sjbjs.htm”的区中。

将标题4的字体颜色修改为“黄色”，学生观察效果。

4. 呈现课题：

刚才老师用了CSS层叠样式表来实现网页格式的修改，这节课我们就一起来学习动态HTML的另外一种核心技术：CSS层叠样式表。

PPT呈现课题：5.2.2 CSS样式表。观看视频，进入上课状态

思考、完成网站的美化。