基本信息
文件名称:《网页制作三合一案例教程(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)