基本信息
文件名称:《网页制作三合一案例教程(CS5)》教案---第10课-使用CSS与Div设置网页样式与布局(3).pdf
文件大小:1.29 MB
总页数:7 页
更新时间:2025-03-13
总字数:约1.4万字
文档摘要

课题第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)