Dreamweaver MX 2004网页制作实例教程 作者 彭鹏 第7章 制作多媒体网页.pptVIP

第7章 制作多媒体网页 学习要点 学习在网页中插入音乐，视频等多媒体文件。 本章讲述如何制作多媒体网页，需要注意的是，在网页中内嵌多媒体文件会影响网页的下载速度，所以在向网页中插入音频或者视频的时候，要注意适当使用。 7.1　在网页中使用声音 7.1.1 声音格式 1．WAV 2．MID 3．MP3 4．RA、RM、RAM 7.1.2 使用声音实例 （1）打开制作好的主页面。 （2）单击“代码”按钮切换到HTML代码窗口，拖拽滚动条到代码后面部分，找到/body标签。 （3）在/body标签前面插入一行，输入如下代码： BGSOUND SRC=sound/mp3_1.mp3 loop=-1 （4）保存页面，按F12键预览页面时即可听到背景音乐。 （5）返回到设计界面，打开选择文件窗口，选择播放的音乐文件“mp3_2.mp3”，单击“确定”按钮。 （6）此时插件并不会在文档窗口中显示具体的内容，而是以一个小图标来表示，在浏览时才显示播放器的外观。 （7）默认的插件占位符很小，不能显示出播放器的外观，单击插件图标，然后在属性面板中修改其宽度和高度。 （8）保存页面后，按F12键浏览页面。 （9）预览时将在页面中显示RealOne播放器样式，单击播放按钮即可播放音乐。 7.2　在网页中使用Flash 7.2.1 插入Flash动画 Macromedia的Flash技术是传递基于矢量的图形和动画的首选解决方案。 与Shockwave电影相比其优势是文件小、网上传输快，任意调节尺寸仍能保持清晰效果，可集成MP3高品质音频。 Flash动画文件的扩展名为.swf。 插入Flash动画的方法如下：将光标置于要插入Flash动画的位置，执行“插入/媒体/Flash”命令；从弹出的“选择文件”对话框中选择Flash文件，单击“确定”按钮即可。 7.2.2 插入Flash文本或按钮 插入Flash文本与插入Flash按钮的操作类似，下面只介绍Flash文本的插入操作。 7.2.3 使用Flash实例 （1）启动Dreamweaver MX 2004，选择菜单“文件/新建”命令新建一个空白网页。 （2）执行“插入/表格”命令在页面中插入一个3行1列的表格。 （3）单击表格的第1行，然后执行“插入/媒体/Flash文本”命令。 （4）在对话框中设置各项参数。 （5）单击“确定”按钮，在表格中插入Flash文本。 （6）单击表格的第2行，执行“插入/媒体/Flash”命令，打开“选择文件”对话框。 （7）在文件列表中选择要插入的Flash文件“happy.swf”，然后单击“确定”按钮将Flash文件插入到页面中，设置单元格对齐方式为居中。 （8）单击Flash属性面板左下方的“循环”和“自动播放”复选框，设置页面载入后不自动播放Flash，设置Flash实例的名称为“flash” 。 （9）将插入点定位在表格的第3行，设置单元格对齐方式为“居中对齐”。 （10）选择菜单“插入/媒体/Flash按钮”命令。 （11）在“样式”列表框中选择“Blue Warper”，在“按钮文本”后输入“播放”，在“另存为”文本框中输入保存的文件名“play.swf” 。 （12）用同样的方法建立一个文本为“停止”的按钮，文件名为“stop.swf” 。 （13）单击选中“播放”按钮，按快捷键Shift+F4打开“行为”面板，单击“行为”面板下方的加号按钮，打开行为菜单。 （14）在行为菜单中执行“控制Shockwave或Flash”命令，打开如图7-21所示的对话框。 （15）选择需要控制的Flash影片“flash”，在“操作”中选择“播放”单选按钮。 （16）在“行为”面板中单击下方的“事件”下拉列表，将默认的“OnLoad”改为“OnClick” 。 （17）用同样的方法为“停止”按钮设置行为。 （18）保存页面，然后按F12键预览效果。 7.3　制作图像查看器 （1）启动Dreamweaver MX 2004，执行“文件/新建”命令新建一个空白网页。 （2）执行“插入/媒体/图像查看器”命令，设置将图像浏览器Flash影片保存为“test.swf”，单击“保存”按钮在页面中插入一个Flash对象。 （3）按F9键打开标签面板，可以看到Flash元素具有很多属性值。 （4）在属性列表框中打开“frameShow”，单击右方的下拉箭头，选择“是” 。 （5）接下来设置图像浏览器显示的图像。 （6）系统默认加了3个图像在列表中，单击上方的减号按钮将其全部删除。 （7）单击对话框中的加号按钮，然后单击列表框右侧的打开文件按钮，如图