全flash建站基础教学与我的经验(页 1) - Flash 8 及之前版本 - 经典论坛网页-网站-制作-设计-编程

diamondian 发表于 2008-2-9 22:11

全flash建站基础教学与我的经验

本人是设计出身，对语言根本不在行，但是做flash站没有一点as基础，什么效果也出不来，经过一段时间的摸索，和若干业务的锻炼，现在积累了一点经验，不敢独享，把这些真正由实战中得来的东西送给和我一样对程序不在行设计师以及新手朋友。老鸟们请飘过。

在开始之前，我想说，做出一个优秀的flash站的重要前提是什么？我认为首先是对美的理解再次是用户界面的合理性，曾经见过很多朋友做过的全站，充斥着各种动态效果以及技术模块，但是效果却不尽如人意，看起来很有土洋结合的味道，同时也看过很多国外的源文件，我发现里面用到的技术并非非常复杂的as程序。连我都可以轻易看懂。但是无论是界面配色以及动态效果都非常的不错。可以说一个flash站是否有视觉冲击力是它价值的首要体现，而缺乏基本的美术功底，做出来的东西就必然缺乏美观。所以我认为，任何软件或者技术都是为了实现目的而服务的，在我们努力学习as语言的同时，也应该不断的加强自己的艺术修养，而这个对美判断的能力显然需要比学任何计算机语言都要付出更多的时间去积累和沉淀。否则就算熟透as3，驾驭了air。我们同样永远也做不出优秀的作品，在文章末尾，再继续探讨。

好的，这里开始

一： flash网站的基本布局
[img]http://www.shengmeixing.com/blue/jiegou.jpg[/img]
一般来说，这个结构是我最常用的flash全站结构，在flash中，我会根据不同的页面元素进行分类，然后分布在各个层中，并且起上相应的名字，便于操作，在源文件中建议养成良好的命名习惯，通常一个全站在成型之前，这个文件，我们会对他操作n次，所以为了提高工作效率以及方便日后调用，良好的结构非常重要。
如图所示，as脚本层放置在最上方，页面中的所有元素都根据实际的深度排列到相应的层中。bg也就是页面背景放置在最下方。

   1：通常影片的场景大小，我设置成1600*1200，以适应各种显示器分辨率，帧率设置成30，根据需要也可以进行调整。关于在浏览器中适应浏览的问题，我放到最后说明。这里先放下。
   2：loading通常放在第一帧，而且除了背景以外，并不安排其他元素在第一帧内，这样可以保证第一帧的数据量很小。便于loading 动画的正确显示。
   3：每个大型的深层次mc，以及经常需要切换到内部的mc，比如页面的mc，导航部分的mc，等等，我通常会在场景外做一个入口，也就是一个色块，因为有的mc并非在内部的第一帧就有内容，在外层的时候他是空白的，所以为了便于操作，在内部的第一帧建立一个色块，便于随时双击进入操作。
   4：不要把所有的动画和内容都安排在主时间轴里，这样的操作会让你在以后的施工中非常的难于调整，甚至无法增添内容。我认为，应该把内容分成大类，然后相应的做成原件，根据内容的树状结构，相应的安排mc的嵌套。然后在各个时间轴里，用写在某个位置的as来控制各个时间轴的衔接。
   比如mc1和mc2都是内部有非常复杂动画的mc，我们要mc1动画完毕后开始mc2，这时候就不要把两个mc的内部动画放在一个时间轴内，最好是分别mc1,mc2各一帧，同时在mc1内部的最后一帧上写_parent.gotoandplay(mc2所在的帧)。

二：loading的制作

关于loading的制作，网上有的是教程，我只用一个最常用的做法，曾经很多教程上介绍如果做一个精妙的loading云云，我从来都没有深究，这段代码，我在无数个老外的源文件中都看到，连其中没有使用的进度显示文本代码都一样。。呵呵。。我的每个全站作品都是用的这个，loading原件通常安排在主时间轴上，内部的动画一定要打包成mc，呵呵，这个loading的内部动画安排成100帧，形式可以随意。只要是个100帧的动画就可以了。
[img]http://www.shengmeixing.com/blue/loading.jpg[/img]

三：有关于按钮

其实flash站80%的功能都是基于鼠标事件来完成的，所以按钮在网站中的地位不言而喻，在我理解一个flash全站无非就是通过一些按钮的导向来播放不同位置的mc。
按钮有两种方式可以实现。一种是按钮元件，一种是影片剪辑元件，这两个原件中。按钮只有4帧，而影片剪辑没有限制，所以如果需要一个有动画效果的按钮的时候，我们就只能用影片剪辑也就是mc来实现。事实上，我认为，mc在大部分时间里都可以替代按钮，通过脚本控制mc来实现按钮的功能要比按钮灵活的多。

这是一个最通常的动画按钮的内部结构
[img]http://www.shengmeixing.com/blue/btn.jpg[/img]

