教案《HTML5-CSS3项目开发案例教程》----第7课-使用HTML5添加列表.pdf

使用HTML5添加列表第7课

课题使用HTML5添加列表3

课时2课时（90min）

知识技能目标：

（1）掌握无序列表、有序列表及自定义列表标签的使用方法

教学目标（2）学习列表嵌套的方法2

思政育人目标：

（1）培养学生敢于尝试的勇气

（2）使学生学会多角度看待问题，了解事物的多面性

教学重难教学重点：学习无序列表、有序列表及自定义列表的标签1

教学难点：在HTML5网页中操作列表嵌套

教学方法讲授法、启发法、问答法、演示法、讨论法、练习法

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

第1节课：考勤（2min）→导入新知（4min）→知识讲解（24min）→课堂练习（15

2

min）

教学设计

第2节课：导入新知（4min）→知识讲解（19min）→课堂练习（18min）→课堂

小结（2min）→作业布置（2min）

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

第一节课

【教师】清点上课人数，记录好考勤培养学生的组

考勤织纪律性，掌握学

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

【教师】提出问题，引出新知识

如今，随着技术的不断发展，数据量变得非常的复杂，单个模

通过提问的方

块已经无法满足其需求，所以引入新的数据结构：列表

式，让学生了解

导入新知试问：列表的定义是什么？列表又分为哪几种类型？HTML5中

HTML5中列表的

（4min）的列表与之前学习的列表有什么不同吗？同学们使用过列表吗

概念，激发学生的

【学生】思考、发言求知欲

【教师】总结发言

1

第7课使用HTML5添加列表的基基本本

列表是一种复杂的数据结构，在HTML5中分为有序、无序和

自定义三大类，跟之前编程语言中