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

网站规划与网页设计理工部杨彩霖10.1多媒体对象10.2网页特效第10章多媒体对象与网页特效伴随着网络行业的快速发展，网络多媒体的技术也日渐成熟。网页中的多媒体对象包括音频、视频、Flash、Java小程序、Shockwave电影和ActiveX控件等。10.1.1多媒体对象的格式在网页中添加多媒体对象可以使制作出的网页变得有声有色。目前，在网络上可以播放的音频和视频文件格式如下。1．音频格式音频格式主要包含WAV、MP3、MIDI、AIF和RA等文件格式。2．视频格式视频主要有RealMedia、WindowsMedia、QuickTime三种视频文件，其中RealMedia和WindowsMedia格式在目前国内使用比较广泛。10.1多媒体对象10.1.2添加背景音乐背景音乐是体现网页个性和风格的一种常用手段，但由于背景音乐并不是一种标准的网页属性，所以需要通过修改源代码的方式为网页添加背景音乐。10.1.3使用声音与视频除了将音频文件用于网页的背景音乐之外，还可以使用链接或嵌入声音与视频进一步丰富页面的内容。10.1.4插入JavaApplet小程序Java之所以流行，有两个原因：一是它能工作在任何装有Java虚拟机的计算机上；二是可防止Java程序危害用户计算机的安全性。运行一个Java程序时，它在计算机上创建一个虚拟空间来运行此程序，此虚拟空间就是所用的虚拟机。任何配备Java虚拟机的计算机均可运行小的Java程序，即Applet（小程序）。10.1多媒体对象10.1.5插入Flash按钮对象在使用Dreamweaver时，用户可以在文档中创建、插入和修改Flash按钮，无须打开Flash。Flash按钮对象是基于Flash模板的可更新按钮。用户可以自定义Flash按钮对象，并添加文本、背景颜色，以及指向其他文件的链接。在设计视图或代码视图中工作时，用户可以在文档中创建和插入Flash按钮。需要注意的是，在插入Flash按钮对象前，必须先保存文档。插入Flash按钮对象的方法如下所述。在文档窗口中，将插入点放置在要插入Flash按钮的位置，然后执行以下操作之一：在插入工具栏的“常用”分类中，选择“媒体”→“Flash按钮”；执行“插入记录”→“媒体”→“Flash按钮”命令。10.1多媒体对象10.1.6插入Flash内容使用Dreamweaver可以在页面中添加Flash内容（包括Flash动画文件和Shockwave影片），然后在文档和浏览器中预览。向网页中插入用Flash制作好的动画（Flash动画也称为Flash电影）的步骤如下所述。①将光标定位到要插入Flash动画的位置。②执行“插入记录”→“媒体”→“Flash”命令。Shockwave作为Web上交互式多媒体的标准，是一种压缩格式，使得在Director中创建的多媒体文件能够被快速下载，而且可以在大多数常用浏览器中进行播放。向网页中插入用Director制作好的电影，步骤如下所述。①将光标定位到要插入Shockwave电影的位置。②执行“插入记录”→“媒体”→“Shockwave”命令，打开“选择文件”对话框，选择要插入的Shockwave电影即可。10.1多媒体对象10.1.7插入FlashPaper电子文档FlashPaper电子文档转换工具可以轻易地将任何可打印的文档（Word、Excel等）转换为Swf文件或PDF文件，并且转换后的文件具有很强的保密性，可以防止浏览者进行复制粘贴，从而保护了作者的劳动成果。用户可以在网页中插入FlashPaper文档。当浏览器中打开包含FlashPaper文档的页面时，用户可以浏览FlashPaper文档中的所有页面，而无需加载新的网页。向网页中插入FlashPaper文档的步骤如下所述。①将光标定位到要插入FlashPaper文档的位置。②执行“插入记录”→“媒体”→“FlashPaper”命令，打开“插入FlashPaper”对话框，选择要插入的FlashPaper文档即可。10.1多媒体对象10.2.1JavaScript脚本简介JavaScript是一种基于对象（Object）和事件驱动（EventDriven）并具有安全性能的脚本语言。使用它的目的是与HTML、CSS一起实现在一个Web页面中链接多个对象，与Web客户交互的作用。JavaScript不是Java，只不过两者类似。JavaScript语言的前身叫作Livescript，自从Sun公司推出著名的Java语言后，Netscape公司引进了Sun公司有关Java的程序概念，将Livescript重新进行设计，并改名为JavaScript。10.2网页特效10.2.2制作网页特效1．循环滚动的字幕在网页中，制作滚动字幕使用marquee标签，其格式为：marqueedirection=left|right|up|downbehavior=scroll|side|alternateloop=i|-1|infinitehspace=mvspace=nscrollamount=iscrolldelay=jbgcolor=色彩width=x|x%height=y流动文字或（和）图片/marquee10.2网页特效10.2.2制作网页特效1．循环滚动的字幕在网页中，制作滚动字幕使用marquee标签，其格式为：marqueedirection=left|right|up|downbehavior=scroll|side|alternateloop=i|-1|infinitehspace=mvspace=nscrollamount=iscrolldelay=jbgcolor=色彩width=x|x%height=y流动文字或（和）图片/marquee2．幻灯切换的广告3．美观的日历控件10.2网页特效1．使用时间轴制作一个循环切换画面的广告网页。每隔一段时间，广告自动切换到下一幅画面；用户单击广告右边的小图，将直接切换到相应的画面，效果如图10-36所示.2．使用时间轴和图层制作网页中飘动的广告图像效果，效果如图10-37所示。3．制作网页导航区域的Flash按钮，效果如图10-38所示。4．将一篇Word文档三字经转换为FlashPaper文档，将其添加到页面中，效果如图10-39所示。5．制作一个禁止使用鼠标右键操作的网页。当浏览者在网页上点击鼠标右键时，自动弹出一个警告对话框，禁止用户使用鼠标右键快捷菜单，实例效果如图10-40所示。习题10