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

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

课时2课时（90min）

知识目标：

（1）掌握边框、列表和定位样式属性的含义及设置方法

（2）能够应Div＋CSS构建网页布局

技能目标：

教学目标

（1）能够设置边框、列表和定位样式属性

（2）能够灵活运用各类CSS样式

素质目标：

实践是检验真理的唯一标准，学习理论知识的同时，要注重知识的运

教学重点：边框、列表和定位样式各类属性的含义

教学重难点

教学难点：应Div＋CSS构建网页布局

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

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

第1节课：课前任务→考勤（2min）→问题导入（3min）→传授新知（35min）→课堂讨论（5min）

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

业布置（2min）

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

第一节课

【教师】有人将HTML比做身体，CSS就好比是衣服，让学生总结CSS在网页通过课前任务，

课前任务当中的作用让学生了解CSS控

制网页外观的作

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

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

考勤

织纪律性，掌握学生

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

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

温故而知新，在

上节课我们介绍了类型、背景、区块和方框样式属性，那么边框、列表、定位和

问题导入上节课的基础上，引

扩展有哪些样式属性？

（3min）出本节课要学习的

【学生】聆听、思考、回答知识

【教师】总结学生的回答，导入本节课内容：设置CSS样式属性

通过教师讲解、

【教师】讲解新知，介绍如何设置CSS样式属性

课堂问答和多媒体

传授新

任务五设置CSS样式属性演示等方式，让学生

（35min）