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

1、全flash建站基础教学与我的经验本人是设计出身，对语言根本不在行，但是做flash站没有一点as基础，什么效果也出不来，经过一段时间的摸索，和若干业务的锻炼，现在积累了一点经验，不敢独享，把这些真正由实战中得来的东西送给和我一样对程序不在行设计师以及新手朋友。老鸟们请飘过。在开始之前，我想说，做出一个优秀的flash站的重要前提是什么？我认为首先是对美的理解再次是用户界面的合理性，曾经见过很多朋友做过的全站，充斥着各种动态效果以及技术模块，但是效果却不尽如人意，看起来很有土洋结合的味道，同时也看过很多国外的源文件，我发现里面用到的技术并非非常复杂的as程序。连我都可以轻易看懂。但是无论是界面

2、配色以及动态效果都非常的不错。可以说一个flash站是否有视觉冲击力是它价值的首要体现，而缺乏基本的美术功底，做出来的东西就必然缺乏美观。所以我认为，任何软件或者技术都是为了实现目的而服务的，在我们努力学习as语言的同时，也应该不断的加强自己的艺术修养，而这个对美判断的能力显然需要比学任何计算机语言都要付出更多的时间去积累和沉淀。否则就算熟透as3，驾驭了air。我们同样永远也做不出优秀的作品，在文章末尾，再继续探讨。好的，这里开始一： flash网站的基本布局一般来说，这个结构是我最常用的flash全站结构，在flash中，我会根据不同的页面元素进行分类，然后分布在各个层中，并且起上相应的名

3、字，便于操作，在源文件中建议养成良好的命名习惯，通常一个全站在成型之前，这个文件，我们会对他操作n次，所以为了提高工作效率以及方便日后调用，良好的结构非常重要。如图所示，as脚本层放置在最上方，页面中的所有元素都根据实际的深度排列到相应的层中。bg也就是页面背景放置在最下方。 1：通常影片的场景大小，我设置成1600*1200，以适应各种显示器分辨率，帧率设置成30，根据需要也可以进行调整。关于在浏览器中适应浏览的问题，我放到最后说明。这里先放下。 2：loading通常放在第一帧，而且除了背景以外，并不安排其他元素在第一帧内，这样可以保证第一帧的数据量很小。便于loading 动画的正确显示

4、。 3：每个大型的深层次mc，以及经常需要切换到内部的mc，比如页面的mc，导航部分的mc，等等，我通常会在场景外做一个入口，也就是一个色块，因为有的mc并非在内部的第一帧就有内容，在外层的时候他是空白的，所以为了便于操作，在内部的第一帧建立一个色块，便于随时双击进入操作。 4：不要把所有的动画和内容都安排在主时间轴里，这样的操作会让你在以后的施工中非常的难于调整，甚至无法增添内容。我认为，应该把内容分成大类，然后相应的做成原件，根据内容的树状结构，相应的安排mc的嵌套。然后在各个时间轴里，用写在某个位置的as来控制各个时间轴的衔接。 比如mc1和mc2都是内部有非常复杂动画的mc，我们要mc

5、1动画完毕后开始mc2，这时候就不要把两个mc的内部动画放在一个时间轴内，最好是分别mc1,mc2各一帧，同时在mc1内部的最后一帧上写_parent.gotoandplay(mc2所在的帧)。二：loading的制作关于loading的制作，网上有的是教程，我只用一个最常用的做法，曾经很多教程上介绍如果做一个精妙的loading云云，我从来都没有深究，这段代码，我在无数个老外的源文件中都看到，连其中没有使用的进度显示文本代码都一样。呵呵。我的每个全站作品都是用的这个，loading原件通常安排在主时间轴上，内部的动画一定要打包成mc，呵呵，这个loading的内部动画安排成100帧，形式可以

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

7、与s2是帧标签，在帧的属性栏里可以输入，使用了帧标签可以用gotoAndPlay等等语句来播放该真标签所开始的位置，过了该帧标签的范围后，不会停止哦。用帧标签的好处是你无需理会关键桢的数值，在任何地方播放这段动画，都可以含义明了的操作，并且容易解读和记忆。在这个按钮mc所在的帧上（上图的外层）写上如下脚本，这个按钮就生效了 复制内容到剪贴板 代码:btn1.onRollOver=function()btn1.gotoAndPlays1;btn1.onRollOut=function()btn1.gotoAndPlays2;btn1.onRelease=function();可以看出在用脚本对b

8、tn1按钮添加了onRollOver，onRollOut，onRelease事件后，也就是经过，离开，点击，这个mc就拥有了一个按钮的3种状态，至于点击并不松手这种状态，通常并不常用，所以就没有添加，如果需要的话，那么只需要在对应的帧上写onPress事件就可以了需要注意的是：利用这样的写法来实现的按钮，时间轴不能过长，也就是说，动作效果不能动画太长，如果时间很长的话，当你的鼠标划过的时候，这个按钮会执行s2部分，而这么长的动画，你并不是想要播放的，这个按钮已经可以说是一段用鼠标事件激活的动画了，不该用鼠标经过这样的事件来激活。在全站中经常有这样的情况，即是很多按钮都要实现类似或者同一种类的功

