网页设计与网站建设完全实战手册
上QQ阅读APP看书,第一时间看更新

6.5 插入Flash动画

在网页中插入Flash动画可以增加网页的动感,使网页更具吸引力,因此多媒体元素在网页中的应用越来越广泛。下面以如图6-29所示的效果为例讲述如何在网页中插入Flash影片,具体操作步骤如下:

图6-29 插入Flash动画的效果

01 打开原始网页文档,将光标置于要插入Flash动画的位置,如图6-30所示。

图6-30 打开网页文档

02 执行“插入”|“媒体”|“Flash SWF”命令,弹出“选择SWF”对话框,在对话框中选择相应的Flash文件,如图6-31所示。

图6-31 “选择SWF”对话框

★提示★

插入Flash动画还有两种方法:

●单击“媒体”插入栏中的Flash按钮,弹出“选择SWF”对话框,也可以插入Flash影片。

●拖动“常用”插入栏中的按钮至所需要的位置,弹出“选择SWF”对话框,也可以插入Flash影片。

03 在对话框中选择top.swf,单击“确定”按钮,即可插入Flash动画,如图6-32所示。

图6-32 插入Flash动画

★知识要点★

插入的Flash的“属性”面板的各项参数含义如下:

●Flash文本框:输入Flash动画的名称。

●宽、高:设置文档中Flash动画的尺寸,可以输入数值改变其大小,也可以在文档中拖动缩放控制点来改变其大小。

●文件:指定Flash文件的路径。

●源文件:指定Flash源文档.fla的路径。

●背景颜色:指定影片区域的背景颜色。在不播放影片时(在加载时和在播放后)也显示此颜色。

●编辑:启动Flash以更新FLA文件(使用Flash创作工具创建的文件)。如果计算机上没有安装Flash,则会禁用此选项。

●类:可用于对影片应用CSS类。

●循环:选中此复选框可以重复播放Flash动画。

●自动播放:选中此复选框,当在浏览器中载入网页文档时,自动播放Flash动画。

●垂直边距和水平边距:指定动画边框与网页上边界和左边界的距离。

●品质:设置Flash动画在浏览器中的播放质量,包括“低品质”、“自动低品质”、“自动高品质”和“高品质”4个选项。

●比例:设置显示比例,包括“全部显示”、“无边框”和“严格匹配”3个选项。

●对齐:设置Flash在页面中的对齐方式。

●Wmode:默认值是不透明,这样在浏览器中,DHTML元素就可以显示在SWF文件的上面。如果SWF文件包括透明度,并且希望DHTML元素显示在它们的后面,选择“透明”选项。

●播放:在“文档”窗口中播放影片。

●参数:打开一个对话框,可在其中输入传递给影片的附加参数。影片必须已设计好,可以接收这些附加参数。

04 保存文档,按F12键在浏览器中预览,效果参见图6-29所示。