Flash比GIF动画要漂亮些,我们把它设为透明后,Flash的背面我们可以插入一些漂亮的图片与之搭配达到很漂亮的效果;这时候可能更灵活的使用页面效果。或者仅仅在网页中加入透明的Flash,对于透明flash,如果无法加载,选择一种合适的代码,对于搜索引擎及用户体验来说都是很好的。在这里推荐使用第一种代码embed模式。漂亮的动画页面可吸引更多的人来拜访你哦~当然插入Flash也需谨慎,并且浏览器也要考虑用户是否使用了flash控件,并且它会使网页加载速度明显变慢(国外的速度当然不能比了)。
记得做过一个情人节的专题网页,不过因为时间问题,又停止了,里面使用了透明flash,png图片及页面切换CSS样式的高级运用,利用z-index,绝对定位等实现,网址:http://www.demoseo.com/Valentine-Day/。
(一)首先教大家最简单的插入Flash的代码,透明,无坐标控制,这代码在各主流浏览器上的兼容性比较好,并且可以自定义class样式,做全局样式控制。对于搜索引擎来说,减少了代码字节,标签记得要闭合:
注意wmode="transparent"是控制Flash是否透明显示的,如果不想让它显示为透明的,直接把wmode="transparent"去掉即可。
<EMBED pluginspage='http://www.macromedia.com/go/getflashplayer' src="http://www.demoseo.com/Valentine-Day/images/demoseo.swf" type='application/x-shockwave-flash' width="795" height="153" wmode="transparent" quality="high"></EMBED>
这里举个样式使用的例子,绝对定位。加入绝对坐标的透明Flash,绝对坐标意味着不管你的窗口拉多大,那个Flash依然乖乖地在原地不动。
<embed src="http://www.demoseo.com/Valentine-Day/images/demoseo.swf" style="left:0px; POSITION: absolute; top: 18px;z-index:-3px;" width="795" height="153" quality="high" wmode="transparent" ></EMBED>
相对坐标的透明Flash,注意下面代码的table部分,这主要是使用表格作为容器,把Flash“装”到表格里,这样不管浏览者把浏览器拉多大,Flash永远和表格一起动。而且,表格可以设置背景图片,表格上面再放一个透明Flash与背景图片相配合,哇塞,效果好得不得了。
<table border="0" cellPadding="0" cellSpacing="0" width="795" height="153"align=center >
<TD width="795" height="153"><EMBED pluginspage=http://www.macromedia.com/go/getflashplayer
src="http://www.demoseo.com/Valentine-Day/images/demoseo.swf"
type=application/x-shockwave-flash wmode="transparent"
quality="high"></EMBED></TD></td></table>
(二)、对于Flash的网站优化,现在也流行了flash全站,或部分flash的运用,但对于搜索引擎来说,就像一张白纸,根本不会考虑网站中flash的内容和表现目的。因此对于搜索引擎来说,并不喜欢FLash,至少不是懂flash,做
忽略考虑。尤其是追求设计与动感的
企业站或个人,可能会考虑精美的flash首页,但收录效果并不好,设置关键字也没有任何意义,对于搜索引擎说你的网站根本没有传送任何与关键词有关的信息。如果再堆积一些关键词的话,还可能视为作弊。
所以要慎重考虑flash网站的优化。可以用一段文字在flash底部说明。虽然可能影响美观,但对于搜索引擎来说是比较友好的。当然你也可以考虑隐藏你的文字,不过可能被视为搜索引擎作弊。
当然可以考虑flash的浮动层运用,而自然的设置文字,以静态页面或动态页面为底,插入刚才说的浮动flash,就可以了,等于给用户看到的是flash,而搜索引擎看到的是页面内容部分。并且不会视为作弊。