《网页设计与制作教程 第4版 教学课件 ppt 作者 刘瑞新第11章 多媒体对象》由会员分享，可在线阅读，更多相关《网页设计与制作教程 第4版 教学课件 ppt 作者 刘瑞新第11章 多媒体对象（12页珍藏版）》请在金锄头文库上搜索。
1、网页设计与制作教程 (第4版）,机械工业出版社同名教材 配套电子教案,多媒体对象 实训,第11章 多媒体对象,11.1.1 多媒体对象的格式 在网页中添加多媒体对象可以使制作出的网页变得有声有色。目前，在网络上可以播放的音频和视频文件格式如下。 1音频格式 音频格式主要包含WAV、MP3、MIDI、AIF和RA等文件格式。 2视频格式 视频主要有RealMedia、Windows Media、QuickTime三种视频文件，其中RealMedia和Windows Media格式在目前国内使用比较广泛。,11.1 多媒体对象,11.1.2 案例一：为曙光大学网站校园风采网页添加背景音乐 【案例综
2、述】为前面章节中制作的曙光大学网站校园风采网页添加背景音乐。 【案例展示】本例使用的素材是一首MIDI格式的流行音乐，文件名为axs.mid，文件大小23KB。打开校园风采网页时，自动播放一首温馨的MIDI背景音乐。 【学习目标】掌握选择背景音乐素材及添加网页背景音乐的方法。 【知识要点】制作伴随主页打开而自动播放背景音乐的网页。,11.1 多媒体对象,11.1.3 使用声音与视频 除了将音频文件用于网页的背景音乐之外，还可以使用链接或嵌入声音与视频进一步丰富页面的内容。 如果确定浏览者的浏览器中安装有能播放相应格式文件的插件（如RealMedia或QuickTime插件），那么可以通过嵌入的
3、方式将声音与视频直接插入页面中，从而获得更多对媒体的控制（例如，选择是否播放或设置音量）。,11.1 多媒体对象,11.1.4 案例二：制作曙光大学网站MV音乐欣赏页面 【案例综述】综合使用模板技术与嵌入声音视频技术制作曙光大学网站MV音乐欣赏页面。 【案例展示】页面左侧为导航区域，上半部分是“MV欣赏”链接，下半部分是“MP3点播”链接；页面右侧为嵌入的播放插件区域。,11.1 多媒体对象,11.1.5 插入Flash内容 使用Dreamweaver可以在页面中添加Flash内容（包括Flash动画文件和Shockwave影片），然后在文档和浏览器中预览。 1插入Flash动画 向网页中插入
4、用Flash制作好的动画（Flash动画也称为Flash电影）的步骤如下： 将光标定位到要插入Flash动画的位置。 执行“插入”“媒体”“SWF”命令。 2插入Shockwave电影 Shockwave作为Web上交互式多媒体的标准，是一种压缩格式。,11.1 多媒体对象,11.1.6 插入FlashPaper电子文档 FlashPaper电子文档转换工具可以轻易地将任何可打印的文档（Word、Excel等）转换为Swf文件或PDF文件，并且转换后的文件具有很强的保密性，可以防止浏览者进行复制粘贴，从而保护了作者的劳动成果。 由于FlashPaper电子文档转换工具并非Dreamweaver
5、自带的工具，需要单独安装后才能运行。安装成功后，该工具将嵌入到Office软件中以便用户快捷地执行电子文档转换。,11.1 多媒体对象,11.1.7 案例三：制作曙光大学网站实训基地网上实训页面 【案例综述】使用多媒体对象制作曙光大学网站实训基地网上实训页面 【案例展示】页面左侧为导航区域，上半部分是网上实训简介链接和网上实训内容链接，下半部分是友情链接；页面右侧为嵌入的FlashPaper文档或者Flash视频教程。,11.1 多媒体对象,11.2.1 实训一：制作“爱家美食”网站美食在线页面 【实训综述】使用多媒体对象制作“爱家美食”网站美食在线系列页面 【实训展示】页面右侧为导航区域，上
6、半部分是美食在线教程链接，下半部分是餐厅搜索表单；页面左侧为嵌入的美食视频教程。效果如图11-27所示。,11.2 实训,11.2.2 实训二：制作“爱家美食”网站美食推荐页面 【实训综述】使用插入FlashPaper文档技术实现在线阅读美食推荐文档。 【实训展示】页面右侧为导航区域，上半部分是美食推荐文档链接，下半部分是餐厅搜索表单；页面左侧为嵌入的FlashPaper文档。,11.2 实训,1简答多媒体对象的常见格式。 2简答为网页添加背景音乐的方法。 3怎样设置播放插件加载视频或音频时非自动播放？ 4使用嵌入视频播放插件技术制作计算机应用基础网上教程的系列页面。 5将一篇Word文档三字经转换为FlashPaper文档，将其添加到页面中，效果如图11-30所示。 6使用插入Flash动画技术制作播放Flash MV欣赏的网页，网页的中央插入的是已经做好的Flash动画，用户单击动画中的按钮，可以有选择地欣赏MV歌曲，实例效果如图11-31所示。,11.3 习题,
