全Flash网站制作剖析

作者佚名技术来源服务器技术浏览发布时间 2012-07-14

Relationship、Contact Us

　　红线部分构成主场景（舞台），每个子栏目在首页里仅保留名称，属性为按钮。
　　蓝线部分内容为次场景（演员），可以将次场景内容做在一个文件内，同时也可以做成若干个独立文件，根据需要导入到主场景（舞台）内。
　　2、首页场景index.swf的制作

　　全Flash网站由主场景、子场景、次子场景……构成。
　　和制作html网站类似，一般我们会制作一个主场景index.swf，主要内容包括：长宽比例、背景、栏目导航按钮、网站名称等“首页”信息。最后发布成一个html文件，或者自己做一个html页面，内容就是一个表格，里面写上index.swf的嵌入代码即可。

　　主场景安排：

　　蓝色线条部分为网站名称、版权等固定信息区，通常所在位置为Flash动画的边缘位置。
　　橙色线条内容为网站栏目导航按钮，通常也是固定在某个区域。按钮可以根据需要做成静态或动态效果，甚至可以做成一个包含MC变化的Button。
　　绿色线条部分为主场景导入子文件的演示区域。　　在子文件的装载方面主要用到:LoadMovieNum、UnloadMovieNum两个控制函数，请参阅前文"。
　　这里我们以子栏目Cartoon的制作为例。主场景文件index中有一个按钮Cartoon，当我们点击Cartoon按钮时希望导入cartoon文件夹下的200208.swf文件。所以我们在场景内选择Cartoon按钮，添加Action代码：

　　on (release) {
　　　　loadMovieNum("cartoon/200208.swf", 1);
　　　　unloadMovieNum (2);
　　}
　　注意这里我们设置level为 1。

　　3、次场景200208.swf的制作

　　现在确定Cartoon子栏目需要导入的文件200208.swf，该文件计划包含5个子文件。所以200208.swf文件的界面只包含用于导入5个独立子文件的5个图形按钮和一个标题。

200208.swf

　　从图上大家可以看到，200208.swf文件包含5个属性为button的小图标，分别为Bu_2_frog01到Bu_2_frog05。我们需要的效果是：点击它们则分别导入相应文件200208_frog01.swf到200208_frog05.swf文件。

　　我们在场景内选择Bu_2_frog01，为这个按钮添加ActionScript：

　　on (release) {
　　　　loadMovieNum("cartoon/200208_frog01.swf", 2);
　　} 　　点击Bu_2_frog02，为这个按钮添加ActionScript：
　　on (release) {
　　　　loadMovieNum("cartoon/200208_frog02.swf", 2);
　　}
　　……
　　依次将5个button分别设置好相对应的action以便调用相应的文件。

　　注意：这里我们设置level为2，是为了保留并区别主场景1而设置的导入的层次数，如果需要导入下一级的层数，则层数增加为3，依次类推。
　　4、二级次场景（200208_frog01～200208_frog05)制作

　　这里的二级次场景是与上级关联的内容，是本例中三级结构中的最后一级。该级主要为全Flash网站具体内容部分，可以是详细的图片、文字、动画内容。这里需要连接的是具体图片为内容，但同样需要做成与主场景比例同等的swf文件。例如：

200208_frog01

200208_frog02 　　该场景是最底层场景，为主体内容显示部分，具体动画效果大家可以根据需要做更深入。注意要在场景最后一帧处加入停止ActionScript代码:stop();这样可以停止场景动画的循环动作。　　完整导入到主场景内的效果

　　5、About中的文本导入

　　查看本例的About子栏目，在文件index.fla里设置About按钮的action：

　　on (release) {
　　　　loadMovieNum("aboutus.swf", 1);
　　　　unloadMovieNum (2);
　　} 　　在aboutus.fla文件中做好显示文本的文本框，文本框属性设置为多行（Multiline）,Var:aboutus（注意这个变量名）。

　　为文本框所在的帧加ActionScript代码：
　　loadVariables("aboutus.txt", "");

　　在aboutus.swf文件所属目录下编写一个纯文本文件about.txt，文本

凌众科技专业提供服务器租用、服务器托管、企业邮局、虚拟主机等服务，公司网站：http://www.lingzhong.cn 为了给广大客户了解更多的技术信息，本技术文章收集来源于网络,凌众科技尊重文章作者的版权，如果有涉及你的版权有必要删除你的文章，请和我们联系。以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息，谢谢!

分享到：更多

你可能对下面的文章感兴趣

上一篇: Flash中音量和左右声道平衡的控制下一篇: Flash游戏制作规划与流程漫谈

关于全Flash网站制作剖析的所有评论

随机推荐