新手提示：这里需要提示的是关于帧标签的概念：上图中时间轴里标注的s1与s2是帧标签，在帧的属性栏里可以输入，使用了帧标签可以用gotoAndPlay等等语句来播放该真标签所开始的位置，过了该帧标签的范围后，不会停止哦~~。用帧标签的好处是你无需理会关键桢的数值，在任何地方播放这段动画，都可以含义明了的操作，并且容易解读和记忆。

在这个按钮mc所在的帧上（上图的外层）写上如下脚本，这个按钮就生效了
[code]
btn1.onRollOver=function(){btn1.gotoAndPlay"s1"};
btn1.onRollOut=function(){btn1.gotoAndPlay"s2"};
btn1.onRelease=function(){};
[/code]
可以看出在用脚本对btn1按钮添加了onRollOver，onRollOut，onRelease事件后，也就是经过，离开，点击，这个mc就拥有了一个按钮的3种状态，至于点击并不松手这种状态，通常并不常用，所以就没有添加，如果需要的话，那么只需要在对应的帧上写onPress事件就可以了

需要注意的是：利用这样的写法来实现的按钮，时间轴不能过长，也就是说，动作效果不能动画太长，如果时间很长的话，当你的鼠标划过的时候，这个按钮会执行s2部分，而这么长的动画，你并不是想要播放的，这个按钮已经可以说是一段用鼠标事件激活的动画了，不该用鼠标经过这样的事件来激活。

在全站中经常有这样的情况，即是很多按钮都要实现类似或者同一种类的功能，那么一一写onRollOver等等就太烦琐了。
[img]http://www.shengmeixing.com/blue/lookbtn.jpg[/img]

这时候我们就需要用循环的功能了，最开始，如果你看不懂，那么你并不需要去深究到底是怎么写法，粘贴过去，然后去改你需要改的部分吧。

[img]http://www.shengmeixing.com/blue/duogebtn.jpg[/img]

这里有5个按钮，按钮的名字是pm1，pm2---pm5,当鼠标经过这些mc的时候，如果经过的不是已经点过的mc的话，就播放这个mc的“s1”部分，鼠标离开的时候，满足同样条件就播放“s2”部分，点击这个mc的话，上一个被点的mc播放"s2"部分（通常也就是回到初始的状态），
[code]
stop();
function rollover() {
if (_root.a != this.indexNum) {
this.gotoAndPlay("s1");
}
}
function rollout() {
if (_root.a != this.indexNum) {
this.gotoAndPlay("s2");
}
}
function release() {
this._parent["pm"+_root.a].gotoAndPlay("s2");//上一个被点的按钮执行播放s2
_root.a = this.indexNum;
            //上面的代码顺序不能错。代码执行也是有顺序的，
            //点击后需要做的事情写在这里。
}
for (var i:Number = 1; i<6; i++) {
this["pm"+i].onRollOver = rollover;
this["pm"+i].onRollOut = rollout;
this["pm"+i].onRelease = release;
this["pm"+i].indexNum = i;
}
[/code]
这段代码很简单，是as比较基础的语句，关于for，以及if语句的用法，请自己在网上找，有的是。其实，做flash站，最常用的语句就是这两个，应该理解透。新手朋友需要注意的是
if后面的条件要用==来判断，如果只写一个=，那么这个条件就永远都成立，因为=是赋值的意思，而==才是判断，
这里的for (var i:Number = 1; i<6; i++) 部分，如果你有5个按钮那么i<6，如果6个就i<7

需要非常重视的是这个东西_root.a，这是一个变量，我叫这个东西为“标志位”，当然也可以叫做_root.abcde，在这里利用这个_root.a=来记录当前鼠标事件的对象，当点了btn1的时候，这个_root.a=1，_root在as里是顶级的位置，我们写_root.a=1就是表明在主时间轴建立一个变量值为1，之所以用顶级位置，就是因为调用起来简单，方便，在任何地方都可以用，这里涉及到路径和层级的知识，稍后说明。。。。。总之在我们需要记录一个数据，比如页数，比如按钮序号，等等的时候，这个“标志位”使用起来是很方便的。在下面我们还会用到。

另外一个推荐熟悉的部分是movieClipTween这个功能扩展，这个类，或者这个方法，简单的说就是用脚本而不是用时间轴来安排动画，在很多时候，我们如果用脚本的方式来实现一些mc的交互会更加方便，同时更加灵活，这样做的好处是，比如你需要一些按钮，你并不需要为每一个按钮安排时间轴和建立关键桢，所有动作都用脚本生成。而且很直观，我不是很会形容这个的好处，但是相信没有用过的朋友们一定会习惯并且喜欢这种动画创作方式。下图为例：

