《网站前端技术》教案-第14课--CSS与CSS3(五).pdf

课题第14课CSS与CSS3（五）

课时2课时（90min）

知识技能目标：

掌握CSS浮动和定位布局、弹性布局

教学目标

素质目标：

掌握CSS的相关知识，加深学生对网页制作的进一步了解，提升学生的知识储备

教学重点：CSS浮动和定位布局

教学重难点

教学难点：CSS弹性布局（flex）

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

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

第1节课：课前任务→考勤（2min）→问题导入（5min）→传授新知（28min）→头脑风暴（10min）

教学设计第2节课：问题导入（3min）→传授新知（27min）→上机操作（10min）→课堂小结（3min）→作业布置（2

min）

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

第一节课

【教师】布置课前任务，和学生负责人取得联系，让其提醒同学通过APP或其他学习软

通过课前任务，

件，完成课前任务

使学生了解本次课

课前任务请大家了解CSS浮动和定位布局、弹性布局的相关内容。

的主要内容，增加

【学生】完成课前任务学生的学习兴趣

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

考勤

纪律性，掌握学生

（2min）

【学生】按照老师要求签到的出勤情况

【教师】提出以下问题

通过问题导入的

问题导入进行网页布局时，可以通过设定哪些属性，使元素脱离正常的文档流？方法，引导学生主

（5min）【学生】思考、举手回答动思考，激发学生

的学习兴趣

【教师】通过学生的回答引入要讲的知识

3.9CSS浮动和定位布局

通过教师讲解、

【教师】讲解CSS浮动和定位布局的具体内容

课堂互动、演示操

传授新知在网页设计中，HTML元素依照默认规则，会从上到下或从左到右依次排列布局，这被

作等方式