《网页制作三合一案例教程(CS5)》教案---第8课-使用CSS与Div设置网页样式与布局(1).pdf

课题第8课使用CSS与Div设置网页样式与布局（1）

课时2课时（90min）

知识目标：

（1）了解什么是Web标准，以及Web标准的构成

（2）认识Div，掌握创建和选择Div的方法

（3）认识CSS，掌握添CSS的方式，了解CSS的基本语法和选择器类型

教学目标技能目标：

（1）掌握在网页中应用Div的方法

（2）能够通过使用CSS修改网页样式

素质目标：

对待学习，要知其所然，还要知其所以然

教学重点：Div和CSS的使用

教学重难点

教学难点：CSS选择器类型

教学方法问答法、讨论法、讲授法、练习法

教学用具电脑、投影仪、多媒体课件、教材

第1节课：课前任务→考勤（2min）→问题导入（3min）→传授新知（30min）→课堂实训（10min）

教学设计第2节课：问题导入（3min）→传授新知（27min）→课堂实训（10min）→课堂小结（3min）→作

业布置（2min）

教学过程主要教学内容及步骤设计意图

第一节课

通过课前任务，

【教师】让学生上网查询在网页制作领域，什么是Web标准让学生明确我们要

课前任务

制作出符合Web标

【学生】按照要求完成课前任务

准的网站

【教师】使用APP进行签到培养学生的组

考勤

织纪律性，掌握学生

（2min）【学生】班干部报请假人员及原因的出勤情况

【教师】提出以下问题，并随机邀请学生进行回答

通过网页表格

上个项目我们在网页当中使用了表格布局，那么还有没有其他方式实现网页的布布局方式，引出使用

问题导入

局？“Div＋CSS”布局

（3min）

【学生】聆听、思考、回答网页，激发学生学

习兴趣

【教师】总结学生的回答，导入本节课内容：认Div

通过教师讲解、

【教师】讲解新知，介绍认Div

传授新知