制作多媒体网页.ppt

《制作多媒体网页.ppt》由会员分享，可在线阅读，更多相关《制作多媒体网页.ppt（18页珍藏版）》请在优知文库上搜索。

1、第第5 5章章 制作多媒体网页制作多媒体网页1在网页中插入声音2在网页中插入动画3在网页中插入视频主要内容主要内容l在网页中应用多媒体对象可以增强网页的娱乐性和感染力。多媒体已成为最有魅力的方式，也是潮流的方向。多媒体网页是指在网页中添加了声音、视频和Flash动画等多媒体内容的页面。5.1 在网页中插入声音在网页中插入声音的方式有三种：l插入音频插件l用代码添加音乐l链接到音频文件5.1.1 设置网页背景音乐 插入音频插件步骤：定位光标位置/单击“插入”/ “媒体”/“插件”/，选定声音文件；选定插件图标，在属性栏中设定插件的宽度为300，高度为45，这样设定的目的是为了在页面上显示播放器的

2、进程控制面板；默认为自动播放，即“参数”中autostart属性值为true。5.1.1 设置网页背景音乐 用代码添加音乐步骤1打开要添加背景音乐的网页，切换到代码视图或拆分视图。步骤2在和标签之间添加以下代码： 在Bgsound标签中，src用于指定背景音乐的源文件路径。Loop是指背景音乐的循环次数，如果输入为-1，则表示无限循环。Bgsound标签中所支持的背景音乐格式为：wav、mid、mp3等。参数说明参数说明src：音乐文件的路径及文件名； autostart：true为音乐文件上传完后自动开始播放，否为false loop：true或 -1 为无限次重播，false为不重播，某一

3、具体值（整数）为重播多少次 volume：取值范围为0-100，设置音量，默认为系统本身的音量 starttime：“分：秒”，设置歌曲开始播放的时间，如，starttime=“00:10”，从 第10开始播放 endtime： 分：秒，设置歌曲结束播放的时间 width：控制面板的宽 height：控制面板的高 controls：控制面板的外观 console：正常大小的面板 smallconsole：较小的面板 playbutton：显示播放按钮 pausebutton：显示暂停按钮 stopbutton：显示停止按钮 volumelever：显示音量调节按钮 hidden：为true时可

4、以隐藏面板5.1.2 链接到音频文件步骤： 选定用来链接音频文件的文字、图片或其他对象。 在“属性”面板的“链接”列表中输入音频文件的路径和名称，或者通过“浏览”按钮直接选择即可。5.2 在网页中插入Flash动画 Flash动画以小巧、动感、富有交互性而风靡网络。在制作网页时，将Flash动画应用到网页中，能使网页更具动感，更富有感染力。 插入在网页中的Flash动画格式为swf，Flash源文件格式为Fla，源文件不能直接插入到网页中，但可以在Flash软件中修改源文件。5.2.1 插入SWF动画步骤: 1.单击菜单”插入”/”媒体”/”SWF” 2.点击页面上出现的Flash占位符，在“

5、属性”面板中进行相关设置。 网页中还可以插入其他的Flash对象，例如Flash文本、Flash按钮和FlashPaper。利用利用Dreamweaver CS3（即Dreamweaver 8）版本版本中的相关命令，不使用Flash软件也可以制作出漂亮的Flash动画。5.2.2 添加添加FLASHFLASH文本文本 使用Flash文本对象可以轻松地制作出只包含文本的Flash动画，这样就不用担心浏览者没有安装特殊字体而无法看到网页的最佳效果了。 步骤：单击“插入”菜单“媒体”“Flash文本”命令，弹出“插入Flash文本”对话框。 5.2.3 添加添加FLASHFLASH按钮按钮 使用Dr

6、eamweaver CS3可以快捷地制作出动感Flash按钮。制作多个Flash按钮可以组成一个动态的导航栏。 操作步骤如下：单击 “插入”菜单“媒体”“Flash按钮”命令，弹出“插入Flash按钮”对话框。设置Flash按钮的相关参数。5.2.4 添加添加FlashPaperFlashPaper FlashPaper是一款转换软件，可以将任何可打印的文档转换为SWF或PDF文档，原文档的排版样式和字体显示不受影响，不论浏览者的平台和语言版本是什么，都可以自由的观看你所制作的电子文档动画，并可以进行自由的缩放、翻页、搜索和打印等操作，对文档的传播非常有好处。 用户安装FlashPaper软件

7、后，打开word软件时，就会多出FlashPaper菜单栏，还多出一个FlashPaper工具栏，如下图所示。5.2.4 添加添加FlashPaper 在word中，单击FlashPaper工具栏中的“转换为Flash”按钮时，即可将当前word文档转换swf格式的文件。将它可以作为Flash文件插入到网页中。 操作步骤：单击 “插入”菜单“媒体”“FlashPaper”命令，弹出“插入FlashPaper”的对话框，如下图所示。输入FlashPaper文档名，或单击“浏览”按钮查找FlashPaper路径，输入宽度和高度（以像素为单位）设置 FlashPaper 对象在网页上的尺寸，单击“确

8、定”按钮。页面上即出现一个Flash占位符。 5.3 在网页中插入视频 在网页中插入视频文件有两种方式，一种是嵌入式，另外一种是链接式。嵌入式视频，网页打开后会显示一个播放窗口播放文件。而链接式视频，网页中仅仅提供一个超链接，当用户单击打开这个链接后，Windows的媒体播放器会自动启动并播放这个文件。5.3 在网页中插入视频网页中插入视频有两个步骤，第一是插入视频文件，其次是设置视频网页中插入视频有两个步骤，第一是插入视频文件，其次是设置视频的宽度、高度。在的宽度、高度。在DreamweaverDreamweaver中插入视频的中插入视频的可视化操作的有三种：可视化操作的有三种： 1.使用菜单：插入媒体ActiveX，在“属性”面板中设置宽、高、ClassID和嵌入的文件名。 （保证电脑安装有realplay播放器，格式为rm,ram,rmvb） 2.菜单：插入媒体插件菜单：插入媒体插件 (Windows媒体播放媒体播放,avi,wmv,mpg格式格式) 3.菜单：插入媒体Flash视频 （.flv） 注意：注意：在属性面板中设置宽度和高度，若设置错误要重新调整。在属性面板中设置宽度和高度，若设置错误要重新调整。