超级菜鸟用flash建立个人主页教程

网站名称：职工娱乐网—献给妻子的礼物—欢迎下载光临。

网站地址：http://fhroffic.go1.icpcn.com

源文件下载：暂不提供。

作者：fhroffic 严禁转载 违者必究

序

自学flash这么久，从没有请过老师，所以总有些无法往下深入的感觉，前段时间是老婆的生日，心血来潮决定用flash为老婆建立一个网站，给她一个以外的惊喜。同时也想考究一下自己在flash上究竟有多少水分。在把整个网站搞定之后才发觉自己是多么的浮浅，为了让自己有深刻的记忆，遂决定写篇教程，以留下一些伤痕，为往年的回忆增加线辙。

一、思路准备

当你做任何事情时都要有一个思路，要先思考、整理，然后再开始做，这样做起来有条有理不会出错。尤其做flash更是如此，因为flash网站更改起来需要用源文件，如果你事先不做好那么将来更新网站时就更麻烦了。甚至可能半途而废。那么在做网站是要先准备什么呢？？

1、 主题。职工娱乐网flash是献给我老婆的，所以我应该以女人为主题，但是。当你打开职工娱乐网时你会发现，女人只占了一部分。这是因为我为以后的更新而打下了伏笔。毕竟100M的空间是很大的而一个话题太少了，所以我又加了下载、歌曲等。其实这只是两个板块，同时下面还有两处空白，是为以后而作准备的。这样以后定位更新时就容易多了。

2、 素材。做网站之前一定要先准备好素材。比如：照片要ps一下。矢量图要down一些等等。当素材提供足时，在你做网站时就不会出现想好怎么做后却突然发现没有东西，如何思路被打断的情况。

3、 场景选定。场景的大小一定要慎重考虑，他牵扯网站的可看性和更新，一般flash网站初学用750*434就足够了，刚好是一个屏幕。

4、 框架。当你选好场景后，就是框架的问题了。为避免flash过大，一般做一个index.swf其他用swf镶入就ok了，这样就减小了flash的体积。但整个框架要合理，以免对以后的更新造成影响。

今天先到这吧，该上班了，以后再续。请等待。

二、总体简介

职工娱乐网flash目前总体共9个flash。分1个主flash、4个附flash和4个小flash组成。主flash为主页。五个附flash分别为音乐层，下载层，歌曲层，作者简介层。4个小flash是作者简介层的分支。总体运用的特效有转场、屏蔽、引导等一些基础的东东。制作网站时最重要的就是框架。因为你有这么多的分支。所以一定要注意。下面我们就根据我制作整个网站的思路来对其进行分析。

三、index.swf制作

首先我先介绍一下主flash场景思路。

先有欲读。然后转入白屏。然后拉开一个带尖的平行四边行。然后左侧导入撞针，撞击两角并锁定，同时撞击出底图。并拉开导航条。进入主场后，左侧出现最近事件。右侧闪烁出主场景，并进入主题。

下面让我们预览一下index.swf

[flash=779，434]http://fhroffic.go1.icpcn.com/index.swf[/flash]

现在，我们进行仔细的讲解。

首先，我们要制作一个loader，每一个flash如果过大都要做一个loader，因为当你的网站打开时不至于让大家误以为是不能打开而关闭。制作loader最好制作一个动感的loader，各一个进度条感觉有点乏味。我制作时用到了一个动感的三角。先画一个三角矢量图。转化为元件。然后制作一个剪辑。先放大在缩小然后旋转一周。代码如下。

制作好好开始加入到底图之中。建立一个图层取为key层，第一、二、14、15设为关键祯，第1帧写入代码：play(): 第2帧取为loop，写入代码：bt=int((_root.getBytesTotal())/1000);l=int((_root.getBytesLoaded())/1000);r=int(bt-l);ti=int((getTimer())/1000);s=int(l/ti);tr=int(r/s);p=int((l/bt)*100)ercent=p+"%";Total=bt+"k";Loaded=l+"k";BRemain=r+"k";Speed=s+"k/s"Timer=ti+"s";TRemain=tr+"s";_root.Bar._xscale=p;第14帧写入代码：if(p==100){ gotoAndPlay("main"); }else{ gotoAndPlay("loop");}第15帧取为main底图上加入三角，然后写入loading…. 再加一个动态文本框。这样loader就ok了图如下： （待续）

[Copy to clipboard]CODE: <SCRIPT language=JavaScript> if (flag==1 || flag==2){ text_pagination(1); } else{ article.innerHTML=Text; } <script>> >更多精彩技术文章>http://www.66of.com