基本信息
文件名称:《HTML5 CSS3项目开发案例教程》教案 第5课 应用HTML5中的图像及多媒体.pdf
文件大小:1.36 MB
总页数:8 页
更新时间:2025-06-12
总字数:约1.02万字
文档摘要

应用HTML5中的图像及多媒体第5课

课题应用HTML5中的图像及多媒体4

课时2课时(90min)

知识技能目标:

(1)学习在网页中应用图像的方法

(2)了解HTML5中流的使用5

教学目标(3)掌握在网页中使用音频、视频的方法

思政育人目标:

提高学生在逻辑思维和辩证思维方面的认识,培养出学生细心谨慎的学习态度以及处

理事情大局观的处理方法,分清主要矛盾和次要矛盾3

教学重点:学习网页中应用图像、音频、视频的方法和操作流程

教学重难点

教学难点:在网页中插入图像、音频、视频

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

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

第1节课:考勤(2min)→导入新知(4min)→知识讲解(20min)→课堂练习(19

min)

教学设计

第2节课:问题导入(4min)→知识讲解(24min)→课堂练习(10min)→课堂

小结(5min)→作业布置(2min)1

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

第一节课2

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

考勤织纪律性,掌握学

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

?【教师】提出问题,引出新知识点

用问题导入,通

前面介绍的都是对文本进行操作,那如何在HTML5中插入图

过问答的方式,让

导入新知像、图标?如何使得HTML5网页内容更加的丰富、美观,图像和

学生主动思考如

(4min)图标的布局又应该如何使用

何在HTML5中

插入图像、图标

?【学生】思考、发言

1

第5课应用HTML5中的图像及多媒体的基基本本

?【教师】总结发言

这个时候就可以利用HTML5中提供的图像等标签来对对象进

3行处理,简化操