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

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

教学目标：

1、通过两种不同方式对字幕字体属性设置的对比，学生能说出样式表（css）的概念及作用；

2、通过连连看小游戏，学生能识记一些简单常见的属性代码，掌握运用css进行样式设置的方法和格式；

3、通过不同的任务环节，学生能在网页html代码中插入样式表（内联、外联、嵌入），并总结归纳各自的特征；

4、通过试验，明确样式表的优先级。

重点与难点：

重点：css嵌入式样式表、内联式样式表、外联式样式表的基本应用。

难点：三种css样式设置的不同方法和格式。

教法分析：

以任务驱动为主，通过模考软件设置环环递进任务，采用演示、启发、实践探究、模拟实战等形式展开教学。

课前准备：

1、学业水平测试模拟题库frontpage专题。

2、本课的教学课件制作利用了希沃互动课堂中的希沃白板5，它能方便快捷地制作思维导图，随心所欲地按照课堂节奏展示各个环节知识点。还有丰富的教学资源，譬如本课采用的连连看互动游戏，让学生在欢乐的闯关下潜移默化掌握了知识。它快捷的云端在线同步、分享与存储，给课堂带来无限便利。

教学过程设计

教学环节一：创设情景，引入新知

[教师活动]：以学生在上节课学习过程中遇到的问题为引：

在网页中插入滚动字幕“乡愁”作为标题，文字设置为隶书、36磅；（必须先插入字幕，再设置文字格式）

（学生已练习过，会利用【字幕属性】——【样式】——【格式】设置来修改）

提问：1.有没有其他的操作能实现此效果？2.这两种操作有何不同？

引导学生从代码区观察比对。

[学生活动]：

答1：先利用【字幕属性】——【样式】——【格式】设置来修改；再利用【格式】工具栏对字幕字体属性进行设置，两者能达到同样的显示效果。

答2：“代码区”观察比对发现：

以下代码是通过【格式】工具栏对字体属性设置，其实是对字体标签设置相关属性face、size的值。