2.5 插入多媒体(课件）-高二《网页设计与制作》同步教学（北京理工版）

2.5 插入多媒体 网页中可以插入的多媒体文件包括声音、影片、音频文件、视频文件、Flash对象、JavaApplet对象和ActiveX控件等。需要注意的是，网页上之所以能够播放音乐、影片等多媒体文件，并不是依赖浏览器本身的播放功能，而是取决于浏览器所安装的播放器插件。浏览者只有安装了多媒体对应的播放器插件，才能够正常播放多媒体文件。 2.5.1插入音频 在网页中可以插入mp3 、rm、mid等格式的音频文件。在网页中加人音频文件的操作步骤如下: (1)将光标定位到要插入音乐文件的位置。 (2)在“常用”工具栏中选择媒体—插件按钮 。 返回 下一页 上一页 2.5 插入多媒体 (3)在弹出的“选择文件”对话框的“查找范围”下拉列表框中选择文件所在的磁盘与文件夹，在列表中选择文件名，如图2-58所示，然后单击“确定”按钮。 (4)回到Dreamweaver窗口，光标位置会出现 图标。如果要添加的音乐是背景音乐，继续下面的步骤。 (5)在“属性”面板中选择“参数”按钮，出现“参数”对话框后，在“参数”文本框中输入hidden，并在“值”文本框中输入true;在“参数”文本框中输入autostart，并在“值”文本框中输入true;在“参数”文本框中输入loop，并在“值”文本框中输入infinite;如图2-59所示，然后单击“确定”按钮。 返回 下一页 上一页 2.5 插入多媒体 2.5.2插入Flash动画 有些网站打开后，会出现一段动画，这是在制作网页时，插入Flash动画文件所产生的效果。插入Flash动画文件的步骤如下: (1)将光标定位到要插入Flash文件的位置。 (2)在“常用”工具栏中选择媒体:Flash按钮 。 (3)在弹出的“选择文件”对话框的“查找范围”下拉列表框中选择文件所在的磁盘与文件夹，在列表中选择文件名，如图2-60所示，然后单击“确定”按钮。 返回 下一页 上一页 2.5 插入多媒体 (4)回到Dreamweaver窗口，光标位置就会出现插入的动画文件的图标。 通常在插入动画文件后，动画背景可能会与网页背景不同，这时可以利用参数设置将动画背景透明化。 将Flash背景透明化的操作步骤如下: (1)选择动画文件，然后在属性面板上单击“参数”按钮。 (2)出现“参数”对话框后，在“参数”文本框中输入wmode，并在“值”文本框中输入transparent，如图2-61所示，然后单击“确定”按钮。这样动画背景就会变得透明，能够融入到网页背景中了。 返回 下一页 上一页 2.5 插入多媒体 2.5.3添加背景音乐 由于背景音乐并不是一种标准的网页属性，所以需要通过修改源代码的方式为网页添加背景音乐。 (1)使用文件面板打开网站的首页index. htm，切换到代码视图。 (2)在代码“<title>唐诗三百首</title >”之前添加以下代码:< bgsound src=“ media/bgsound.mid” loop = “1”>，如图2-62所示。 bgsound标记符的基本属性是src，用于指定背景音乐的源文件，此处因为是当前文件夹下media文件夹中的文件，因此表示为media/bgsound. mid。另外一个常用属性是loop，用于指定背景音乐重复的次数;如果不指定该属性，则背景音乐无限循环。 返回 下一页 上一页 2.5 插入多媒体 (3)按F12键，在浏览器窗口中预览背景音乐效果。 2.5.4链接声音与视频 链接文件是将声音与视频添加到网页的一种简单而有效的方法。这种集成声音文件与视频文件的方法可以使访问者能够选择他们是否要收听或收看该文件，并且使文件可用于最广范围的观众，因为某些浏览器可能不支持嵌入的声音文件。 (1)在页面诗同段落最后另起一段，输入文字“音频下载(128KB);。在提供下载链接时包含文件大小的数据可以为浏览者提供需要的信息，从而方便其决定是否下载。 (2)选择输入的文字，在属性检查器中单击“链接”文本框后的“浏览文件”按钮 ，选择站点中media文件夹中的131. mp3音频文件，如图2-63所示。 返回 下一页 上一页 2.5 插入多媒体 (3)按Ctrl+S快捷键保存文档，按F12键，在浏览器窗口单击链接到声音文件的超链接，系统自动打开相应的媒体播放器播放链接的声音文件。网页上传到服务器后，在客户端浏览网页时单击该链接将获得下载效果。 2.5.5嵌入声音与视频 如果确定访问者安装有能播放相应格式文件的插件(例如RealMedia或QuickTime插件)，那么可以通过嵌入的方式将声音或视频直接插入到页面中，从而获得更多对媒体的控制(例如，可选择是否播放和设置音量)。 (1)在段落“音频下载(128KB)”后，按回车键另起