网页设计与网站建设全攻略
上QQ阅读APP看书,第一时间看更新

4.5 插入Flash

FlashSWF动画是在专门的Flash软件中完成的,在Dreamweaver中能将现有的Flash SWF动画插入到文档中。在Dreamweaver中插入Flash SWF影片的效果如图4-28所示,具体操作步骤如下。

图4-28 插入Flash SWF影片的效果

原始文件:原始文件/04/4.5/index.htm
最终文件:最终文件/04/4.5/index1.htm

步骤01 打开网页文档,将光标置于要插入Flash SWF影片的位置,如图4-29所示。

图4-29 打开网页文档

步骤02 执行“插入”|“媒体”| Flash SWF命令,弹出“选择SWF”对话框,在对话框中选择文件jiud.swf,如图4-30所示。

图4-30 “选择SWF”对话框

★指点迷津★

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

步骤03 单击“确定”按钮,插入SWF影片,如图4-31所示。

图4-31 插入SWF影片

步骤04 选中插入的Flash,打开“属性”面板,在“属性”面板中设置Flash相关属性,如图4-32所示。

图4-32 Flash属性面板

★指点迷津★

SWF属性面板的各项设置。

• SWF文本框:输入SWF动画的名称。

• “宽”和“高”:设置文档中SWF动画的尺寸,可以输入数值改变其大小,也可以在文档中拖动缩放手柄来改变其大小。

• “文件”:指定SWF文件的路径。

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

• “循环”:选中此复选框可以重复播放SWF动画。

• “自动播放”:选中此复选框,当在浏览器中载入网页文档时,自动播放SWF。

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

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

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

• “对齐”:设置SWF在页面中的对齐方式。

• Wmode:为SWF文件设置Wmode参数以避免与DHTML元素(例如Spry构件)相冲突。

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

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

步骤05 保存文档,按F12键即可在浏览器中预览,效果如图4-28所示。