9、能，那么一一写onRollOver等等就太烦琐了。这时候我们就需要用循环的功能了，最开始，如果你看不懂，那么你并不需要去深究到底是怎么写法，粘贴过去，然后去改你需要改的部分吧。这里有5个按钮，按钮的名字是pm1，pm2-pm5,当鼠标经过这些mc的时候，如果经过的不是已经点过的mc的话，就播放这个mc的“s1”部分，鼠标离开的时候，满足同样条件就播放“s2”部分，点击这个mc的话，上一个被点的mc播放s2部分（通常也就是回到初始的状态）， 复制内容到剪贴板 代码:stop();function rollover() if (_root.a != this.indexNum) this.goto

10、AndPlay(s1);function rollout() if (_root.a != this.indexNum) this.gotoAndPlay(s2);function release() this._parentpm+_root.a.gotoAndPlay(s2);/上一个被点的按钮执行播放s2_root.a = this.indexNum; /上面的代码顺序不能错。代码执行也是有顺序的， /点击后需要做的事情写在这里。for (var i:Number = 1; i6; i+) thispm+i.onRollOver = rollover;thispm+i.onRollOut

11、= rollout;thispm+i.onRelease = release;thispm+i.indexNum = i;这段代码很简单，是as比较基础的语句，关于for，以及if语句的用法，请自己在网上找，有的是。其实，做flash站，最常用的语句就是这两个，应该理解透。新手朋友需要注意的是if后面的条件要用=来判断，如果只写一个=，那么这个条件就永远都成立，因为=是赋值的意思，而=才是判断，这里的for (var i:Number = 1; i6; i+) 部分，如果你有5个按钮那么i6，如果6个就i100) maxvolume=100;if (maxvolume0) maxvolume=

12、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.soundstat

13、us=onmusic_btn.gotoAndPlay(1)这段脚本会在点击开关按钮后，音量溅出至没有，再次点击后，音量渐入至100%原理非常简单，这里不再详解，新手朋友请咨询查阅相关资料，这里用了一个标志位(_root.soundstatus)用来记录开关按钮的状态.在使用的时候将以上脚本相应的复制到你的mc里，音量开关就可以实现了。如果你的网站有多段背景音乐的话，那么这时，你就不可以在时间轴内调用背景音乐了，你可以在主时间轴里的帧里定义你的声音，这样在需要他播放或者停止的时候，你就可以随时控制了。下面的写法可以作为参考。这里mainsound是一个音乐，pagesound是另外一个音乐，根据

14、我的需要，需要在不同页面播放不同的音乐。 复制内容到剪贴板 代码:_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遍如上的代码当然也可以根据你的需要来定义n个声音，控制播放和停止的部分可以定义该声音之后的任

15、何地方调用。需要注意的是：创建声音对象的时候，我用的是attach命令，也就是说，这个声音文件已经包含在我的swf中的库里了。这里这样做会增加swf的体积，但是可以保证声音的同步，也就是在你需要播放他的时候马上播放，这个对于flash网站来说是很重要的，如果并不需要同步，那么我们大可用loadSound语句，这样还可以减小swf的体积，将声音文件放在外部，通过相对或者绝对路径来访问他。在使用attach语句来调用声音文件的时候，该声音文件需要有id，这个id在库面板中进行设定，并且设置成在第一帧导出，才可以访问的到，也就是说在调用语句所在的帧播放的同时，该声音文件一定要已经读取完毕，才可以at

16、tach。如果在attach的同时，没有读入该文件或者，没有读取完毕的话，是不能引用得到的，这样就会造成播放失败。不过这时候会造成一个问题，就是由于音乐文件在第一帧导出，所以会增大第一帧的体积，而loading是第一帧，这样loading就会出现许久也没有显示进度的问题。所以为了既不在第一帧导入，也不影响attach，我用这样的方法解决，这也许不是最好的办法，只是我一直这样用，如果那位兄弟有更官方的方法，请告知。如图所示，这样，该声音文件在第二帧加载，同时不会自动播放，不占用第一帧的体积，同时也可以保证引用的顺利，不要忘记去掉声音文件linkage的“在第一帧导出”选项。七：flash的调试与

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

18、的网页也断断续续的，那么应该是你的主时间轴，忘记了写上一个（）。呵呵发布的时候，发现已经过了大半才出现，那么说明你第一帧的数据体积过大，减肥他。如果在发布的时候发现编译速度非常慢，并且最后影片的体积超过了地球人理解的范围，比如几十兆大，那么非常有可能是影片中的动态文本嵌入了字体，如果没有有意嵌入字体的话，就要把字体属性中的embed选项打开，然后将里面嵌入的部分完全去掉，就可以解决这个问题。我当初曾经为了这个疯狂过，最终，用一半排除法找到了这个原因。（也就是先删除前一半帧，查看体积，没有变化再删除后一半，呵呵，如果还没有变化，那就出鬼了）其实中文网站嵌入字体的用处并不大，因为一个中文字体，一般都3兆左右，体积太大，而英文网站就相对好很多，动态文本完全可以嵌入一个美术字体来实现效果，不过嵌入字体有个作用就是控制输入的字符类型，比如一个输入文本是输入电话号码的，那么只嵌入数字字体的话，那么这个文本框就只可以输入数字类型的字符。今天到这里。休息。打字一天很累。本教程帧的很基础，很简单，甚至有些地方不是很对，请高手指出，本人也不是高手，我只是个设计师，或者用美工这个蔑称来形容也没关系。下面陆续要说的将会有，关于影片在浏览器显示的问题，元件在场景中定位的问题，的写法的一些经验，网站如何对搜索引擎友好的部