[img]http://www.shengmeixing.com/blue/tween.jpg[/img]
具体的脚本如上所示。
需要知道的是，这个扩展的功能并非flash安装后自带的，你需要下载这个后缀名为mxp的扩展包，安装需要有extention manager这是adobe公司的免费软件，如果你安装了dw9就同时安装了。。安装之后，参数的使用方法非常简单，在flash的帮助文档里会添加出相关的项目，虽然是英文的，但是也非常易懂。

四：flash全站的页面切换

在传统的html站里，我们通过点击超链接来打开另外的一个html，在flash站里，我们当然也可以打开另外一个html页面，但是缺少了动画的翻页就失去了动态效果，所以，在flash全站里，通常都会有比较动感的动画部分来衔接两个页面，也就是说点击链接后，运行一个动画，然后动画完毕后，新的页面也呈现出来了。
这里有个示例网站[url=http://www.platina-design.com]http://www.platina-design.com[/url],这是我刚学flash早期的一个主页，一直还没空完成。

在实现这样的效果，我们有非常多的办法，这里我比较常用的是这一种，结构是这样的，很简单
[img]http://www.shengmeixing.com/blue/motionpage.jpg[/img]

如图可以看到，翻页动画层在页面内容层之上，最上方是脚本层，把脚本写在最上方的层里，是比较好的做法，在网站进入后，开始播放页面的mc，这mc的第一帧也就是上图中的第一帧，根据需要，我们可以写上一个stop()，页面内容被播放，当首页上的导航按钮点击后，导航按钮内安排了脚本：pages.gotoAndPlay("start"),这时候，从第二帧开始的翻页动画mc开始播放，当播放到开始露出下面页面的时候，在时间轴上的相应帧上安排脚本：page.gotoAndPlay(_root.a)这里的_root.a是按钮点击时候被赋值的，也就是说，如果我点了按扭2.那么这时候，页面就切换到第二帧，点击3播放page的第三帧。最后停止，不要忘记写stop()在时间轴的最后，

[img]http://www.shengmeixing.com/blue/pagesdetail.jpg[/img]

如图所示页面的部分做成一个大mc，里面每一个页面做成一个mc放在一帧内，这样就对应了每个导航按钮的点击。在每个页面mc切换前，播放了翻页动画，在翻页动画过程中进行了换帧，于是，我们的目的就达到了。
这个功能实现的方法是很简单的，但是基础的方法是比较通用的，我们在查阅很多国外的flash全站源文件的时候，都会发现类似的方式，通过换帧来达到换页的方法，也是flash全站的一个比较通常的方法，当然还有其他的办法来实现，但是这个基本的方法还是值得新手朋友们掌握的。

五：文本内容的显示

任何网站中都要有文字，flash网站中的文字，我们在制作的时候有3中选择，一种是静态文本，一种是动态文本，一种是输入文本，静态文本可以使用任何字体，在发布后，浏览者可以看到你源文件中使用的文本，在网站中不需要经常更新的部分，大可用静态文本来写，因为不需要浏览者也拥有你的字体，所以，很方便你对页面所做的美工。

动态文本，通常用来显示后台程序所提供的文本内容，或者flash中动态生成的文字，比如建立一个空白的动态文本，id名起为mytext，那么在他的所在帧上写如下脚本就可以让他显示出指定的文字
mytext.text="我傻，但我不流哈喇子"
发布后，这个文本框就会显示出相应的文字，因为是动态文本，所以通常在我们需要他的场合都是例如留言本，新闻发布等需要经常更新和变化的部分。所以如何动态的读入文字就是动态文本使用的目的。
如果你的工作伙伴中有程序员，那么你可以要求他的后台给你传递一个xml文件，然后你在flash端让你的动态文本显示这段xml，你的flash就拥有了相应后台的数据功能，

不过，这里暂时并不详细的介绍flash 与后台交互，因为这并不是我的教程这一部分该介绍的东西，这篇文章是基础向的，希望能给和我一样的设计师朋友和新手朋友提供既沾即用的脚本，所以下面就只提供一段从服务器端读入文本文档的方法，以及通过判断密码是否正确的部分，

System.useCodepage = true;
var Txtload= new LoadVars();
Txtload.onLoad = function(success) {
if (success) {
mytxt.text = Txtload.neirong
} else {
//做点什么
}
};
Txtload.load("test.txt")

给动态文本框的id设置为mytxt
下面在你的swf同文件夹下建立一个文本文档test.txt，里面写neirong=加上你要显示的文字就可以了。

判断密码：

[img]http://www.shengmeixing.com/blue/mima.jpg[/img]
[img]http://www.shengmeixing.com/blue/denglu.jpg[/img]
[img]http://www.shengmeixing.com/blue/denglu1.jpg[/img]
如上图所示，通过if判断输入文本的内容：if (txt.text==“你的密码”){做点什么事情，比如说换帧，或者播放某个mc，等等}else{干点什么}
这样的密码判断，并不需要后台程序的支持，非常的易于实现，通过字符串判断，我们可以实现后台管理的密码登录等实际上是静态的功能。

以上图片演示地址，这个是业余时间做的一个玩具[url=http://www.shengmeixing.com/cia/index.html]http://www.shengmeixing.com/cia/index.html[/url]

需要注意的技巧是如果你的动态文本，包括输入文本如果需要覆盖遮罩效果的话，直接用遮罩层放在上方的办法不可以，需要为该文本添加滤镜的效果，才可以实现，为了不影响文本的显示，请将滤镜参数调整为0.另外的办法是把文本转换成mc并且用添加脚本setmask的方式实现。
[img]http://www.shengmeixing.com/blue/masktxt.jpg[/img]

六：音乐开关

音乐文件通常是mp3格式，导入到库中后，可以直接在需要的帧上选择插入声音对象，如果全站只有一首背景音乐的话，那么通常不用创建声音对象，直接在关键桢属性中选择声音就可以了，在影片的主时间轴上建立一个开关mc。就可以控制背景音乐的开关。当然也可以控制音量，但是我认为通常情况下，我们并不需要控制印量大小，对于网站来说，我们更多的时候只是需要选择开或者关就够了。。

[img]http://www.shengmeixing.com/blue/musicbtn.jpg[/img]
建立一个mc，位置最好在根时间轴内，因为便于操作，同时结构合理，在mc内部建立一个mc，里面做好开关状态的外观分别放置在两帧，不要忘记写stop()，在这个mc对应的帧上写下如下脚本
[code]_root.soundstatus=="on"
onLoad=function()
{
_root.soundstatus="on";
_root.mySound = new Sound(_level0);
_root.mySound2 = new Sound(_level1);
_root.mySound3 = new Sound(_level2);
_root.mySound4 = new Sound(_level3);
_root.mySound5 = new Sound(_level4);
maxvolume=100;
minvolume=0;
}

onEnterFrame=function()
{
if(_root.soundstatus=="on") {step=5}
if(_root.soundstatus=="off") {step=-5}

maxvolume+=step;

if (maxvolume>100) {maxvolume=100;}
if (maxvolume<0) {maxvolume=0;}

_root.mySound.setVolume(maxvolume);
_root.mySound2.setVolume(maxvolume);
_root.mySound3.setVolume(maxvolume);
_root.mySound4.setVolume(maxvolume);
_root.mySound5.setVolume(maxvolume);
}
music_btn.onRelease=function(){
if(_root.soundstatus=="on"){
_root.soundstatus=="off"
                              music_btn.gotoAndPlay(2)
}else{
_root.soundstatus=="on"
music_btn.gotoAndPlay(1)

}
}
[/code]

这段脚本会在点击开关按钮后，音量溅出至没有，再次点击后，音量渐入至100%原理非常简单，这里不再详解，新手朋友请咨询查阅相关资料，这里用了一个标志位(_root.soundstatus)用来记录开关按钮的状态.在使用的时候将以上脚本相应的复制到你的mc里，音量开关就可以实现了。

如果你的网站有多段背景音乐的话，那么这时，你就不可以在时间轴内调用背景音乐了，你可以在主时间轴里的帧里定义你的声音，这样在需要他播放或者停止的时候，你就
可以随时控制了。下面的写法可以作为参考。这里mainsound是一个音乐，pagesound是另外一个音乐，根据我的需要，需要在不同页面播放不同的音乐。

[code]_root.mainsound = new Sound();
_root.mainsound.attachSound("yoursound");
_root.pagesound = new Sound();
_root.pagesound.attachSound("pagesound");
_root.pagesound.stop();//pagesound停止播放
_root.mainsound.start(0,99);//mainsound在0秒后播放99遍
[/code]

如上的代码当然也可以根据你的需要来定义n个声音，控制播放和停止的部分可以定义该声音之后的任何地方调用。

需要注意的是：创建声音对象的时候，我用的是attach命令，也就是说，这个声音文件已经包含在我的swf中的库里了。这里这样做会增加swf的体积，但是可以保证声音的同步，也就是在你需要播放他的时候马上播放，这个对于flash网站来说是很重要的，如果并不需要同步，那么我们大可用loadSound语句，这样还可以减小swf的体积，将声音文件放在外部，通过相对或者绝对路径来访问他。

在使用attach语句来调用声音文件的时候，该声音文件需要有id，这个id在库面板中进行设定，并且设置成在第一帧导出，才可以访问的到，也就是说在调用语句所在的帧播放的同时，该声音文件一定要已经读取完毕，才可以attach。如果在attach的同时，没有读入该文件或者，没有读取完毕的话，是不能引用得到的，这样就会造成播放失败。
[img]http://www.shengmeixing.com/blue/soundlink.jpg[/img]
不过这时候会造成一个问题，就是由于音乐文件在第一帧导出，所以会增大第一帧的体积，而loading是第一帧，这样loading就会出现许久也没有显示进度的问题。所以为了既不在第一帧导入，也不影响attach，我用这样的方法解决，这也许不是最好的办法，只是我一直这样用，如果那位兄弟有更官方的方法，请告知。
[img]http://www.shengmeixing.com/blue/frame2.jpg[/img]
如图所示，这样，该声音文件在第二帧加载，同时不会自动播放，不占用第一帧的体积，同时也可以保证引用的顺利，不要忘记去掉声音文件linkage的“在第一帧导出”选项。

七：flash的调试与常见问题。
ctrl+回车我们每做一个全站都不知道要按几百遍，在预览的窗口中的view-bandwidth profiler选项，点击后可以查看影片的一些基本数据，比如体积，帧数，等等，其中影片尺寸在调试中，我们应当时刻注意体积的变化，以提早发现异常的体积变化，同时窗口中，还可以查看每一帧的体积，我们尤其应该注意第一帧的体积，如果体积超过100k，那么就应该找原因了，因为这样有可能造成loading失效。另外模拟下载的选项也可以测试loading。download setting选项中，我们可以选择模拟下载的带宽。道理很简单，不再复述。
[img]http://www.shengmeixing.com/blue/tiaoshi.jpg[/img]

常见问题：
发布的时候，发现loading完全没有出现，而后面的网页也断断续续的，那么应该是你的主时间轴，忘记了写上一个ｓｔｏｐ（）。呵呵

发布的时候，发现ｌｏａｄｉｎｇ已经过了大半才出现，那么说明你第一帧的数据体积过大，减肥他。

如果在发布的时候发现编译速度非常慢，并且最后影片的体积超过了地球人理解的范围，比如几十兆大，那么非常有可能是影片中的动态文本嵌入了字体，如果没有有意嵌入字体的话，就要把字体属性中的embed选项打开，然后将里面嵌入的部分完全去掉，就可以解决这个问题。我当初曾经为了这个疯狂过，最终，用一半排除法找到了这个原因。（也就是先删除前一半帧，查看体积，没有变化再删除后一半，呵呵，如果还没有变化，那就出鬼了）
其实中文网站嵌入字体的用处并不大，因为一个中文字体，一般都3兆左右，体积太大，而英文网站就相对好很多，动态文本完全可以嵌入一个美术字体来实现效果，不过嵌入字体有个作用就是控制输入的字符类型，比如一个输入文本是输入电话号码的，那么只嵌入数字字体的话，那么这个文本框就只可以输入数字类型的字符。
[img]http://www.shengmeixing.com/blue/embed.jpg[/img]

今天到这里。。。休息。。打字一天很累。。本教程帧的很基础，很简单，甚至有些地方不是很对，请高手指出，本人也不是ａｓ高手，我只是个设计师，或者用美工这个蔑称来形容也没关系。

下面陆续要说的将会有，关于影片在浏览器显示的问题，元件在场景中定位的问题，ｓｗｆ的ｈｔｍｌ写法的一些经验，ｆｌａｓｈ网站如何对搜索引擎友好的部分，关于有后台支持的ｆｌａｓｈ网站数据误缓存的问题。等等。新手同胞们。你们的回复是我的最大动力。

diamondian 发表于 2008-2-9 22:12

我。。我。。。占楼

diamondian 发表于 2008-2-9 22:13

自己占楼，

ghall 发表于 2008-2-10 18:19

哈哈,,不顶你对不起我啊,我也是个设计师出身...你qq 多少,大家交流一下...

diamondian 发表于 2008-2-10 21:27

是啊。我这么辛苦写。。没人回。。。太没意思了。。难道我写的很幼稚么？其实全站的技术并不高深啊。。这些都会了。。在多学点。。。就能做了。。。。经典看来看不上新手帖。。

HBrO 发表于 2008-2-10 21:43

1 这里偏向于局部的技术讨论
2 太长的文章不是很多人可以看得下去
3 所谓的新手,菜鸟也未必会看你一整段的文字.
4 最最关键的东西.没有成型的效果演示和源文件,否则回复一定很多,如果加上一些限制什么的可能效果更佳

diamondian 发表于 2008-2-11 00:08

了解。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。

sunny13579 发表于 2008-2-11 02:34

我顶一下,我喜欢FLASH做全站.

17526918 发表于 2008-2-11 02:44

楼主精神可佳```建议斑竹考虑加分，以资鼓励····;-)

lianpopp 发表于 2008-2-13 10:43

楼主很有意思啊,连美国中央情报局都搬上来了,是不是谍中谍看多了:D

32441219 发表于 2008-2-14 09:23

谢谢楼主：）

hyj666666 发表于 2008-2-14 09:32

楼主辛苦了!

ningfeng00721 发表于 2008-2-15 15:50

l厉害厉害~

hejingliang 发表于 2008-2-15 16:13

我也顶一下，刚学习ac，用flash做全站，但还没有尝试过。感觉很难的，不感下手。

booucn 发表于 2008-2-15 22:40

虽然是入门篇的，顶一下了

Poshidon 发表于 2008-2-16 12:44

美工，创意，程序，这是一个好汉的三个帮。个人觉得，缺少上述三项能力中任何一项的人，不能称为一个优秀的flasher

cctkd 发表于 2008-2-18 21:46

来顶...好帖

diamondian 发表于 2008-2-18 21:57

既沾即用的flash容器

关于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=" />
[color=Green][b]<META NAME="Author" CONTENT="PLATINA-DESIGN,[email]BLANDON.TRUEGRAVE@GMAIL.COM[/email]"/>
      <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"/>
<link rel="icon" href="http://www.nidezhandian.com/favicon.ico"/>
<title>PLATINA DESIGN 专业flash全站建设我们只做全flash网站</title>[/b][/color]
<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',
[color=Red][b]'width', '100%',
'height', '100%',[/b][/color]
'src', [color=Blue][b]'xinban'[/b][/color],
'quality', 'high',
'pluginspage', 'http://www.macromedia.com/go/getflashplayer',
[color=Red][b]'align', 'm',[/b][/color]
'play', 'true',
'loop', 'true',
[color=Red][b]'scale', 'noscale'[/b][/color],
'wmode', 'Opaque',
'devicefont', 'false',
'id', 'xinban',
'bgcolor', '#181818',
'name', [color=Blue][b]'xinban'[/b][/color],
'menu', 'false',
'allowFullScreen', 'false',
'allowScriptAccess','sameDomain',
'movie', [color=Blue][b]'xinban',[/b][/color]
[color=Red][b]'salign', 'm'[/b][/color]
); //end AC code
}
</script>

</body>
</html>

这里高亮提示的部分是你需要知道的内容，开始的部分比较重要，这个能够决定你的flash站点能够对搜索引擎友好程度。

[color=Green][b]<META NAME="Author" CONTENT="PLATINA-DESIGN,[email]BLANDON.TRUEGRAVE@GMAIL.COM[/email]"/>
[color=Red]这句是作者信息，你可以写也可以不写[/color]
      <META HTTP-EQUIV="Content-Type" content="text/html; charset=utf-8" />
[color=Red]这句是表明网页的编码字符，需要写[/color]
<META HTTP-EQUIV="Pragma" CONTENT="no-cache"/>
[color=Red]这个代表你的网站在浏览器中不需要数据缓存[/color]
<META HTTP-EQUIV="Cache-Control" CONTENT="no-cache"/>
[color=Red]不需要缓存，我通常都写上。[/color]
<META HTTP-EQUIV="Expires" CONTENT="0"/>
      <META NAME="Keywords" CONTENT="flash全站,全flash网站,全flash建站"/>
[color=Red]这句最关键，是你的网站在搜索引擎中的关键字，能否被搜索到，这个很重要，关键字不要太多，用逗号分隔。[/color]
      <META NAME="Description" CONTENT="platina-design设计工作室"/>
[color=Red]这个是对你站点的大概描述，对搜索引擎也重要。[/color]
      <META NAME="Robots" CONTENT="all"/>
[color=Red]这个代表搜索引擎的机器人程序可以随意抓取你网站的任意页面，（flash站的页面还真不多。。。汗）[/color]
<link rel="icon" href="http://www.nidezhandian.com/favicon.ico"/>
[color=Red]这个是在浏览器上显示的小图标，收藏的时候可以看到，在多窗口浏览器的标签上也可以看到，需要注意的是，需要绝对路径，以及同样的文件名，也就是favicon.ico[/color]
<title>PLATINA DESIGN 专业flash全站建设我们只做全flash网站</title>[/b][/color]
[color=Red]标题啦[/color]

以上的部分基本都是为了公开你的网站，以及方便别人搜索到你的网站使用的代码。如果你希望你的flash网站被搜索到，那么这些部分是有必要写的

中间的java脚本部分是问了让部分浏览器跳过在加载flash网站的时候提示“是否使用该控件”的部分，关键的是这个文件AC_RunActiveContent.js，在你用flash9发布html的同时这个js会被自动创建，不要忘记把这个文件和你的网站放在一个文件夹内，当然你也可以放在其他文件夹内，到时候不要忘记更改一下路径，

[color=Red]下面的部分就是关于flash在这个html网页中的布局参数了。如何显示你的swf，下面的脚本虽然简单但是很重要。[/color]

[color=Red][b]'width', '100%','height', '100%',[/b][/color]
[color=Red]这个是flash在html场景中显示的比例或者尺寸，需要注意：如果你的flash不超过一般尺寸，也就是说大小在1000*650以内（如果你需要最小适应800*600的浏览者分辨率，那么这个参数更小些。）不需要滚动条，那么你就可以把参数设置成如上的100 percent。。。如果你的flash尺寸高度或者宽度是设计成需要滚动条才能全部浏览的话，那么就把参数设置成你swf场景的宽度，比如'width', '1000','height', '1500'[/color]
'src', [color=Blue][b]'xinban'[/b][/color],
[color=Red]这个代表你嵌在网页中的swf的文件名，不需要写.swf的后缀名。。。只需要写前文件名就可以，[/color]
'quality', 'high',
[color=Red]swf显示品质，没什么问题都用high吧。[/color]
'pluginspage', 'http://www.macromedia.com/go/getflashplayer',
[color=Red]为没有flashplayer的怪胎准备的自动下载。。。。[/color]
[color=Red][b]'align', 'm',[/b][/color]
[color=Red]这个是swf在场景中的横向对齐，通常都是对齐中间，这样你在放大缩小浏览器窗口的时候，swf总是在居中显示，只要浏览器的场景宽度超过swf宽度，那么你的swf就能显示出来。[/color]
'play', 'true',
'loop', 'true',
[color=Red]播放？是的，让他播放。。循环？是的让他循环[/color]
[color=Red][b]'scale', 'noscale'[/b][/color],
[color=Red]缩放模式：通常因为我们是flash网站，因为内部会有一些位图图片，所以通常是不缩放的，免得图片失真，当然如果你的站内全部是适量的图样，那么也可以选择可以缩放，怎么写我不会，自己用flash发布一个html看吧。[/color]
'wmode', 'Opaque',
[color=Red]和html混合的时候处理透明什么玩意的，掠过，我的全站都沾满整个html场景的。[/color]
'devicefont', 'false',
'id', 'xinban',
[color=Red]替换成你的swf名字，[/color]
'bgcolor', '#181818',
[color=Red]网页背景颜色，你在fla里设置的背景颜色，在这里也同样的设置一下。[/color]
'name', [color=Blue][b]'xinban'[/b][/color],
[color=Red]替换成你的swf名字，[/color]
'menu', 'false',
[color=Red]在你的flash网站上点击右键，没有参数选择，只有关于flashplayer和设置两个选项[/color]
'allowFullScreen', 'false',
[color=Red]允许全屏么？不允许，需要允许选择true[/color]
'allowScriptAccess','sameDomain',
[color=Red]脚本允许在同一个域内执行，管他什么意思，你都沾上。[/color]
'movie', [color=Blue][b]'xinban',[/b][/color]
[color=Red]替换成你的swf名字[/color]，
[color=Red][b]'salign', 'm'[/b][/color]
[color=Red]最后这个纵向对齐也比较重要，如果你的flash站是长条的，也就是说高度需要滚动条，那么通常你要把纵向对齐对齐到顶部，让你的swf贴着浏览器窗口的顶部。如果你的swf不需要滚动，大小控制在缺省安全范围内，那么这个对齐就对齐到中间，也就是m，也就是说，如果如果你的横向对其和纵向对齐都设置成了m的话，那么无论浏览者如何调整窗口大小，你的flash总是显示在中间，只要浏览器窗口比你的swf大，你的影片就能全部显示。怎么样，我讲解的够傻瓜吧。。。[/color]

最后如果你希望你的flash站能够被搜索引擎搜索的到的话，最好在html里面添加一个浮动的div层，里面写上你网站的文本内容，这样搜索引擎是可以搜索到html内容的，这样的方法应该可以让你的flash站和html站一样友好，我是这么猜想的。所以我的每个flash站里都有一个隐藏的div文本，他不会显示，所以也就不影响你的flash显示，他只存在于天空的浮云中。。。呵呵。。

最后是完整的源文件

[code]<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>
[/code]

持续更新。。。。。

anan929 发表于 2008-2-19 11:35

佩服,我喜欢用Flash做全站
我之前做的一个:[url]http://anan929.cn[/url]

ibio 发表于 2008-2-19 13:34

很强,不过全站的FLASH貌似[没有后退]和[搜索引擎不友好]一直解决的不是很完美呀.
所以我现在采用的是css+div+flash这样可以一定程度上解决这些问题.

附上我的网站地址:[url=http://www.ibio8.com]爱博吧[/url] [url=http://www.ibio8.com]ibio8.com[/url]

[[i] 本帖最后由 ibio 于 2008-2-19 13:36 编辑 [/i]]

Chongchong666 发表于 2008-3-6 15:47

谢谢了大哥!

谢谢你的这么不辞辛苦的写了这么多! 说实话
真的是受益非浅啊!
真的期望能再发布点儿,再基础的东西啊!
呵呵
你不知道我这人特笨!
:)

jar007 发表于 2008-3-6 17:06

:) 这帖子顶起来要。。FLASH整站技术很强大

natty84 发表于 2008-3-6 17:22

收藏了.

h150 发表于 2008-3-6 17:57

好贴，要顶。
接触flash好久了，一直想做fla全站，但总是无法下手。楼主说得对，美工很重要，我就是美工太差了，一直网站做不出来

taoshaw 发表于 2008-3-6 18:25

我也来支持一下楼主。写这么多文字挺累的。因为我以前也当过老师。写过教案。。。理解。。。
热切期盼楼主更新力作。。。

jgtydfh11 发表于 2008-3-7 02:21

支持楼主，向楼主学习致敬
深更半夜来顶帖
继续关注

pixy2005 发表于 2008-3-7 09:57

实在忍不住回复一下,楼主讲解的也许对老手们没有多大作用,但是对新手而言,却给予了很大的帮助,支持楼主继续!

froglt 发表于 2008-3-7 10:08

确实是很好的教程，先作个记号，然后慢慢看。。。。。。。。

AAJZ 发表于 2008-3-7 10:47

非常好的新手教学帖！~

支持LZ！~

uuuu33 发表于 2008-3-7 11:09

我也是学平面设计出身，也很喜欢用flash做站，向你靠拢，先谢谢了！:D

bobl 发表于 2008-3-7 11:22

看来很多和楼主一样的平面设计出身的兼做动画的人，能否作个视频教程，这样学得也快一些。下载了图片，回家慢慢研究去。谢谢

luhan 发表于 2008-3-7 11:22

太棒了！谢谢楼主，一直想找这样的教程

No01 发表于 2008-3-7 12:26

顶一下

swing19 发表于 2008-3-8 01:02

收藏了谢谢楼主

yidalimian 发表于 2008-3-8 03:39

这帖子顶起来要。。 FLASH整站技术正式我想学的值得一看

omxy 发表于 2008-3-8 08:20

真是好作品！支持楼主，收藏起来！

beautycss 发表于 2008-3-8 11:04

很好哦，给楼主顶一下。
我去年做的FLASH网站： [url]http://www.beautycss.cn/[/url]
今年准备有时间做一个CSS版的。

kenchen1984 发表于 2008-3-8 15:41

支持下，能不能共享下源码啊！

diamondian 发表于 2008-3-9 00:19

本来以为帖子沉到底了呢。。看到这么朋友还愿意看我的幼稚教程。。太欣慰了。。这两天一定在写点我感觉实用的经验出来。。不敢保证高。。只敢保证。。简单易用。。

ccpok 发表于 2008-3-9 17:15

楼主啊

分辨率自适应的代码再IE下可以，咋再FF下就只能显示一半哈，

rzsky 发表于 2008-3-10 02:53

先收藏后慢慢研究:D

justiceidea 发表于 2008-3-10 15:16

绝对支持啊我正需要 :D

ioy99 发表于 2008-3-10 19:17

支持楼主!刚入门的不是很懂!!!但我还是很认真的看了..

endylau12345 发表于 2008-3-11 10:26

我顶一下,我喜欢FLASH做全站.

mujiangze 发表于 2008-3-11 14:49

楼主掌握的够全面的呀！学习一下

Shinhou 发表于 2008-3-11 16:12

做个记号，教程写的很好，支持一下。

yqhehe 发表于 2008-3-11 16:28

顶一下，楼主辛苦了

jgtydfh11 发表于 2008-3-22 22:40

图片不能显示，请楼主恢复一下链接
谢谢！

dd202 发表于 2008-3-24 18:01

图片看不到，能不能修正下

echo8301 发表于 2008-3-25 07:19

好文，收藏先，先谢一个搂住了．

xiaojunsun 发表于 2008-3-25 09:12

图片已经无法看到了。

nazuki 发表于 2008-3-25 10:38

明明不是个非常老的帖子，为什么图片都看不到了呢？楼主整一下塞，造福一下新手么。-_!!

zhengxulei 发表于 2008-3-26 11:22

*** 作者被禁止或删除内容自动屏蔽 ***

lnren 发表于 2008-3-27 08:45

看不到图片了，是不是我来晚了？楼主厉害！很想学，不知如何下手？

xinxintangfeng 发表于 2008-3-27 11:15

厉害，我的flash网站，[url]www.stone0.cn/fla/main.html[/url]

cyrabbit 发表于 2008-4-11 10:21

很好很强大

hogg 发表于 2008-4-11 14:06

做个记号```以后买了电脑慢慢看```

bulefly 发表于 2008-4-14 13:20

再来一下.....发现图片都挂光了

chenqi502 发表于 2008-4-14 14:10

楼主的帖子是不是看不到图片,显示的全是叉,不知其他人是否有同感?
在此之前我就关注过此帖子,是篇好文章,顶一下!

AntScript 发表于 2008-4-17 08:05

直接COPY了楼主的代码，发现1600×1280的SWF在1280×1024的分辨率下不能完整显示，是不是缩放的问题啊

页: [1] 2

经典论坛's Archiver