当前位置:文档之家› 网页设计-5 多媒体

网页设计-5 多媒体

• .mid数字音乐格式:网页设计中最常用的文件格 式。这种格式不仅音质好而且占用空间不大,是 比较好的网页制作素材。
• .wav格式:这种格式声音品质也比较好,不需要 提供额外插件作为运行条件。缺点是这种格式的 文件比较大,占用空间大,可能会影响网页的运 行速度。
• .mp3格式:在3种音频类型中,它的声音品质最 好。缺点是文件容量比较大,再就是.mp3需要插 件的支持,例如Windows Media Player以及 RealPlayer等播放软件的支持。
在使用Dreamweaver提供的Flash命令以前, 应当知道不同的Flash文件的类型特点。
Flash影片文件(扩展名为.SWF):是一种视 频文件的压缩版本,可在浏览器和Dreamweaver 中播放,但不能再在Flash软件中进行编辑处理。
Flash视频文件(扩展名为.flv):是一种视频 文件,用于通过Flash Player传送。
多媒体技术(Multimedia Technology)是利 用计算机对文本、图形、图像、声音、动画、视 频等多种信息综合处理、建立逻辑关系和人机交 互作用的技术。
利用Dreamweaver CS自带的Flash功能,能 够在不需要专门的Flash软件的情况下,把不同的 Flash文件添加到网页中。 1. Flash文件类型概述
• 2 插入FLV视频 FLV是当前视频文件的主流格式,其文件扩展
名为.flv。FLV视频极小,加载的速度非常快,它 有效地解决了视频文件导入Flash后,其导出的 SWF文件体积比较大,不能在网络上很好地使用 这样一个缺点。 Dreamweaver提供以下两种类型的FLV视频: (1)累进式下载视频:将FLV文件下载到站点访 问者的硬盘上,然后进行播放。但与传统的“下 载并播放”视频传送方式不同,其允许在下载完 成之前就开始播放视频文件。 (2)流视频:对视频内容进行流式处理,缓冲很 短的一段时间,而这段时间可确保视频在网页上 流畅播放。
在“属性”面板中,还可以对Flash作更多的 设置,下面主要说明几个主要的Flash “属性”的 作用:
“循环”与“自动播放”:当选上这两项时, 在浏览窗口就会自动、循环播放。
“背景颜色”:选择一种背景颜色,则可改变 Flash在浏览窗口播放时的背景颜色。
“播放”按钮:可以在当前网页编辑页面中看 到Flash动画的播放效果,在放状态时“播放”按 钮变成“停止”按钮形式,此时按“停止”可中 断播放。
“Wmode”为SWF文件设置Wmode参数以避 免与DHTML元素“例如Spry构件”相冲突。
“编辑”启动Flash以更新.fla文件(即使用 Flash创作工具创建的文件)。
(4)按F12键,可以在浏览窗口看到如图15-19所示的效 果。
图5-19 浏览效果
注意:如果在所设计的网页中,包括多个Flash文件 时,而想一次性预览所有的动画,则可通过同时按下 Ctrl+Alt+Shift+P组合建,可在浏览窗口看到所有动画同时 播放的效果。
多媒体的使用
1 多媒体在网页中的应用
“多媒体”一词译自英文“Multimedia”,媒体 (medium)原有两重含义,一是指存储信息的实 体,如磁盘、光盘、磁带、半导体存储器等,中 文常译作媒质;二是指传递信息的载体,如数字、 文字、声音、图形等,中文译作媒介。多媒体就 是由单媒体复合而成的。一般理解为多种媒体的 综合。
下面介绍插入FLV具体方法:
(1)打开或创建一个网页。并将光标定位在要插 入FLV文件的位置。
(2)选择“播入”→“媒体”→“FLV”命令。
(3)在弹出的 “插入FLV”对话框,在“视频类 型”可选择“累进式下载视频”或“流视频”方 式。
在“插入”对话框中选择“限制高宽比”,同 时单击右侧的“检测大小”按钮,则会自动测出 Flash动画的宽度和高度的值。
(2)打开或新建一个网页,并将光标定位在页面 中要插入的位置。
(3)在菜单栏中选择“插出的“选择SWF”对话框中选择Flash文件, 如f1.swf文件。“确定”后 “对象标签功能属性” 对话框,并在“标题”文本框中输入“生长的树 木动画演示”,然后“确定” 。
Flash源文件(扩展名为.fla):是在Flash软 件中生成的,此类型文件只能在Flash软件中打开, 不能在浏览器和Dreamweaver中打开。
2. 添加Flash动画
(1)在把Flash动画(.swf)插入网页之前,需 要把准备好的Flash动画素材保存到站点相应的文 件夹下,以便操作使用。
(5)在添加声音文件后,插入空格时,选择 “loop”。
(6)在选择“loop”后,双击“-1” 。应当注意在 “loop=“-1””左边输入“/>”。“loop”参数的作用 是定义音频插件循环播放次数。
(7)保存文档。按F12键,即可在浏览器听到刚 才添加到页面中的背景音乐,可伴随图像或动画 的视听效果。
(4)单击“确定”在页面中出现有FLV占位符, 说明所选择的FLV文件已经添加到页面中。占位 符
的大小不能用鼠标进行大小调整。可通过在“属 性”面板中“高”和“宽”文本框中输入相应值 进行大小调整。
(5)保存文档。按F12键,则在浏览器中预览到 添加的FLV效果。
• 3 网络中的音频文件类型
在网页设计中常用音频文件格式主要有以下3种。
• 5 在网页中插入音频
在网页中插入音频与背景音乐不同的是,在网 页上浏览时会显示播放器的外观,包括播放、暂 停、停止等控制按钮。具体操作如下。
• 4 在网页插入背景音乐 网页添加背景音乐可在“代码”视图中完成。
操作处理方法如下。
(1)打开一个网页如page2.html。 (2)单击工具栏的“代码”按钮,则将窗口转换 成“代码”视图,在<body>左侧输入“<”同时出 现标签列表,选择“bgsound”选项。 (3)选择“bgsound”后,插入“空格”时出现 下拉标签,选择“src”选项。 (4)选择“src” ,单击图中所示“浏览”在出现 的对话框中选择要添加的声音文件。
相关主题