Web前端技术项目式教程电子教案 任务六 多媒体嵌入_第1页
Web前端技术项目式教程电子教案 任务六 多媒体嵌入_第2页
Web前端技术项目式教程电子教案 任务六 多媒体嵌入_第3页
Web前端技术项目式教程电子教案 任务六 多媒体嵌入_第4页
全文预览已结束

下载本文档

版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领

文档简介

PAGE1PAGE任务六多媒体嵌入课程名称网页设计项目名称多媒体嵌入任务名称多媒体嵌入课时4项目性质□演示性□验证性□设计性√综合性授课班级授课日期授课地点教学目标能力目标：1.学会使用HTML5中的多媒体元素在网页中播放音频和视频。知识目标：1.了解HTML5支持的音频和视频格式。2.熟悉HTML5中音频和视频的相关属性。素质目标：1.培养学生树立正确的网络伦理和社会责任感。2.培养学生遵守行业标准（如W3C规范）的习惯。教学内容1.任务描述2.任务展示与实现（1）利用编辑工具编写代码并验证其效果（2）学生动手操作3.教师讲解本任务涉及的知识点4.任务小结教学重点（1）实现首页和二级页面的搜索框添加字体图标（2）实现美化意见反馈页面的提交按钮教学难点（1）用javascrpit代码控制音频的播放与暂停教学准备1.装有vscode的电脑2.教学课件PPT3.教材：《Web前端技术项目化教程》作业设计1．制作云景旅游项目首页轮播效果图，图片在images/banners文件夹下。教学过程教学内容与过程（教学内容、教学方法、组织形式、教学手段）做好课前“5分钟”教学管理（多媒体、实训室），做好上课前的各项准备工作（打开电脑、打开课件、打开软件、打开U盘中的素材位置、打开授课计划、教案等），吸引学生注意力。【课前说明】分别从音频文件格式，音频文件嵌入、视频文件格式，视频文件嵌入等知识点进行介绍。【目的】使学生从了解本单元的学习目标、学习重点、考评方式等方面明确学习本单元知识的要求和目标。1．音频文件格式可以嵌入HTML5中的音频文件格式主要包括MP3、WAV、OGG，具体介绍如下。MP3：一种有损数据压缩格式，它的优点是文件容量小、方便存储或播放，缺点是音质一般。WAV：也称为波形文件，能记录各种单声道或立体声的声音信息，并能保证声音不失真，缺点是文件占用的内存空间很大。OGG：同样是一种音频压缩格式，相比MP3，OGG可以提供更好的音质。2．音频文件嵌入3．视频文件格式可以嵌入HTML5中的视频文件格式主要包括MP4、WebM和OGG，具体介绍如下。MP4：目前支持最广泛的视频文件格式之一，几乎所有的播放器和设备都支持该格式。WebM：一种开放、免费的视频文件格式，特别适用于网页视频。OGG：一种开源的多媒体容器格式，可以包含视频、音频和元数据。4．视频文件嵌入1.中华传统文化网站“传统节日”页面实现2

人人文库> 全部分类> 教育资料 > 课件下载

温馨提示

  • 1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

最新文档

评论

0/150

提交评论