网页设计与制作作者朱金华第11章网页多媒体实现课件.pptxVIP

第11章 网页多媒体实现教学目标掌握HTML5中多媒体元素的基本属性、常用方法和重 要事件。2. 熟悉HTML绘图的方法。3. 熟悉CSS动画设计。教学内容11.1 多媒体元素基本属性11.2 HTML绘图基础11.3 CSS动画设计11.4 网页中的Flash动画与视频教学重点和难点 重点：HTML5中的多媒体元素、HTML绘图基础、CSS动 画设计。难点：HTML绘图基础、CSS动画设计。导入： 在HTML4或之前版本中常常引用Flash插件来实现Web页面中播放视频或音频文件，通过object、embed元素设置一些低效、冗余的属性来实现，使用时不仅不便，而且还存在页面安全的隐患。因此，HTML5中新增了video和audio元素和对应的API文件来实现视音频的播放。11.1 HTML5中的多媒体元素11.1.1 多媒体元素的基本属性 在HTML5中播放视频与音频文件十分简单，只需添加video或audio元素，并简单设置元素的一些基本属性，就可以在页面中播放多媒体文件。 1. 元素格式 video用于影视文件的播放，audio用于音频文件的播放。在两个多媒体元素的开始标记与结束标记间放置文本内容，可以在不支持该元素的浏览器中使用，即如果浏览器不支持这两个多媒体元素，那么将显示开始与结果标记之间的文本内容。由于各大浏览器对音视频格式的支持不相同，本章以支持HTML5和