Web前端技术项目式教程电子教案 任务六 多媒体嵌入.docxVIP

PAGE1

PAGE

任务六多媒体嵌入

课程名称

网页设计

项目名称

多媒体嵌入

任务名称

多媒体嵌入

课时

4

项目性质

□演示性□验证性□设计性√综合性

授课班级

授课日期

授课地点

教学目标

能力目标：

1.学会使用HTML5中的多媒体元素在网页中播放音频和视频。

知识目标：

1.了解HTML5支持的音频和视频格式。

2.熟悉HTML5中音频和视频的相关属性。

素质目标：

1.培养学生树立正确的网络伦理和社会责任感。

2.培养学生遵守行业标准（如W3C规范）的习惯。

教学内容

1.任务描述

2.任务展示与实现

（1）利用编辑工具编写代码并验证其效果

（2）学生动手操作

3.教师讲解本任务涉及的知识点

4.任务小结

教学重点

（1）实现首页和二级页面的搜索框添加字体图标

（2）实现美化意见反馈页面的提交按钮

教学难点

（1）用javascrpit代码控制音频的播放与暂停

教学准备

1.装有vscode的电脑

2.教学课件PPT

3.教材：《Web前端技术项目化教程》

作业设计

1．制作云景旅游项目首页轮播效果图，图片在images/banners文件夹下。

教学过程

教学

环节

教学内容与过程

（教学内容、教学方法、组织形式、教学手段）

课前组织

做好课前“5分钟”教学管理（多媒体、实训室），做好上课前的各项准备工