首页 理论教育FLASH动画插入网页|基于HTML与CSS的网页设计

FLASH动画插入网页|基于HTML与CSS的网页设计

【摘要】:完成本任务所用到的主要知识点:标签标签标签问题已经制作了一个FLASH 动画,就像电视里的音乐MV 那样精致。这个动画的文件名为“gaoxyjni.swf”。分析FLASH 动画是网页中常见的多媒体类型。解决方案 新建网页文档3.html。 使用EditPlus 打开3.html 网页,在其中编写以下代码。图上机1.4弹出警告对话框单击按钮,浏览器将显示FLASH 动画,如图上机1.5 所示。图上机1.5FLASH 动画 使用chrome 浏览器测试这个网页,发现不能正常显示这个FLASH 动画。

完成本任务所用到的主要知识点:

➢<object></object>标签

➢<param />标签

➢<embed />标签

问题

已经制作了一个FLASH 动画,就像电视里的音乐MV 那样精致。这个动画的文件名为“gaoxyjni.swf”。我们想把这个FLASH 动画插入到我们的网页中播放。

分析

FLASH 动画是网页中常见的多媒体类型。使用本章介绍的<object></object>及它内部的<param />标签和<embed />标签可以实现在网页中嵌入多媒体文件。

解决方案

(1) 新建网页文档3.html。

(2) 使用EditPlus 打开3.html 网页,在其中编写以下代码。(www.chuimin.cn)

(3) 双击这个网页,启动IE 浏览器测试这个网页,结果如图上机1.3 所示。

图上机1.3 播放FLASH 动画

鼠标单击网页显示区域顶部的警告,在弹出的菜单中选择【允许阻止的内容】,此时,浏览器会弹出警告对话框,如图上机1.4 所示。

图上机1.4 弹出警告对话框

单击【是】按钮,浏览器将显示FLASH 动画,如图上机1.5 所示。

图上机1.5 FLASH 动画

(4) 使用chrome 浏览器测试这个网页,发现不能正常显示这个FLASH 动画。

(5) 增强代码在各种浏览器之间的兼容性。在最后一个<param />标签之后和</object>标签关闭之前,添加以下代码:

(6) 再次在chrome 浏览器中测试这个网页,动画能正常显示。