学习Flash在html中定位以及在浏览器中显示

文章类别：Flash AS | 发表日期:2009-8-10 10:09:57

关于flash在html中定位以及在浏览器中显示的问题。这里说下我的经验。谈不上教程哦。我只是研究着写了后用的很好。不爱看代码的同志也并不需要完全看懂，改下关键字粘贴用就可以了。感觉我说的都是不值一提的高手，请飘走，即便是这样的基础知识，也不见得谁都会呢。何况我觉得很实用啊。通常大家的flash全站都是由一个大点的swf加载在一个html文件里的，然后有的时候也许会用loadMovie加载外部的其他swf。但是一般情况下不是很经常打开新的网页，所以说一个结构好的html容器如果适用的话，那么大部分时间里，我们都不用在重新为每个全站写html了。我做过的大部分flash全站都是用这个html文件容器。。。
在粘贴html源代码之前，先插一句，我的全站fla文件中，设置的舞台大小通常是1600*1280的尺寸，这样做的目的是为了适应用户的各种分辨率。为了高亮显示关键区域，这里没用脚本显示，最后沾上完整源文件。

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta name="verify-v1"

content="B9Z1EKuHCW5Tv5qdQ9KsXKw1diURzyEqzrVTDTeqIJc=" />
<META NAME="Author" CONTENT="PLATINA-

DESIGN,BLANDON.TRUEGRAVE@GMAIL.COM"/>
<META HTTP-EQUIV="Content-Type" content="text/html;

建站"/>
        <META NAME="Description" CONTENT="platina-design设计工作室"/>
        <META NAME="Robots" CONTENT="all"/>
              <link rel="icon"

href="http://www.nidezhandian.com/favicon.ico"/>
<title>PLATINA DESIGN 专业flash全站建设我们只做全flash

网站</title>
<script language="javascript">
function open_window

(targetUrl,winName,features){
                            window.open(targetUrl,winName,features);
                     }
              </script>
              <script language="javascript">AC_FL_RunContent =

0;</script>
<script src="AC_RunActiveContent.js"

language="javascript"></script>
       <style type="text/css">

</style></head>
       <body style="margin: 0px">

       <script language="javascript">
       if (AC_FL_RunContent == 0) {
              alert("This page requires AC_RunActiveContent.js.");
       } else {
              AC_FL_RunContent(
                     'codebase',

'http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#

version=8,0,0,0',
                     'width', '100%',
                     'height', '100%',
                     'src', 'xinban',
                     'quality', 'high',
                     'pluginspage',

'http://www.macromedia.com/go/getflashplayer',
                     'align', 'm',
                     'play', 'true',
                     'loop', 'true',
                     'scale', 'noscale',
                     'wmode', 'Opaque',
                     'devicefont', 'false',
                     'id', 'xinban',
                     'bgcolor', '#181818',
                     'name', 'xinban',
                     'menu', 'false',
                     'allowFullScreen', 'false',
                     'allowScriptAccess','sameDomain',
                     'movie', 'xinban',
                     'salign', 'm'
                     ); //end AC code
       }
</script>

       </body>
</html>

这里高亮提示的部分是你需要知道的内容，开始的部分比较重要，这个能够决

定你的flash站点能够对搜索引擎友好程度。

<META NAME="Author" CONTENT="PLATINA-

DESIGN,BLANDON.TRUEGRAVE@GMAIL.COM"/>
这句是作者信息，你可以写也可以不写
<META HTTP-EQUIV="Content-Type" content="text/html;

charset=utf-8" />
这句是表明网页的编码字符，需要写
              <META HTTP-EQUIV="Pragma" CONTENT="no-cache"/>
这个代表你的网站在浏览器中不需要数据缓存
              <META HTTP-EQUIV="Cache-Control" CONTENT="no-cache"/>
不需要缓存，我通常都写上。
              <META HTTP-EQUIV="Expires" CONTENT="0"/>
        <META NAME="Keywords" CONTENT="flash全站,全flash网站,全flash

建站"/>
这句最关键，是你的网站在搜索引擎中的关键字，能否被搜索到，这个很重要

，关键字不要太多，用逗号分隔。
<META NAME="Description" CONTENT="platina-design设计工作室"/>
这个是对你站点的大概描述，对搜索引擎也重要。
<META NAME="Robots" CONTENT="all"/>
这个代表搜索引擎的机器人程序可以随意抓取你网站的任意页面，（flash站的

页面还真不多。。。汗）
<link rel="icon"

href="http://www.nidezhandian.com/favicon.ico"/>
这个是在浏览器上显示的小图标，收藏的时候可以看到，在多窗口浏览器的标

签上也可以看到，需要注意的是，需要绝对路径，以及同样的文件名，也就是

