HTML CSS DIV网页设计与布局（第3版）（微课版）-教案 第5章 多媒体和列表.doc

PAGE7

网页设计与制作

授课教案

学年第学期

学院（部）专业（学部）

课程名称

电子商务网页设计与制作

任课教师

课内形式

理论教学□课内实践□理实一体?习题复习□考核评价□其他活动□

学习量

安排

课内：

课外形式

调查分析?小组研讨□实践任务?理论探究□考核评价□汇报展示□其他活动?

课外：

序号

5

授课日期

月日

月日

月日

月日

授课班级

课内教学内容：

第5章多媒体和列表

课外学习任务：

（1）课前：

以小组为单位，分析如何在网页中添加和使用使用多媒体和列表并以PPT的形式记录下来。

（2）课后：

=1\*GB3①为网页插入指定的视频文件，并设置视频的播放模式。

=2\*GB3②使用audio标签为网页插入一个音频文件，并显示音频文件的播放控件。

=3\*GB3③使用ul标签和ol标签创建嵌套列表

教学目标：

知识目标

掌握向网页中插入视频和音频文件；

掌握设置视频和音频文件自动播放与循环播放；

掌握为视频文件设置封面；

掌握无序列表和有序列表的使用。

能力目标

能够将视频和音频文件插入到网页效果；

能够控制视频和音频的播放模式；

能够灵活使用有序和无序列表。

素质目标

较强的专业知识和自学能力；

丰富知识结构，提升专业知识；

掌握对象模型和事件的使用，理解并应用专业知识。

重点难点及解决方法：

（1）重点：掌握视频和音频文件的在网页中的使用方法

解决方法：通过知识点讲解+课堂示例相结合的方法，教师讲解视频和音频元素如何在网页中使用，引导学生积极思考，掌握相应知识；同时通过课堂示例展示，使学生可以掌握视频和音频播放的相关知识；培养学生的思维能力和分析问题解决问题的能力。

（2）难点：有序和无序列表的使用

解决方法：通过案例解析+启发式教学讲解的方式，细致讲解无序列表和有序列表的使用方法。帮助学生掌握无序列表和有序列表的相关属性的使用方法和技巧。从实用的角度帮助学生提高专业知识。

课内教学授课地点：

教学媒体：微课、PPT课件、网页图片、相关教学视频等。

设备及材料：多媒体计算机、多媒体教学广播软件、网页素材图片、教学载体源文件等。

其它资源：与本次课相关的专业技术论文电子版。

学习效果评价方式：

对理论知识学习效果评价：采用课堂提问、课后习题和查阅技术论文研读笔记的方式；

对技能的评价：教师对学生上交网页作品按制作要求进行综合性评价；

对职业素养的评价：采用学生自评、小组内评价和教师评价相结合的方式。

课后小结：

填表说明：1.序号，指该课程授课的顺序号，应与授课计划一致；2.授课形式在相应的选项打“√”。

课内教学内容及过程

时间分配

方法

及手段

1.多媒体元素

Web的最大魅力就是可以将图像、动画、音频和视频等文件插入网页中，这些图像、动画、音频和视频等统称为多媒体或多媒体文件。在网页中插入多媒体，可以让网页的内容更生动、丰富。HTML支持的多媒体文件格式如表5.1所示。

表5.1HTML支持的多媒体文件格式

多媒体格式

文件扩展名

说明

AVI

.avi

AVI（AudioVideoInterleave）格式是由微软公司开发的

WMV

.wmv

WMV（WindowsMediaVideo）格式是由微软公司开发的

MPEG

.mpg

.mpeg

MPEG（MovingPictureExpertsGroup）格式是因特网上最流行的格式之一，并得到主流浏览器的支持

QuickTime

.mov

QuickTime格式是由苹果公司开发的

RealVideo

.rm

.ram

RealVideo格式是由RealMedia公司针对因特网开发的。该格式允许传输低带宽条件下的视频流，并且由于是低带宽优先的格式，因此，传输质量常会降低

Flash

.swf

.flv

Flash格式是由Macromedia公司开发的。这种文件格式需要对应浏览器安装Flash播放器插件

MPEG-4

.mp4

MPEG-4（带H.264视频压缩）格式是一种针对因特网的格式，也是HTML支持的主要视频文件

式

MIDI

.mid

.midi

MIDI（MusicInstrumentDigitalInterface）格式是一种针对电子音乐设备（例如合成器和声卡）的格式。大多数流行的网络浏览器都支持MIDI

RealAudio

.rm

.ram

RealAudio格式是由RealMedia公司针对因特网开发的。该格式也支持视频

WAV

.wav

WAV格式是由IBM公司和微软公司开发的

WMA

.wma

WMA（WindowsMediaAudio）格式的传输质量优