《多媒体技术与应用教程》第11章：在网站中使用多媒体

第11章 在网站中使用多媒体（时间：2次课，4学时）第11章 在网站中使用多媒体??教学提示：在本章的学习中需要切记学习在网页中怎样 使用多媒体元素，注意运用不同的网页制作软件中的特 色软件或者脚本程序的使用。 教学目标：通过本章的学习，用户应把握网页中视听元 素的概念，网页中怎样进行文字特效的操作，如何在网 页中添加、音频或者视频文件。第11章 在网站中使用多媒体??? ? ? ?11.1 11.2 11.3 11.4 11.5 11.6网页中文字的处理 在网站中使用图像、 在网站中播放音频文件 在网站中播放视频文件 上机指导 习题11.1 网页中文字的处理? ?11.1.1 文字颜色的修改 11.1.2 设置文本特效11.1.1 文字样式的修改不论在FrontPage中而是Dreamweaver中，都可以对 选定的文字进行色彩设定。在 FrontPage 中进行字体颜 色设定时，可以通过点击【格式】|【字体】|【字体】 命令，在【字体】窗口的【颜色】选项中选取字体所要 设置的色彩。在Dreamweaver中操作则更简单，可直接 在Properties(属性)中进行修改。?11.1.2 设置文本特效?在网站中除了给人以动感，网页中文字的一些特效也会造成相同的效果，增添网页的美感。

在此介 绍一些使用代码实现文本特效的方式。?具体步骤介绍详见书308~313页11.2 在网站中使用图像、? ?11.2.1 直接使用或图像 11.2.2 制作效果11.2.1 直接使用或图像1. 直接使用图像 ?在网页中直接使用图像通常包含下列两种状况：作 为背景以及成为装饰。 ?(1) 在网页中使用图像成为背景，使得网页不再单 调，不同背景的网页给人不同的觉得。在网页中修改 背景的详细操作如下： ? 在FrontPage中，单击【格式】|【背景】命令 ，打开网站属性对话框，选中【背景图片】复选框， 单击 Browse 按钮，在开启的窗口中选取应该成为背 景照片的文件，单击【确定】按钮就能。 ? 在 Dreamweaver 中 ， 单 击 modify|page properties 命 令 ， 打 开 页 面 属 性 对 话 框 ， 单 击 Background Image后的Browse按钮，选择应该成为 背景的照片，单击OK即可。11.2.1 直接使用或图像在网页中直接插入图像的方式很简单，在 FrontPage 中点击【插入】|【图像】命令即可；在 Dreamweaver中，单击Insert | Image命令即可。

?(2)2. 直接插入 ?在 Dreamweaver 中插入 Flash 制作的 SWF 格式 十分容易，单击对象工具栏上的 Flash 徽标或选择【 媒体】| Flash 命令，就可以开启选择 SWF 文件 的对话框，选好文件后在其属性面板中设置播放的参 数就能。 ?在 FrontPage XP 中 不 支 持 直 接 插 入 SWF 格 式 的 Flash文件，可以根据以上步骤进行操作：11.2.1 直接使用或图像单击【插入】|【Web组件】命令，然后在开启的对 话框左侧模块种类列表中选取【高级控件】选项，然后在 右侧窗口中选取【ActiveX控件】选项。单击【下一步】按 钮，在选取控件列表下方单击【自定义】按钮。在列表中 选择Shockwave Flash Object控件，单击【确定】按钮返 回 【 插 入 Web 组 件 】 对 话 框 ， 选 中 Shockwave Flash Object复选框，并点击【完成】按钮。 ?(2) 双击网页中出现的黑色圆形区域，打开【ActiveX控 件属性】对话框。在 Movie URL 文本框中键入要插入的 Flash 文件的链接地址realplayer插件，并在 Quality 下拉列表中选取 Flash 的播放品质，在Scale 选项后选取显示比例，如 “Show All (完全显示) ”，最后点击【确定】按钮返回就能 看到网站中的了。

?(1)11.2.2 制作效果直接使用Flash制作 ?使用Flash 制作的，最吸引人的地方不仅其灵活的表 现手法和广泛的趣味之外，生成作品的swf文件非常小，适 于加入到网页中。 ?关于详细制作Flash的方式，用户可参阅该类书籍，在此 不再详细介绍。 ?2. 设置交替显示图片效果 ? 使 用 Dreamweaver 中 Insert 菜 单 的 工 具 实 现 ： 在 Dreamweaver 界 面 中 单 击 Insert|Interactive Images|Rollover Image命令，在跳出的对话框中选取最初 显示的照片或者鼠标滑过时要显示的照片。 ? 利用图层实现： Dreamweaver 中一个非常重要的特 点就是图层的采用，利用图层可以推动许多特效。在此介 绍利用图层实现幻灯片的效果。?1.11.2.2 制作效果运用Dreamweaver中的Timeline实现图片移动 ?Dreamweaver中的Timeline(时间轴)和Flash中的Timeline 作用一样，都可以拿来控制元素 ( 图像或图层 ) 的运动。在 此以利用时间轴控制图层的显示事件为例介绍时间轴的使 用手段。