favicon.ico
<title>PLATINA DESIGN 专业flash全站建设我们只做全flash

网站</title>
标题啦

以上的部分基本都是为了公开你的网站，以及方便别人搜索到你的网站使用的

代码。如果你希望你的flash网站被搜索到，那么这些部分是有必要写的

中间的java脚本部分是问了让部分浏览器跳过在加载flash网站的时候提示“是

否使用该控件”的部分，关键的是这个文件AC_RunActiveContent.js，在你用

flash9发布html的同时这个js会被自动创建，不要忘记把这个文件和你的网站

放在一个文件夹内，当然你也可以放在其他文件夹内，到时候不要忘记更改一

下路径，

下面的部分就是关于flash在这个html网页中的布局参数了。如何显示你的swf

，下面的脚本虽然简单但是很重要。

'width', '100%','height', '100%',
这个是flash在html场景中显示的比例或者尺寸，需要注意：如果你的flash不

超过一般尺寸，也就是说大小在1000*650以内（如果你需要最小适应800*600的

浏览者分辨率，那么这个参数更小些。）不需要滚动条，那么你就可以把参数

设置成如上的100 percent。。。如果你的flash尺寸高度或者宽度是设计成需

要滚动条才能全部浏览的话，那么就把参数设置成你swf场景的宽度，比

如'width', '1000','height', '1500'
'src', 'xinban',
这个代表你嵌在网页中的swf的文件名，不需要写.swf的后缀名。。。只需要写

前文件名就可以，
'quality', 'high',
swf显示品质，没什么问题都用high吧。
'pluginspage',

'http://www.macromedia.com/go/getflashplayer',
为没有flashplayer的怪胎准备的自动下载。。。。
'align', 'm',
这个是swf在场景中的横向对齐，通常都是对齐中间，这样你在放大缩小浏览器

窗口的时候，swf总是在居中显示，只要浏览器的场景宽度超过swf宽度，那么

你的swf就能显示出来。
                     'play', 'true',
                     'loop', 'true',
播放？是的，让他播放。。循环？是的让他循环
                     'scale', 'noscale',
缩放模式：通常因为我们是flash网站，因为内部会有一些位图图片，所以通常

是不缩放的，免得图片失真，当然如果你的站内全部是适量的图样，那么也可

以选择可以缩放，怎么写我不会，自己用flash发布一个html看吧。
'wmode', 'Opaque',
和html混合的时候处理透明什么玩意的，掠过，我的全站都沾满整个html场景

的。
                     'devicefont', 'false',
                     'id', 'xinban',
替换成你的swf名字，
                     'bgcolor', '#181818',
网页背景颜色，你在fla里设置的背景颜色，在这里也同样的设置一下。
                     'name', 'xinban',
替换成你的swf名字，
                     'menu', 'false',
在你的flash网站上点击右键，没有参数选择，只有关于flashplayer和设置两

个选项
                     'allowFullScreen', 'false',
允许全屏么？不允许，需要允许选择true
                     'allowScriptAccess','sameDomain',
脚本允许在同一个域内执行，管他什么意思，你都沾上。
                     'movie', 'xinban',
替换成你的swf名字，
                     'salign', 'm'
最后这个纵向对齐也比较重要，如果你的flash站是长条的，也就是说高度需要

滚动条，那么通常你要把纵向对齐对齐到顶部，让你的swf贴着浏览器窗口的顶

部。如果你的swf不需要滚动，大小控制在缺省安全范围内，那么这个对齐就对

齐到中间，也就是m，也就是说，如果如果你的横向对其和纵向对齐都设置成了

m的话，那么无论浏览者如何调整窗口大小，你的flash总是显示在中间，只要

浏览器窗口比你的swf大，你的影片就能全部显示。怎么样，我讲解的够傻瓜吧

。。。

最后如果你希望你的flash站能够被搜索引擎搜索的到的话，最好在html里面添

加一个浮动的div层，里面写上你网站的文本内容，这样搜索引擎是可以搜索到

html内容的，这样的方法应该可以让你的flash站和html站一样友好，我是这么

猜想的。所以我的每个flash站里都有一个隐藏的div文本，他不会显示，所以

也就不影响你的flash显示，他只存在于天空的浮云中。。。呵呵。。

最后是完整的源文件
复制内容到剪贴板代码:
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta name="verify-v1"

content="B9Z1EKuHCW5Tv5qdQ9KsXKw1diURzyEqzrVTDTeqIJc=" />
<META NAME="Author" CONTENT="作者信息写这里PLATINA-

DESIGN.com,BLANDON.TRUEGRAVE@GMAIL.COM"/>
<META HTTP-EQUIV="Content-Type" content="text/html;

