如果你经常上网，就可发现如今的个人网站很酷，很有互动性，也很能营造氛围，看得自己真是口水直流啊，不知什么时候才能做出这样完善的全F
lash网站呢？光羡慕没有用，必须多动手才行。经过前几期的介绍，相信大家对F
lash网站制作的各种方法、加强网站互动性的手段已经有所了解，比如创建动画、加入具有感染力的音效、营造空间感很强的三维效果等。那么怎样把这些手段有机地整合起来，做出又酷又炫的全F
lash网站呢？相信读完本文，你就可以轻松实现这个梦想。 　首先解释一下F
lash全站的概念。F
lash全站就是将网站“F
lash化”，把所有需要用到的数据、文档、资料、图片都用F
lash制作、输出成SWF
文件，然后嵌入到HTML文件中，用户浏览时就不需要一个页面一个页面地打开，只要打开一个主界面，就可以浏览全站的内容，这样速度感觉会快很多。在网站各模块之间的切换也可加入动态效果，让网站变得更人性化。那么该如何实现呢？最笨的办法就是将所有内容做到一个SWF
中，把不同栏目放到不同的场景里，但这样读取时就会变得非常慢。想象一下，把全站的内容用F
lash形式一次性读取完，这个等待时间可能会让浏览者难以忍受，好网站总是以吸引眼球为目标，考验访问者的耐心万万不可。比较好的办法就是按栏目分类做成一个个的SWF
，然后把它们连接起来，就和HTML页面中的超链接一样，不过这里可以添加更为平滑的过渡效果。 　下面就来看看F
lash全站的结构。F
lash全站一般由两部分构成：一个是索引动画（Index A
nimation），它起一个容器作用，里面可以是空空如也，什么也不包含，也可以包含一个导航栏目，并且有一个空的电影片断（Movie C
lip，或一个单独的Level），用来读取额外包含内容的SWF
。另外一个就是内容动画（C
ontent A
nimation），它包含的就是网站的实际内容，会被动态读取到索引动画中并显示出来供访问者浏览，它可由很多个SWF
文件组成，一个栏目对应一个SWF
。对于Level这个概念，我们还要做一些说明。Level在中文中就是“层级”的意思，就是在一个F
lash动画中，可以读取另外一个甚至数个SWF
文件到不同的层级上。F
lash播放器第一个读取的SWF
文件是_level0，然后使用A
ction Script读取另外一个SWF
文件到指定的层级中，比如_level4，那么这个SWF
就位于第4层级上。像Photoshop中的层一样，位于上面的层会遮住下面的层，透过透明部分才可以看到下面的内容（如果读取到_level0，那么原来的层就会被替换掉）。至于背景、帧速率等设置，均以第一个层级_level0为准。不同的层级可以包含它自己的Movie C
lip（如图1所示），这点是没有任何限制的。有了这样的特点，我们才可以使用不同的SWF
文件来创建F
lash全站。 　动手篇： 　1.建立F
lash全网站的基本结构 　打开F
lash MX，新建一个大小为540×420、背景色为黑色的索引SWF
。为了保证动画流畅，我们把F
PS设高些，此处设为每秒60帧。 　第1步，在索引SWF
中创建4个按钮，然后把它们拖放到Scene1的主编辑区上，靠左由上到下摆放整齐（这只是根据我们这个练习中的要求来摆放，实际操作中就由你自由发挥）。这时编辑区中应该如图2所示，方形边框用来显示内容SWF
。我们要用属性面板对它进行位置和大小控制，以便让SWF
在合适的位置显示。控制方形边框的位置在：X坐标135，Y坐标75，宽度400，高度200，如图3所示。 　第2步，制作4个内容SWF
文件，大小要和索引SWF
一样，然后在编辑区上从坐标（135,75）和宽度、高度各为400和200的区域内添加适当内容，这样就能保证所制作的内容SWF
文件在索引SWF
文件中读取后，在方形边框中显示（如图4）。同样，我们可以制作另外几个SWF
，分别赋予不同的内容，然后保存为_section1.swf……_section4.swf。 　第3步，给索引SWF
中的按钮添加A
ctionScipt动作脚本。在主场景Scene1中选中_section1按钮，按F
9打开A
ctions面板，选择专家模式，输入下面的A
S代码: 　   on (release) { 　    loadMovieNum("_section1.swf", 1); 　    } 　这里，loadMovieNum就是读取附加SWF
文件的函数，后面的参数表示读取的SWF
文件处于的level，这里的1表示它位于_level0的上方。 　第4步，测试输出。点击_section1按钮时就会看到_section1.swf被读取出来，然后放置到所设的方形方框内部（如图5）。也可以加入一些动态效果，比如淡入淡出、快速飞入等。 　2.改造导航栏 　要制作出一个成功的全F
lash网站，导航栏会起到画龙点睛的作用。 　第1步，创建一个新的MC
符号B
oxG
raphic。用矩形和变形工具做一个透视的立方体，然后用描边工具（图6）为它加上轮廓，做出来的效果如图7所示。 　第2步，创建一个按钮InvisB
oxB
utton。这个按钮的形状和立方体一样，可以把B
oxG
raphic中的立方体复制过来，然后删掉Timeline中Up、Over、D
own中的内容，只留下Hit区域（图8）。作用是让这个按钮在平时状态下不可见，但要让按钮起作用，就得在Hit响应区中添加与B
oxG
raphic中同样的形状。 　第3步，创建一个新的MC
符号，起名为B
oxwB
utton。把B
oxG
raphic和InvisB
oxB
utton拖入到编辑区当中，使两者重合，这样就创建了一个既可以实现按钮功能，又具有MC
特点的符号，可以说是一个多功能结合体。选中InvisB
oxB
uttion，然后在A
ctions面板中输入如下A
S代码： 　//设置栏目名称和鼠标滑过效果 　    on (rollOver) { 　    setProperty("box", _alpha, 60); 　    ../../:name = getProperty("", _name); 　    } 　    on (rollOut) { 　    setProperty("box", _alpha, 25); 　    ../../:name = " "; 　    } 　第4步，创建最后一个MC
的C
olorB
ar。把B
oxwB
utton拖进去，然后复制7到8个（依具体栏目数量而定），由上到下、首尾相接排列好，然后改变它们的Tint属性，改变颜色，在属性面板中的Instance Name一栏为它们起名字（图9），这就是网站栏目名了（如图10）。这时还可在按钮上加入读取SWF
文件的A
S，用上面提到的loadMovieNum()函数即可。 　第5步，把C
olorB
ar放到主场景中，设置Instance Name为rol。在适当位置添加一个动态文本框，将Var属性改为NA
ME
，这是我们显示栏目名称的地方。最后添加A
S。 　A
S分两帧，第一帧： 　//设置C
olorB
ar的位置随着鼠标的移动而反向移动； 　    y = _ymouse-225; 　    setProperty("/rol", _y, X); 　    X = X-(Y/10); 　    if (Number(X)>520) { 　    X = X-486; 　    } 　    if (Number(X)<36) { 　    X = Number(X)+486; 　    } 　    height = getProperty("rol", _y); 　第二帧： 　    //播放上一帧，重新读取各参数 　    gotoA
ndPlay(_currentframe. - 1); 　3.滚动条和移动背景的制作 　在具体的F
lash中，怎样运用各种技巧和工具去布置网站内容呢？比如滚动条、弹出窗口等，以前我们利用HTML语言可轻松实现，今天用F
lash也可达到这种效果（图11）。首先来介绍一下滚动条，它属于F
lash自带组件中的一种，其各种属性和功能已被事先定义好了，因此不用考虑怎样去构建它，拿来直接套用即可。 　第1步，在_section1.swf中的适当位置上添加一个D
ynamic Text动态文本框，设置它的Instance Name为iText。 　第2步，按“C
trl+F
7”调出C
omponents面板，从中找出ScrollB
ar组件（图12），将其拖入编辑区，拖到文本框上方，这时滚动条会自动调整大小并附在文本框旁边。 　第3步，在Timeline中选择第一帧，加入下面的A
S代码： 　    loadText = new loadVars(); 　    loadText.load("mytext.txt"); 　    //读取外部文本文件内容的函数 　    loadText.onLoad = function() { 　    iText.text = this.mytext; 　    }; 　这个函数的意思是打开一个外部Mytext.txt文件，然后把内容读取出来，并赋给iText文本框。这样做的好处是如果要修改网站内容，不用再编辑F
lash文件，只需修改文本文件中的内容即可。 　第4步，F
lash中的工作已做完，现在只剩Mytext.txt，打开记事本，随便输入一段话，然后在最上面加上“mytext=”，这是必须要有的，它相当于一个赋值语句（图13）。 　最终测试的效果如图14所示。 　4.添加音效 　至此，我们的F
lash网站既有完整的结构，又有实用的功能，还有酷毙的特效，是不是可以收工了呢？慢，还有很重要的一个要素：音效！好的F
lash作品都会配上出色的音效，以达到尽善尽美的效果。这里我们就来制作一个音乐播放器吧，最好带上音量控制功能，就跟真的播放器一样。 　第1步，选择一首好听的音乐，一个播放按钮、一个停止按钮和一个调节音量的滑动条。播放和停止按钮的制作很简单，这里就不再介绍。滑动条里应该包含一个轨迹线，就是滑动条滚动的轨道,还应该有一个滑动的柄。轨道呢，我们叫它Line，滑柄就叫它D
ragger，做好之后的样子如图15所示。 　第2步，把滑柄和轨道放到另一个新建的MC
：mySlider中，设置它们的Instance Name分别为Line和D
ragger。然后在mySlider的第一帧输入下面的A
S代码： 　    //计算滑柄滑到的位置 　    this.ratio = 0; 　    dragger.onPress = function() { 　    //限制滑柄在轨道的范围内水平滑动 　    this.startD
rag(true, 0, 0, line._width, 0); 　    this.onE
nterF
rame. = function() { 　    //计算滑柄位置所对应的数值 　    ratio = Math.round(this._x*100/line._width); 　　　_root.volume = ratio; 　    }; 　    }; 　    dragger.onRelease = dragger.onreleaseOutside=stopD
rag; 　第3步，把mySlider放到主编辑区中，设置Instance Name为mySlider，在添加一个动态文本框dl。然后选中mySlider，在A
ctions面板中输入： 　    onC
lipE
vent (load) { 　    //添加音乐 　    mySound = new Sound(); 　    mySound.loadSound("sound.mp3", false); 　    } 　    onC
lipE
vent (enterF
rame) { 　    //测试音乐是否读取完毕 　    downloaded = mySound.getB
ytesLoaded(); 　    total = mySound.getB
ytesTotal(); 　    if (downloaded != total) { 　    _root.dl = "downloading song..."; 　    } else { 　    complete = 1; 　    _root.dl = "loading completed!"; 　    //控制声音 　    mySound.setVolume(_root.volume); 　    } 　    } 　第4步，把播放按钮放到主场景编辑区中，输入A
S脚本： 　    on (release) { 　    if (_root.mySlider.complete == 1) { 　    _root.mySlider.mySound.start(0, 99); 　    } 　    } 　    停止按钮的A
S： 　    on (release) { 　    _root.mySlider.mySound.stop(); 　    } 　好了，大功告成！别忘了把Sound.mp3和SWF
文件放到同一个目录下。测试一下效果，是不是很实用啊（如图16）？这下一个美妙绝伦的F
lash网站就制作完成了。你尽可将其向别人展示，一定要秀出自己的风采哦！ 　我们这期以制作全F
lash网站为目标，把F
lash制作的各种技术、技巧作了个简单的整合，这些功能可满足一个基本F
lash网站的需要了。强大的网站功能和绚丽的效果都是由一个又一个的小模块构成，我们在此介绍的这几个并不复杂，希望能抛砖引玉，激发起大家的创作兴趣，制作出功能更强、效果更炫的F
lash网站来！ 　    　本 期 推 荐 　F
lash资源： 　1.闪客中国，动漫社区（/fujian/20200514/default.php />lash综合网站，内含7000多种以动漫为主的F
lash作品及创作素材，网站上的社区也是个不错的F
lash技术交流园地。 　2.52F
lash（https://www.52flash.net）：号称是中国闪客的根据地！口气很大，却并不言过其实。网站更新及时，各种F
lash栏目也应有尽有，不失为一个F
lash学习和娱乐的好去处。 　F
lash酷站欣赏： 　1.Macromedia（https://www.macromedia.com）：F
lash的娘家。经过了最近的一次改版，Macromedia也F
lash化了，大部分界面都采用F
lash来制作，不但美观，而且具有很高的互动性和商业价值，相信大家一定会被这些内容丰富、功能强大而又不失轻松活泼的F
lash深深吸引。 　 　2.F
antasy Interfaces（https://www.fantasyinterfaces.com）：一个后台功能强大、界面又异常华丽的全F
lash网站，3D
、音效以及各种视觉效果的应用让人艳羡不已，它对什么是真正的全F
lash网站又作了一次完美的诠释。

制作flash全站,要学习和具备哪些知识?