?3. ?具体操作参见书315~317页。11.3 在网站中播放音频文件? ? ?11.3.1 在FrontPage中播放音频文件 11.3.2 在Dreamweaver中播放音频文件 11.3.3 直接使用代码实现11.3.1 在FrontPage中播放音频文件使用软件播放音频文件 ?在网站中使用软件播放音频文件的详细操作方法如 下： ?(1) 选择【插入】|【Web 组件】命令，在【组件 类型】列表中选取【高级控件】选项，并在后面的控 件框中选取【插件】选项。单击【完成】按钮后，网 页中添加了一个标志，如图11.8所示。?1.如图11.811.3.1 在FrontPage中播放音频文件同时会开启【插件属性】对话框，在其中右键【浏览】 按钮，在开启的【选择软件数据源】对话框中选取要播放的音 频文件，我们可以选取扩展名为wav、mid、snd、au的音频文 件。选好要播放的文件后，单击【打开】按钮，显示【插件属 性】对话框，在该对话框中可以修改软件的属性，如大小、布 局。?(2)直接插入音频文件 ?在网站中播放音频文件还可以使用插入音频的方式。嵌入要 使用软件来播放音频文件，离开了软件，嵌入的文件就不能否 正常播放，而插入则不同，它在播放多媒体时并不依赖软件， 只和浏览器有关。

目前， Internet Explorer 支持对插入的音频 的播放，而Netscape Navigator还不能支持。?2.11.3.1 在FrontPage中播放音频文件直接插入音频文件 ?还有一种使用音频的方式，就是链接音频文件。单击 【插入】|【超链接】命令，打开【插入超链接】对话 框，选择要链接的音频文件，如图11.15所示，然后单 击【确定】按钮。 ?现在用浏览器可以发现，单击超链接时，音频文件就 在独立的Active Movie中播放了；用键盘右键点击超链 接选择【目标另存为】命令可以将音频文件下载。?3.11.3.2 在Dreamweaver中播放音频文件直接插入法 ?具体操作方法如下： ?(1)用Dreamweaver打开一张需要插入背景音乐的网页，单 击Window | Behaviors命令，打开Behaviors面板。 ?(2)单击“+”按钮，在开启的菜单中选取Play Sound命令。 ?(3)此时弹出Play Sound对话框，单击Browser按钮，在 Select File对话框中选取音乐文件，注意，应选取浏览器支 持的音乐文件格式(如mid、wav、aiff、au)。

?(4)插入文件后网站里会显示一个“plugin”插件界面，但我们 还必须作进一步的调整。因为 Dreamweaver 自动插入了一 段控制代码，方便我们定制激活背景音乐。如果此功用不需 要使用，就要把它删除。?1.11.3.2 在Dreamweaver中播放音频文件?要删除的代码如下：<script language="JavaScript" type="text/JavaScript"> ?<!— ?function MM_controlSound(x,_sndObj,sndFile){//v3.0 ?var i,method="",sndObj=eval(_sndObj); ?if (sndObj !=null){ ?if (navigator.appName==′Netscape′) method="play"; ?else{ ?if (window.MM_WMP==null){ ?window.MM_WMP=false; ?for(i in sndObj) if (i=="ActiveMovie"){ ?window.MM_WMP=true;break; ?}}11.3.2 在Dreamweaver中播放音频文件?if(window.MM_WMP) method="play"; ?else if (sndObj.FileName) method="run"; ?}} ?if (method) eval(_sndObj+"."+method+"()"); ?else window.location=sndFile; ?} ?//--> ?</script>11.3.2 在Dreamweaver中播放音频文件?如果Dreamweaver的版本不是XP，可能需要删除下面代码： ?<p onMouseOver="MM_controlSound(′play′, ′document.CS1022210102744′, ′WindowsXP.wav′) ">&nbsp;</p>?(5)完成插入后的背景音乐还不能自动播放，在Properties卷展栏中单击右下角的Parameters按钮， 在跳出的窗口中进行设置，把参数AutoStart后的 Value默认值false改成true，这样就达到开启页面背 景音乐就响起的效果。

11.3.2 在Dreamweaver中播放音频文件使用音频软件播放 ?有些人始终使用 FrontPage 也许就是因为一些元素 的插入，Dreamweaver 没有提供类似的用途，或者 使用不便于。但Dreamweaver 支持组件，声音插入 插件为音频、视频文件的播放提供了便利。?2.通过超链接实现音频文件的播放 ?选中要链接的文字，在 Properties 卷展栏中的 Link 下拉列表框中选取要链接的音频文件。在预览时，单 击超级链接就能播放选取的音频文件。?3.11.3.2 在Dreamweaver中播放音频文件Plugin播放音频文件 ?在 Insert 卷展栏的 Media 面板中右键 按钮，在开启 的Select File对话框中选取要播放的音频文件，然后 单击OK按钮。保存该文件后进行预览，即可播放该 文件。但并不是一开启网站就播放音频文件，需要单 击播放按键才可以开启该文件。?4.11.3.3 直接使用代码实现常规背景音乐 ?在页面源程序的 <body> 和 </body> 之间加入下面 HTML代码： ?<bgsound src="// 背景音乐路径 " loop="// 播放次数 ">?1.可控制播放的背景音乐 ?在源程序的<body>中加入下面HTML代码： ?<embed src="// 背 景 音 乐 路 径 " width="280" height="45">?2.用按钮控制播放的背景音乐 ?代码如下：?3.11.3.3 直接使用代码实现src="// 背 景 音 乐 路 径 " width=" 0" height="0" id="music"> ?<form> ?<input type="button" value=" 关 闭 音 乐 " onclick="music.stop()"> ?<input type="button" value=" 播 放 音 乐 " onclick="music.play()"> ?</form>?<embed ?把这段代码放在 <body> 和 </body> 之间。

本文来自电脑杂谈，转载请注明本文网址：
https://www.pc-fly.com/a/bofangqi/article-124252-1.html