charset=utf-8" />
        <META HTTP-EQUIV="Pragma" CONTENT="no-cache"/>
        <META HTTP-EQUIV="Cache-Control" CONTENT="no-cache"/>
        <META HTTP-EQUIV="Expires" CONTENT="0"/>
        <META NAME="Keywords" CONTENT="关键字1,关键字2,关键字3"/>
        <META NAME="Description" CONTENT="网站描述"/>
        <META NAME="Robots" CONTENT="all"/>
        <link rel="icon" href="你网站的绝对地址下的favicon.ico"/>
        <title>标题写这里</title>
        <script language="javascript">
            function open_window(targetUrl,winName,features){
                window.open(targetUrl,winName,features);
            }
        </script>
        <script language="javascript">AC_FL_RunContent = 0;</script>
        <script src="AC_RunActiveContent.js"

language="javascript"></script>
<style type="text/css">

</style>
</head>
    <body style="margin: 0px">

    <div class="STYLE1" id="apDiv1">
      <p class="STYLE2 STYLE1">你网站的内容，写在这里些吧，让搜索引擎

看得到</p>
      <p class="STYLE4"> </p>
    </div>
    <script language="javascript">
    if (AC_FL_RunContent == 0) {
        alert("This page requires AC_RunActiveContent.js.");
    } else {
        AC_FL_RunContent(
            'codebase',

'http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#

version=8,0,0,0',
            'width', '100%',
            'height', '100%',
            'src', 'main',
            'quality', 'high',
            'pluginspage',

'http://www.macromedia.com/go/getflashplayer',
            'align', 'm',
            'play', 'true',
            'loop', 'true',
            'scale', 'noscale',
            'wmode', 'Opaque',
            'devicefont', 'false',
            'id', 'main',
            'bgcolor', '#181818',
            'name', 'main',
            'menu', 'false',
            'allowFullScreen', 'false',
            'allowScriptAccess','sameDomain',
            'movie', 'main',
            'salign', 'm'
            ); //end AC code
    }
</script>

    </body>
</html>

上一篇：{教程}实现Flash随浏览器宽度变化而居中显示的效果人气:3232
下一篇：{教程}利用FLASH＋ASP扫描文件夹实现图片展示功能人气:2304

Flash AS视频教程

视频教程列表

计算机基础入门及办公自动化:

网页制作开发视频教程:

平面广告设计视频教程

初级程序设计及ASP动态网站开发

Asp.net动态网站开发视频教程

Flash 动画角本编程视频教程

文章教程搜索

Flash AS推荐教程

Flash AS热门教程

.Flash as教程：FlashDevelop进行

.Flash as教程：FlashDevelop进行

.Flash as教程：FlashDevelop进行

.Flash as教程：FlashDevelop进行

.Flash as教程：FlashDevelop进行

.Flash AS3教程：单例模式通用类写

.Flash AS3教程：单例模式通用类写

.Flash教程:as3把2D图片分析成文

.Flash教程：如何用FLASH遮罩效果

.Flash教程:Flash AS3单例模式通

.Flash教程:Flash as313个常用小

.Flash教程:as3把2D图片分析成文

.精彩实例详解：用Flash实现北京奥

.Flash设计教程：光效果之扫描字特

.商业Flash设计经验谈(速度感)

.FLASH透明背景代码

.flash AS2数组使用小结

.Flash AS3制作随意拖动的四边形

.FLASH AS教程_解决从as2到as3的

.FLASH AS教程_解决for (i=1; i<

.FLASH AS教程_解决FLV格式视频在

.FLASH AS教程_flex的作用

.Flash AS制作奔跑的骏马

.3dMax+After Effects制作标志发

.3DSMAX制作游戏场景烘焙贴图

.开放-封闭原则（OCP）[下] 教程源

.开放-封闭原则教程源码

.初学AS3写了个二级菜单教程源码

.带2级的Flash导航教程源码

.Flash从入门到提高视频教程Flas

Windows操作 [文]	Word教程 [文]	Excel教程 [文]	PowerPoint [文]	Dreamweaver [文]	Fireworks [文]
Flash教程 [文]	PhotoShop [文]	CorelDraw [文]	C语言教程 [文]	Html教程 [文]	Div+Css布局 [文]
Javascript [文]	ACCESS数据库 [文]	ASP教程 [文]	SQLServer [文]	ASP.NET教程 [文]	FlashAS [文]

Word教程网	Excel教程网	Dreamweaver 教程网	Fireworks教程网	PPT教程网	FLASH教程网	PS教程网
HTML教程网	DIV CSS教程网	FLASH AS教程网	ACCESS教程网	SQL SERVER教程网	C语言教程网	JAVASCRIPT教程网
ASP教程网	ASP.NET教程网	CorelDraw教程网