基本信息
文件名称:《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行处理,简化操