第10章多媒体对象与网页特效

1、网站规划与网页设计,理工部 杨彩霖,10.1 多媒体对象 10.2 网页特效,第10章 多媒体对象与网页特效,伴随着网络行业的快速发展，网络多媒体的技术也日渐成熟。网页中的多媒体对象包括音频、视频、Flash、Java小程序、Shockwave电影和ActiveX控件等。 10.1.1 多媒体对象的格式 在网页中添加多媒体对象可以使制作出的网页变得有声有色。目前，在网络上可以播放的音频和视频文件格式如下。 1音频格式 音频格式主要包含WAV、MP3、MIDI、AIF和RA等文件格式。 2视频格式 视频主要有RealMedia、Windows Media、QuickTime三种视频文件，其中Re

2、alMedia和Windows Media格式在目前国内使用比较广泛。,10.1 多媒体对象,10.1.2 添加背景音乐 背景音乐是体现网页个性和风格的一种常用手段，但由于背景音乐并不是一种标准的网页属性，所以需要通过修改源代码的方式为网页添加背景音乐。 10.1.3 使用声音与视频 除了将音频文件用于网页的背景音乐之外，还可以使用链接或嵌入声音与视频进一步丰富页面的内容。 10.1.4 插入Java Applet小程序 Java之所以流行，有两个原因：一是它能工作在任何装有Java虚拟机的计算机上；二是可防止Java程序危害用户计算机的安全性。运行一个Java程序时，它在计算机上创建一个虚拟

3、空间来运行此程序，此虚拟空间就是所用的虚拟机。任何配备Java虚拟机的计算机均可运行小的Java程序，即Applet（小程序）。,10.1 多媒体对象,10.1.5 插入Flash按钮对象 在使用Dreamweaver时，用户可以在文档中创建、插入和修改Flash按钮，无须打开Flash。Flash按钮对象是基于Flash模板的可更新按钮。用户可以自定义Flash按钮对象，并添加文本、背景颜色，以及指向其他文件的链接。 在设计视图或代码视图中工作时，用户可以在文档中创建和插入Flash按钮。需要注意的是，在插入Flash按钮对象前，必须先保存文档。 插入Flash按钮对象的方法如下所述。 在文

4、档窗口中，将插入点放置在要插入Flash按钮的位置，然后执行以下操作之一： 在插入工具栏的“常用”分类中，选择“媒体”“Flash按钮”； 执行“插入记录”“媒体”“Flash按钮”命令。,10.1 多媒体对象,10.1.6 插入Flash内容 使用Dreamweaver可以在页面中添加Flash内容（包括Flash动画文件和Shockwave影片），然后在文档和浏览器中预览。 向网页中插入用Flash制作好的动画（Flash动画也称为Flash电影）的步骤如下所述。 将光标定位到要插入Flash动画的位置。 执行“插入记录”“媒体”“Flash”命令。 Shockwave作为Web上交互式多

5、媒体的标准，是一种压缩格式，使得在Director中创建的多媒体文件能够被快速下载，而且可以在大多数常用浏览器中进行播放。 向网页中插入用Director制作好的电影，步骤如下所述。 将光标定位到要插入Shockwave电影的位置。 执行“插入记录”“媒体”“Shockwave”命令，打开“选择文件”对话框，选择要插入的Shockwave电影即可。,10.1 多媒体对象,10.1.7 插入FlashPaper电子文档 FlashPaper电子文档转换工具可以轻易地将任何可打印的文档（Word、Excel等）转换为Swf文件或PDF文件，并且转换后的文件具有很强的保密性，可以防止浏览者进行复制粘

6、贴，从而保护了作者的劳动成果。 用户可以在网页中插入FlashPaper文档。当浏览器中打开包含FlashPaper文档的页面时，用户可以浏览FlashPaper文档中的所有页面，而无需加载新的网页。 向网页中插入FlashPaper文档的步骤如下所述。 将光标定位到要插入FlashPaper文档的位置。 执行“插入记录”“媒体”“FlashPaper”命令，打开“插入FlashPaper”对话框，选择要插入的FlashPaper文档即可。,10.1 多媒体对象,10.2.1 JavaScript脚本简介 JavaScript是一种基于对象（Object）和事件驱动（Event Driven）

7、并具有安全性能的脚本语言。使用它的目的是与HTML、CSS一起实现在一个Web页面中链接多个对象，与Web客户交互的作用。 JavaScript不是Java，只不过两者类似。JavaScript语言的前身叫作Livescript，自从Sun公司推出著名的Java语言后，Netscape公司引进了Sun公司有关Java的程序概念，将Livescript重新进行设计，并改名为JavaScript。,10.2 网页特效,10.2.2 制作网页特效 1循环滚动的字幕 在网页中，制作滚动字幕使用标签，其格式为： 流动文字或（和）图片 ,10.2 网页特效,10.2.2 制作网页特效 1循环滚动的字幕 在网页中，制作滚动字幕使用标签，其格式为： 流动文字或（和）图片 2幻灯切换的广告 3美观的日历控件,10.2 网页特效,1使用时间轴制作一个循环切换画面的广告网页。每隔一段时间，广告自动切换到下一幅画面；用户单击广告右边的小图，将直接切换到相应的画面，效果如图10-36所示. 2使用时间轴和图层制作网页中飘动的广告图像效果，效果如图10-37所示。 3制作网页导航区域的Flash按钮，效果如图10-38所示。 4将一篇Word文档三