网页中插入多媒体
合集下载
相关主题
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
插入Flash文件后，可以通过【属性】面板对其进行设置，如图6.6所示。
图 6.6 Flash【属性】面板
6.1 插入Flash动画 技巧1： 插入Flash文本的方法
1. 将光标定位到页面右侧的单元格中，如图6.7所示。
光标位置
图 6.7 光标定位
6.1 插入Flash动画 技巧1： 插入Flash文本的方法
3.单击确定，保存并预览效果，此时视频文件不能播放。
返回
6.4 多媒体标记介绍
多媒体对像插入标记<embed> 基本语法是<embed src=#>…</embed>，其中“＃”代表url地 址。 １．插入Flash
<html> <head> <title>插入Flash</title> </head> <body> <embed src=”flash1.swf” width=”294” height=”94”></embed> </body> </html>
图 6.9 “设计视图”中的Flash文本
图 6.10 浏览器中的Flash文本
6.1 插入Flash动画 技巧2： 插入Flash按钮的方法
1.将光标定位到单元格中，如图6.11所示。
2.单击【插入】→【媒体】→【Flash按钮】选项，弹出“插入Flash 按钮”对话框，并在其中进行设置，如图6.12所示。
五、插入FlashPaper （ sample\07\paper\flashpaper.htm） 六、插入Flash视频 （ sample\07\flashvideo\flashvideo.htm） 七、控制Flash的播放按钮 1、打开网页（ sample\07\control\index_ori.htm） 2、给Flash影片命名为“f”；停止按钮链接为“#” 3、设置停止按钮的行为“控制shockwave或 flash” 4、选中停止单选按钮，事件是onclick 5、“播放”、“重放”按钮类似 八、插入shockwave动画 （ sample\07\shockwave\index_ori.htm）
• WAV：中文译为“WAV扩展名”，这种格式的文件具有较高的声音质 量，能够被大多数浏览器支持，并且不需要插件。
• MP3：中文译为“运动图像专家组音频”，这是一种压缩格式的声
音可以令声音文件相对于WAV格式明显缩小。其声音品质非常好。 • MIDI或MID：中文译为“乐器数字接口”，是一种乐器声音的格式，
图 6.20 选择视频文件
6.3 插入视频 插入视频
3.单击“确定”按钮，并调整到适当大小，插入后的视频文件如图 6.21所示，保存文件并预览，效果如图6.22所示。
图 6.21 “设计视图”中的视频文件
图 6.22 浏览器中的视频文件
6.3 插入视频 播放控制
在网页中插入的多媒体文件，在默认的情况下，打开网页会直接
四、插入Flash元素 1、打开（ sample\07\gallery\display.htm） 2、在“Flash元素”快捷栏中单击“图像查看器” 按钮 3、设置保存路径和属性 4、打开“标签检查器”面板（F9）， 设置frameshow属性为“是”； 在imageURLs属性中添加图片 设置transitionsType值为Random（随即播放 动画效果） 设置slideAutoPlay值为是（自动播放） 设置slideLoop值为是（循环播放）
常用“Flash元素”参数
showControls 指示在用户播放 Flash 元素时是否出现图像查 看器控件。 slideAutoPlay 确定是否以幻灯片放映形式播放图像。如果设 置为 true，则在第一幅图像加载完毕后，图像就开始以幻灯 片形式播放。 slideDelay 指示在按下“播放”按钮或启用 autoPlay 时，每 两个图像之间等待的时间长度（以秒为单位）。如果图像需 要更长的时间进行加载，则图像的更改频率可以小于此参数 指定的时间。 slideLoop 指定图像幻灯片放映以连续循环方式进行播放。
播放，但也可以使用【属性】面板中的【参数】选项进行播放控制， 方法如下：
1. 选中上例中插入的视频文件，在【属性】面板中点击【参数】选
项，弹出参数对话框，如图6.23所示。
图 6.23 参数对话框
6.3 插入视频 播放控制
2.在其中进行如下设置，如图6.24所示。
添加参数
输入参数值
图 6.23 参数对话框
6.3 插入视频 插入视频
1.在Dreamweaver 8中打开本书附带光盘中06/01.html文件，将光标定 位到单元格中，如图6.19所示。
光标位置
图 6.19 光标定位
6.3 插入视频 插入视频
2.单击【插入】→【媒体】→【插件】选项，弹出“选择文件”对 话框，选择要插入的视频文件，如图6.20所示。
常用“Flash元素”参数 title 指定在图像查看器顶部显示的标题。 titleColor 指定 title 中包含的标题的颜色。
titleFont 指定 title 中包含的图像查看器标题的字 体。
titleSize 指示 title 中包含的图像查看器标题的点 数。
transitionsType 参数说明 None：没有过渡效果。 Blinds：百叶窗 Fade：淡入淡出 Fly：飞入 Iris：缩放（中心） Photo：电子相册 PixeIDissolve：溶解 Rotate：旋转 Squeeze：伸展 Wipe：擦除 Zoom：缩放（左上角） Random：随机
图 6.2 定位光标
6.1 插入Flash动画 插入动画
2. 单击【插入】→【媒体】→【Flash】选项，如图6.2所示.，弹出“选 择文件”对话框，在其中选择要打开的Flash动画文件，如图6.3所示，这 里选择06/meitifiles/flash1.swf文件。
图 6. 3 插入Flash
图 6.15 选择插件
图 6.16 “选择文件”对话框
6.2 添加声音 插入声音
3.单击“确定”按钮，并调整到适当大小，插入后的声音文件如图 6.17所示，保存文件并预览，效果如图6.18所示。
图 6.17 设计视图中的声音文件
图 6.18 预览声音文件
6.2 添加声音 背景音乐
声音能极好地烘托网页的氛围，介是要考虎到添加声音后会大大 增加文件的大小，所以要谨慎、精打细算地使用音乐。在 Dreamweaver 8 中添加背景音乐的方法有两种：一种是通过手写代码
常用“Flash元素”参数
bgColor 指定背景颜色。
frameColor 指定图像边框的颜色。将 frameShow 参数设置为 “Yes”可显示边框。
frameShow 指示每个图像四周是否显示边框。 frameThickness 指定每个图像四周边框的宽度，以像素为单 位。 captionColor 指定 imageCaptions 中包含的图像题注的颜色。 captionFont 指定 imageCaptions 中包含的图像题注的字体。
３．插入视频
<html> <head> <title>插入视频</title> </head> <body> <embed src=”avi1.wmv” width=”294” height=”94”></embed> </body> </html>
要点总结
一、插入Flash动画 1、打开（sample\07\flash\flash-ori.htm） 2、插入（image-files\dizibo.swf) 3、设置属性 注：flash背景透明的设置方法 打开“属性”面板的“参数”按钮； 设定参数为wmode，值为transparent 二、插入Flash按钮 三、插入Flash文本 结果如（sample\07\flash\flash.htm）
它能够被大多数浏览器支持，并且不需要插件。但是尽管其声音品质
非常好，但根据浏览者声卡的不同，声音效果也会有所不同。 • RA或RAM、RPM和Real Audio：这种格式具有非常高的压缩程度，文 件大小不一要小于MP3。全部歌曲文件可以在合理的时间范围内下载。 因为可以在普通的WEB服务器上对这些文件进行“流式处理”。
光标位置
图 6.11 光标定位
图 6.12 “插入Flash按钮”对话框
6.1 插入Flash动画 技巧2： 插入Flash按钮的方法
3.单击“确定”按钮后，保存文件并预览，效果如图6.13所示。
图 6.13 Flash按钮效果
返回
6.2 添加声音 常用的音频格式
在网页中可插入的声音格式很多，主要包括如下几种：
实现；另一种是通过“行为”实现。这里介绍以代码实现的方法。
在 Dreamweaver 8 打开网页文件，切换到拆分视图，将光标定位在 <head>…</head>之间，然后添加如下代码： <bgsound src=meitifiles/music.mp3 loop=true> 其中 src属性：设置声音的来源文件 loop属性：设置循环播放
常用“Flash元素”参数
captionSize 指示 imageCaptions 中包含的图像题注的点数。 imageCaptions 包含 imageURLs 中指定的每个图像的题注。 题注可用于部分或所有图像，或者不用于任何图像。 imageLinks 包含在 imageURLs 中指定的每个图像的 URL。 LinkURLs 可用于部分或所有图像，或者不用于任何图像。 imageURLs 包含在图像查看器中显示的图像的位置。只能使 用非渐进式的 JPEG 或 SWF 文件。 imageLinkTarget 指定浏览器窗口，将在其中加载在 linkURLs 中指定的 URL。可以将此参数设置为 _blank、_self、_top 或 _parent。
图 6.3 选择Flash文件
6.1 插入Flash动画 插入动画
3.单击“确定”按钮后，插入的Flash并不会在设计视图中显示内容，而 是以一个带有字母 F的灰色框来表示，如图6.4 所示。保存文件并预览， 效果如图6.5所示。
图 6.4 插入的Flash
图 6.5 Flash预览
6.1 插入Flash动画 动画设置
2. 单击【插入】→【媒体】→【Flash文本】选项，弹出“插入Flash 文本”对话框，并在其中进行设置，如图6.8所示。
图 6.8 “插入Flash文本”对话框
6.1 插入Flash动画 技巧1： 插入Flash文本的方法
3. 单击“确定”按钮，插入后的Flash文本如图6.9所示，保存文件并 预览，效果如图6.10所示。
6.2 添加声音 插入声音
1.在Dreamweaver 8中打开本书附带光盘中06/sound.html文件，将光 标定位到单元格中，如图6.14所示。
光标位置
图 6.14 光标定位
6.2 添加声音 插入声音
2.单击【插入】→【媒体】→【插件】选项，如图6.15所示，弹出 “选择文件”对话框，选择要插入的声音文件，如图6.16所示。
第6章 网页中插入多媒体
主要内容
1 2
3 4
6.1 插入Flash动画 6.2 添加声音 6.3 插入视频 6.4 多媒体标记介绍
6.1 插入Flash动画 插入动画
1. 在Dreamweaver 8中打开本书附带光盘中06/01.html文件，将光标定位
到页面上部，如图Baidu Nhomakorabea.1所示。
光标位置
返回
6.3 插入视频 常用的视频格式
视频文件的格式非常多，常见的有MPEG、AVI、WMV、RM、MOV等。 • MPEG（或MPG）是一种压缩比率较大的活动图像和声音的视频压缩 标准，它也是VCD光盘所使用的标准； • AVI是一种Microsoft Windows操作系统所使用的多媒体文件格式。 • WMV 是 一 种 Windows 操 作 系 统 自 带 的 媒 体 播 放 器 Windows Media Player所使用的多媒体文件格式。 • RM是Real公司推广的一种多媒体文件格式，具有非常好的压缩比率， 是网上应用最广泛的格式之一。 • MOV是Apple公司推广的一种多媒体文件格式。
6.4 多媒体标记介绍
２．插入声音
<html> <head> <title>插入声音</title> </head> <body> <embed src=”music.mp3” width=”294” height=”94”></embed> </body> </html>
返回
6.4 多媒体标记介绍
图 6.6 Flash【属性】面板
6.1 插入Flash动画 技巧1： 插入Flash文本的方法
1. 将光标定位到页面右侧的单元格中，如图6.7所示。
光标位置
图 6.7 光标定位
6.1 插入Flash动画 技巧1： 插入Flash文本的方法
3.单击确定，保存并预览效果，此时视频文件不能播放。
返回
6.4 多媒体标记介绍
多媒体对像插入标记<embed> 基本语法是<embed src=#>…</embed>，其中“＃”代表url地 址。 １．插入Flash
<html> <head> <title>插入Flash</title> </head> <body> <embed src=”flash1.swf” width=”294” height=”94”></embed> </body> </html>
图 6.9 “设计视图”中的Flash文本
图 6.10 浏览器中的Flash文本
6.1 插入Flash动画 技巧2： 插入Flash按钮的方法
1.将光标定位到单元格中，如图6.11所示。
2.单击【插入】→【媒体】→【Flash按钮】选项，弹出“插入Flash 按钮”对话框，并在其中进行设置，如图6.12所示。
五、插入FlashPaper （ sample\07\paper\flashpaper.htm） 六、插入Flash视频 （ sample\07\flashvideo\flashvideo.htm） 七、控制Flash的播放按钮 1、打开网页（ sample\07\control\index_ori.htm） 2、给Flash影片命名为“f”；停止按钮链接为“#” 3、设置停止按钮的行为“控制shockwave或 flash” 4、选中停止单选按钮，事件是onclick 5、“播放”、“重放”按钮类似 八、插入shockwave动画 （ sample\07\shockwave\index_ori.htm）
• WAV：中文译为“WAV扩展名”，这种格式的文件具有较高的声音质 量，能够被大多数浏览器支持，并且不需要插件。
• MP3：中文译为“运动图像专家组音频”，这是一种压缩格式的声
音可以令声音文件相对于WAV格式明显缩小。其声音品质非常好。 • MIDI或MID：中文译为“乐器数字接口”，是一种乐器声音的格式，
图 6.20 选择视频文件
6.3 插入视频 插入视频
3.单击“确定”按钮，并调整到适当大小，插入后的视频文件如图 6.21所示，保存文件并预览，效果如图6.22所示。
图 6.21 “设计视图”中的视频文件
图 6.22 浏览器中的视频文件
6.3 插入视频 播放控制
在网页中插入的多媒体文件，在默认的情况下，打开网页会直接
四、插入Flash元素 1、打开（ sample\07\gallery\display.htm） 2、在“Flash元素”快捷栏中单击“图像查看器” 按钮 3、设置保存路径和属性 4、打开“标签检查器”面板（F9）， 设置frameshow属性为“是”； 在imageURLs属性中添加图片 设置transitionsType值为Random（随即播放 动画效果） 设置slideAutoPlay值为是（自动播放） 设置slideLoop值为是（循环播放）
常用“Flash元素”参数
showControls 指示在用户播放 Flash 元素时是否出现图像查 看器控件。 slideAutoPlay 确定是否以幻灯片放映形式播放图像。如果设 置为 true，则在第一幅图像加载完毕后，图像就开始以幻灯 片形式播放。 slideDelay 指示在按下“播放”按钮或启用 autoPlay 时，每 两个图像之间等待的时间长度（以秒为单位）。如果图像需 要更长的时间进行加载，则图像的更改频率可以小于此参数 指定的时间。 slideLoop 指定图像幻灯片放映以连续循环方式进行播放。
播放，但也可以使用【属性】面板中的【参数】选项进行播放控制， 方法如下：
1. 选中上例中插入的视频文件，在【属性】面板中点击【参数】选
项，弹出参数对话框，如图6.23所示。
图 6.23 参数对话框
6.3 插入视频 播放控制
2.在其中进行如下设置，如图6.24所示。
添加参数
输入参数值
图 6.23 参数对话框
6.3 插入视频 插入视频
1.在Dreamweaver 8中打开本书附带光盘中06/01.html文件，将光标定 位到单元格中，如图6.19所示。
光标位置
图 6.19 光标定位
6.3 插入视频 插入视频
2.单击【插入】→【媒体】→【插件】选项，弹出“选择文件”对 话框，选择要插入的视频文件，如图6.20所示。
常用“Flash元素”参数 title 指定在图像查看器顶部显示的标题。 titleColor 指定 title 中包含的标题的颜色。
titleFont 指定 title 中包含的图像查看器标题的字 体。
titleSize 指示 title 中包含的图像查看器标题的点 数。
transitionsType 参数说明 None：没有过渡效果。 Blinds：百叶窗 Fade：淡入淡出 Fly：飞入 Iris：缩放（中心） Photo：电子相册 PixeIDissolve：溶解 Rotate：旋转 Squeeze：伸展 Wipe：擦除 Zoom：缩放（左上角） Random：随机
图 6.2 定位光标
6.1 插入Flash动画 插入动画
2. 单击【插入】→【媒体】→【Flash】选项，如图6.2所示.，弹出“选 择文件”对话框，在其中选择要打开的Flash动画文件，如图6.3所示，这 里选择06/meitifiles/flash1.swf文件。
图 6. 3 插入Flash
图 6.15 选择插件
图 6.16 “选择文件”对话框
6.2 添加声音 插入声音
3.单击“确定”按钮，并调整到适当大小，插入后的声音文件如图 6.17所示，保存文件并预览，效果如图6.18所示。
图 6.17 设计视图中的声音文件
图 6.18 预览声音文件
6.2 添加声音 背景音乐
声音能极好地烘托网页的氛围，介是要考虎到添加声音后会大大 增加文件的大小，所以要谨慎、精打细算地使用音乐。在 Dreamweaver 8 中添加背景音乐的方法有两种：一种是通过手写代码
常用“Flash元素”参数
bgColor 指定背景颜色。
frameColor 指定图像边框的颜色。将 frameShow 参数设置为 “Yes”可显示边框。
frameShow 指示每个图像四周是否显示边框。 frameThickness 指定每个图像四周边框的宽度，以像素为单 位。 captionColor 指定 imageCaptions 中包含的图像题注的颜色。 captionFont 指定 imageCaptions 中包含的图像题注的字体。
３．插入视频
<html> <head> <title>插入视频</title> </head> <body> <embed src=”avi1.wmv” width=”294” height=”94”></embed> </body> </html>
要点总结
一、插入Flash动画 1、打开（sample\07\flash\flash-ori.htm） 2、插入（image-files\dizibo.swf) 3、设置属性 注：flash背景透明的设置方法 打开“属性”面板的“参数”按钮； 设定参数为wmode，值为transparent 二、插入Flash按钮 三、插入Flash文本 结果如（sample\07\flash\flash.htm）
它能够被大多数浏览器支持，并且不需要插件。但是尽管其声音品质
非常好，但根据浏览者声卡的不同，声音效果也会有所不同。 • RA或RAM、RPM和Real Audio：这种格式具有非常高的压缩程度，文 件大小不一要小于MP3。全部歌曲文件可以在合理的时间范围内下载。 因为可以在普通的WEB服务器上对这些文件进行“流式处理”。
光标位置
图 6.11 光标定位
图 6.12 “插入Flash按钮”对话框
6.1 插入Flash动画 技巧2： 插入Flash按钮的方法
3.单击“确定”按钮后，保存文件并预览，效果如图6.13所示。
图 6.13 Flash按钮效果
返回
6.2 添加声音 常用的音频格式
在网页中可插入的声音格式很多，主要包括如下几种：
实现；另一种是通过“行为”实现。这里介绍以代码实现的方法。
在 Dreamweaver 8 打开网页文件，切换到拆分视图，将光标定位在 <head>…</head>之间，然后添加如下代码： <bgsound src=meitifiles/music.mp3 loop=true> 其中 src属性：设置声音的来源文件 loop属性：设置循环播放
常用“Flash元素”参数
captionSize 指示 imageCaptions 中包含的图像题注的点数。 imageCaptions 包含 imageURLs 中指定的每个图像的题注。 题注可用于部分或所有图像，或者不用于任何图像。 imageLinks 包含在 imageURLs 中指定的每个图像的 URL。 LinkURLs 可用于部分或所有图像，或者不用于任何图像。 imageURLs 包含在图像查看器中显示的图像的位置。只能使 用非渐进式的 JPEG 或 SWF 文件。 imageLinkTarget 指定浏览器窗口，将在其中加载在 linkURLs 中指定的 URL。可以将此参数设置为 _blank、_self、_top 或 _parent。
图 6.3 选择Flash文件
6.1 插入Flash动画 插入动画
3.单击“确定”按钮后，插入的Flash并不会在设计视图中显示内容，而 是以一个带有字母 F的灰色框来表示，如图6.4 所示。保存文件并预览， 效果如图6.5所示。
图 6.4 插入的Flash
图 6.5 Flash预览
6.1 插入Flash动画 动画设置
2. 单击【插入】→【媒体】→【Flash文本】选项，弹出“插入Flash 文本”对话框，并在其中进行设置，如图6.8所示。
图 6.8 “插入Flash文本”对话框
6.1 插入Flash动画 技巧1： 插入Flash文本的方法
3. 单击“确定”按钮，插入后的Flash文本如图6.9所示，保存文件并 预览，效果如图6.10所示。
6.2 添加声音 插入声音
1.在Dreamweaver 8中打开本书附带光盘中06/sound.html文件，将光 标定位到单元格中，如图6.14所示。
光标位置
图 6.14 光标定位
6.2 添加声音 插入声音
2.单击【插入】→【媒体】→【插件】选项，如图6.15所示，弹出 “选择文件”对话框，选择要插入的声音文件，如图6.16所示。
第6章 网页中插入多媒体
主要内容
1 2
3 4
6.1 插入Flash动画 6.2 添加声音 6.3 插入视频 6.4 多媒体标记介绍
6.1 插入Flash动画 插入动画
1. 在Dreamweaver 8中打开本书附带光盘中06/01.html文件，将光标定位
到页面上部，如图Baidu Nhomakorabea.1所示。
光标位置
返回
6.3 插入视频 常用的视频格式
视频文件的格式非常多，常见的有MPEG、AVI、WMV、RM、MOV等。 • MPEG（或MPG）是一种压缩比率较大的活动图像和声音的视频压缩 标准，它也是VCD光盘所使用的标准； • AVI是一种Microsoft Windows操作系统所使用的多媒体文件格式。 • WMV 是 一 种 Windows 操 作 系 统 自 带 的 媒 体 播 放 器 Windows Media Player所使用的多媒体文件格式。 • RM是Real公司推广的一种多媒体文件格式，具有非常好的压缩比率， 是网上应用最广泛的格式之一。 • MOV是Apple公司推广的一种多媒体文件格式。
6.4 多媒体标记介绍
２．插入声音
<html> <head> <title>插入声音</title> </head> <body> <embed src=”music.mp3” width=”294” height=”94”></embed> </body> </html>
返回
6.4 多媒体标记介绍