DreamweaverCS3中文版应用教程第6章插入多媒体组件重点内容:•添加Flash对象•添加Shockwave电影•添加JavaApplet程序•使用ActiveX控件•使用插件•链接声音文件DreamweaverCS3中文版应用教程一、网页中的多媒体对象1.网页音频格式•MIDI或MID格式:文件非常小。•WAV格式:声音品质好,文件大。•AU格式:最早用于网站的声音文件格式,音质差,文件小。•RA、RAM、RPM或RealAudio格式:采用流式传输方式,传输和播放同时进行。•AIF或AIFF格式:与WAV格式类似,声音品质较好。•MP3格式:声音品质非常好,可以对文件进行流式处理。DreamweaverCS3中文版应用教程一、网页中的多媒体对象2.网页视频格式•MPEG-1:相当于VCD的质量。•MPEG-2:文件最大,质量较好。•AVI:文件较小,应用广泛。DreamweaverCS3中文版应用教程一、网页中的多媒体对象3.网页动画网页中所用的动画文件主要有GIF动画和Flash动画两种形式,以Flash动画为主。Flash是Adobe公司出品的专业动画制作软件,用它制作出的动画文件较小、效果华丽,还可播放MP3音效,互动效果极佳,因此被大量地用于网页。在网页中使用的Flash动画文件通常是SWF格式的,它是在Flash程序中创建的FLA文件的压缩版本,针对网页进行了优化,可在浏览器中播放。DreamweaverCS3中文版应用教程二、添加Flash对象1.Flash的文件类型•Flash文件(.fla):即FLA文件,是所有项目的源文件,在Flash应用程序中创建。•FlashSWF文件(.swf):Flsah(.fla)文件的压缩版本,已进行了优化,可以在Web上查看。•Flash模板文件(.swt):使用Flash模板文件可以修改和替换FlashSWF文件中的信息。•Flash元素文件(.swc):用户可以将Flash元素文件合并到网页来创建丰富的Internet应用程序。•Flash视频文件(.flv):这是一种视频文件,包含经过编码的音频和视频数据,用于通过FlashPlayer进行传送。DreamweaverCS3中文版应用教程二、添加Flash对象2.插入Flash动画在“常用”工具栏中单击“媒体”按钮右侧的三角按钮,从弹出的菜单中选择“Flash”命令,打开“选择文件”对话框,从中选择要插入的Flash动画。单击“确定”按钮,即会在文档中插入一个Flash占位符。保存文件后,用户可按F12键进入默认浏览器,浏览Flash动画效果。DreamweaverCS3中文版应用教程二、添加Flash对象3.插入Flash按钮对象在“常用”工具栏中单击“媒体”按钮右侧的三角按钮,在弹出的菜单中选择“Flash按钮”命令,打开“插入Flash按钮”对话框,选择按钮样式并进行其他相关设置。DreamweaverCS3中文版应用教程二、添加Flash对象4.插入Flash文本对象在“常用”工具栏中单击“媒体”按钮右侧的三角按钮,从弹出的菜单中选择“Flash文本”命令,打开“插入Flash文本”对话框,从中进行相关设置。DreamweaverCS3中文版应用教程二、添加Flash对象5.插入FlashPaper文档在“常用”工具栏中单击“媒体”按钮右侧的三角按钮,从弹出的菜单中选择“FlashPaper”命令,打开“插入FlashPaper”对话框,选择FlashPaper文件并设置对象的高度和宽度。DreamweaverCS3中文版应用教程二、添加Flash对象6.插入Flash视频单击“常用”工具栏中的“媒体”按钮右侧的三角按钮,在弹出的菜单中选择“Flash视频”命令,打开“插入Flash视频”对话框,从中进行所需的设置。DreamweaverCS3中文版应用教程二、添加Flash对象7.设置Flash对象的属性在文档窗口中选择已插入的Flash对象的占位符,即可在属性检查器中显示该对象的相关属性,用户可以根据需要在此更改其属性。下图所示的是Flash动画对象的相关属性,其他类型的Flash对象的属性与此大同小异。DreamweaverCS3中文版应用教程三、插入Shockwave电影1.插入Shockwave电影在“常用”工具栏中单击“媒体”按钮右侧的三角按钮,从弹出的菜单中选择“Shockwave”命令,打开“选择文件”对话框,从中选择一个Shockwave文件文件,单击“确定”按钮。2.设置Shockwave电影属性插入Shockwave文件后,在文档中会显示Shockwave文件的占位符。选择该占位符,可在属性检查器中显示Shockwave文件的相关属性。DreamweaverCS3中文版应用教程四、插入JavaApplet程序1.插入JavaApplet程序单击“常用”工具栏中的“媒体”按钮右侧的三角按钮,从弹出的菜单中选择“APPLET”命令,打开“选择文件”对话框,从中选择一个Applet程序。2.设置JavaApplet程序属性插入JavaApplet程序后,文档窗口中显示JavaApplet程序的占位符。单击JavaApplet图标,属性检查器中即显示相关的属性设置。DreamweaverCS3中文版应用教程五、插入ActiveX控件1.插入ActiveX控件在“常用”工具栏中单击“媒体”按钮右侧的三角按钮,从弹出的菜单中选择“ActiveX”命令,即可在网页中插入ActiveX控件占位符。2.设置JavaApplet程序属性选择ActiveX控件占位符,属性检查器中将显示ActiveX控件的相关属性。DreamweaverCS3中文版应用教程六、在网页中添加声音1.链接到音频文件选择要作为指向音频文件的链接的文本或图像后,在属性检查器中单击“链接”选项右侧的文件夹图标,从打开的“选择文件”对话框中选择所需的音频文件,或者直接在“链接”文本框中输入文件的路径和名称,即可链接到相应的音频文件。DreamweaverCS3中文版应用教程六、在网页中添加声音2.嵌入声音文件在“常用”工具栏中单击“媒体”按钮右侧的三角按钮,从弹出的菜单中选择“插件”命令,从打开的“选择文件”对话框中选择一个音频文件,在网页中添加一个插件图标,然后在属性检查器上单击“链接”文本框旁边的文件夹图标,从打开的对话框中浏览并选择要链接到的音频文件。DreamweaverCS3中文版应用教程五、思考•网页中常见的音频文件有哪些格式?•网页中常见的视频文件有哪些格式?•在Dreamweaver中可以插入哪些多媒体组件?•如何在Dreamweaver中插入Flash动画?•如何为网页添加背景音乐?DreamweaverCS3中文版应用教程本章小结:•了解网页中多媒体的应用。•掌握在网页中应用多媒体元素的方法。