Flash网站优化及透明FLASH代码详解

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,而搜索引擎看到的是页面内容部分。并且不会视为作弊。

时间: 2024-12-21 20:20:27

Flash网站优化及透明FLASH代码详解的相关文章

网站优化步骤及meta标签详解

网站优化步骤及meta标签详解 1.title 2.keywords 3.description 4.网站内容优化 5.内部链接结构 6.外部链接 7.网站地图等等. 还有一个主要的meta主要说一下: meta是用来在HTML文档中模拟HTTP协议的响应头报文.meta 标签用于网页的与中,meta 标签的用处很多.meta 的属性有两种:name和http-equiv.name属性主要用于描述网页,对应于content(网页内容),以便于搜索引擎机器人查找.分类(目前几乎所有的搜索引擎都使用

网站优化关键词和长尾关键词详解

网站优化关键词和长尾关键词详解 ,还存在于内容中.搜索量非常少,并且不稳定.长尾关键词带来的客户,转化为网站产品客户的概率比目标关键词高很多.存在大量长尾关键词的大中型网站,其带来的总流量非常大.长尾关键词基本属性是:可延伸性,针对性强,范围广. 长尾关键词特征: 1:词语比较长,一般由2个以上的词或短语组成; 2:精确度高,针对性强,客户转换率高; 3:搜索量相比目标关键词小很多; 4:词语可延伸,范围也比较广. 长尾关键词举例: 比如一家企业是专门给其他公司做网络营销推广的,那么目标关键词"

利用google提供的API(JavaScript接口)获取网站访问者IP地理位置的代码详解_javascript技巧

首先引入JavaScript API文件 <script type="text/javascript" src="http://j.maxmind.com/app/geoip.js"></script> 此API提供的接口共有6个,geoip_country_code(){国家代码},geoip_country_ name(){国家名称},geoip_city() {城市名称},geoip_region(){地区代码},geoip_latit

收集的FLASH的param属性和属性的详解_Flash教程

关于FLASH的param属性和属性的详解 <object classid="clsid27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="580" height="110"> <pa

大型网站架构系列:负载均衡详解(3)

原文:大型网站架构系列:负载均衡详解(3) 软件负载均衡概述 Ngnix负载均衡 Lvs负载均衡 Haproxy负载均衡 本次分享总结 一.软件负载均衡概述 硬件负载均衡性能优越,功能全面,但是价格昂贵,一般适合初期或者土豪级公司长期使用.因此软件负载均衡在互联网领域大量使用.常用的软件负载均衡软件有Nginx,Lvs,HaProxy等.本文参考大量文档,部分为直接拷贝,参考出处见负载均衡详解(4). 二.Ngnix负载均衡 Ngnix是一款轻量级的Web服务器/反向代理服务器,工作在七层Htt

大型网站架构系列:负载均衡详解(4)

原文:大型网站架构系列:负载均衡详解(4) 本文是负载均衡详解的第四篇,主要介绍了LVS的三种请求转发模式和八种负载均衡算法,以及Haproxy的特点和负载均衡算法.具体参考文章,详见最后的链接.   三.LVS负载均衡 LVS是一个开源的软件,由毕业于国防科技大学的章文嵩博士于1998年5月创立,用来实现Linux平台下的简单负载均衡.LVS是Linux Virtual Server的缩写,意思是Linux虚拟服务器. 基于IP层的负载均衡调度技术,它在操作系统核心层上,将来自IP层的TCP/

SQL行转列和列转行代码详解

行列互转,是一个经常遇到的需求.实现的方法,有case when方式和2005之后的内置pivot和unpivot方法来实现. 在读了技术内幕那一节后,虽说这些解决方案早就用过了,却没有系统性的认识和总结过.为了加深认识,再总结一次. 行列互转,可以分为静态互转,即事先就知道要处理多少行(列);动态互转,事先不知道处理多少行(列). --创建测试环境 USE tempdb; GO IF OBJECT_ID('dbo.Orders') IS NOT NULL DROP TABLE dbo.Orde

CI框架(ajax分页,全选,反选,不选,批量删除)完整代码详解_php技巧

CodeIgniter 是一个小巧但功能强大的 PHP 框架,作为一个简单而"优雅"的工具包,它可以为开发者们建立功能完善的 Web 应用程序.是比较主流的一个PHP框架. 下面给大家介绍CI框架(ajax分页,全选,反选,不选,批量删除)完整代码,具体代码如下所示: //ajax分页+搜索(视图层) function ajax_page(page){ var sou = $('#sou').val(); $.ajax({ type: "POST", dataTyp

jQuery实现区域打印功能代码详解_jquery

使用CSS控制打印样式,需要设置样式media="print",并且将页面中不需要打印的元素的样式display属性设置为none.如DEMO中,我将页头页脚及其他不需要打印的元素的样式设置如下: <style type="text/css" media="print"> #header,.top_title,#jqprint,#footer,#cssprint h3{display:none} </style> 用jQu