谁知道flash网页制作教程

~

Flash网站制作剖析

经过一段时间的Flash学习之后，很多朋友开始对那些全Flash网站的制作发生兴趣。全Flash网站基本以图形和动画为主，所以比较适合做那些文字内容不太多，以平面、动画效果为主的应用。如：企业品牌推广、特定网上广告、网络游戏、个性网站等。

制作全Flash网站和制作html网站类似，事先应先在纸上画出结构关系图，包括：网站的主题、要用什么样的元素、哪些元素需要重复使用、元素之间的联系、元素如何运动、用什么风格的音乐、整个网站可以分成几个逻辑块、各个逻辑块间的联系如何、以及你是否打算用Flash建构全站或是只用其做网站的前期部分等等，都应在考虑范围之内。

从技术方面讲，如果你已经掌握了不少单个Flash作品的制作方法，再多了解一些swf文件之间的调用方法，制作全Flash网站并不会太复杂。

参考流程：网站结构规划—>Flash场景规划—>素材准备—>分别制作—>整体整合

一、全Flash网站和单个Flash作品制作的区别

二、常用技术

1、重要ActionScript代码控制

2、Loading的制作

3、文本导入

三、实例制作剖析

1、本实例网站结构规划

2、首页场景index.swf的制作

3、次场景Cartoon(200208.swf)的制作

4、二级次场景（200208_frog01～200208_frog05)制作

5、About中的文本导入

四、注意事项

以上我们通过实例剖析的方式大略介绍了全Flash网站的基本制作方法，希望给喜欢Flash的朋友们一点实实在在的帮助，期望不久以后能看到大家做出的精彩Flash网站！本文Flash网站实例源文件下载

一、全Flash网站和单个Flash作品制作的区别

1、文件结构不同

单个Flash作品的场景、动画过程及内容都在一个文件内，而全Flash网站的文件由若干个文件构成，并且可以随发展的需要继续扩展。全Flash网站的文件动画分别在各自的对应文件内。通过Action的导入和跳转控制实现动画效果，由于同时可以加载多个SWF文件，它们将重叠在一起显示在屏幕上。

2、制作思路不同

单个Flash作品的制作一般都在一个独立的文件内，计划好动画效果随时间线的变化或场景的交替变化即可。全Flash网站制作则更需要整体的把握，通过不同文件的切换和控制来实现全Flash网站的动态效果，要求制作者有明确的思路和良好的制作习惯。

3、文件播放流程不同

单个Flash作品通常需要将所以的文件做在一个文件内，在观看效果是必须等文件基本下载完毕才开始播放。但全Flash网站是通过若干个文件结合在一起，在时间流上更符合Flash软件产品的特性。文件可以做的比较小，通过陆续载入其它文件更适合Internet的传播，这样同时避免了访问者因等待时间过长而放弃浏览。

二、常用技术

1、重要ActionScript代码控制

这是全Flash网站实现的关键，尤其是FlashMX新增了很多功能强大的命令，关于这部分，请大家可以参看看看其它的资料,这里只介绍部分制作全Flash网站需要使用的比较重要的ActionScript函数。

loadMovieNum("url",level[,variables])

loadMovie("url",level/target[,variables])

功能说明：

在播放原来加载的影片的同时将SWF或JPEG文件加载进来。

参数说明：

url要加载的SWF或JPEG文件的绝对或相对URL，不能包含文件夹或磁盘驱动器说明。

level把swf文件以层的形式载入到Movie里，若载入0层，则载入的swf文件将取代当前播放的Movie，。2层高于1层。

Target可用路径拾取器取得并替换目标MC，载入的电影将拥有目标MC的位置、大小和旋转角度等属性。(个人认为用Target好些，在控制载入.swf位置时比较方便)

variables可选参数，指定发送变量所使用的网站类似，一般我们会制作一个主场景index.swf，主要内容包括：长宽比例、背景、栏目导航按钮、网站名称等“首页”信息。最后发布成一个html文件，或者自己做一个html页面，内容就是一个表格，里面写上index.swf的嵌入代码即可。

主场景安排：

蓝色线条部分为网站名称、版权等固定信息区，通常所在位置为Flash动画的边缘位置。

橙色线条内容为网站栏目导航按钮，通常也是固定在某个区域。按钮可以根据需要做成静态或动态效果，甚至可以做成一个包含MC变化的Button。

绿色线条部分为主场景导入子文件的演示区域。

在子文件的装载方面主要用到:LoadMovieNum、UnloadMovieNum两个控制函数，请参阅前文重要ActionScript代码控制。

这里我们以子栏目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，文本开头为“aboutus=”，“＝”后面写上正式的文本内容。

将文本文件完整导入到主场景内的效果

四、注意事项

1、注意所有子文件的长、宽属性

全Flash网站从画面层次来看，非常类似Photoshop的层结构，我们可以把每个子场景看做为一个层文件，子文件是在背景的长宽范围内出现。为了方便定位，我们可以让子文件与主场景保持统一的长宽比例，这样非常便于版面安排。否则就必须用setProperty语句小心控制它们的位置。

2、发布文件时注意将html选项发布为透明模式

需要将每个子文件发布为透明模式的原因是不能让子文件带有背景底色，由于子文件的长宽比例与主场景基本是一致的，如果子文件带有底色，就会遮盖主场景的内容。

设置方法：在发布设置里勾选html选项，在html面板里选择windowsmode:TransparentWindowless,如图。

3、使用文本导入时，注意文本文件开头的内容必须是“与文本框属性中Var定义名相同的字符串=正文”。另外需要导入文本的swf文件与被导入的txt文本文件最好在同一目录内。

4、注意仔细检查文件之间的调用是否正确，避免出现“死链接”

---

纳溪区17897158801： 如何用flash制作网页 - ？
绽矩信达： 今我们在网上看到过好多FLASH的网站,在制作FLASH网站时多数采用的是调用其它的SWF文件,这样可以使我们的网站的结构清晰便于我们管理FLASH的网站,而且我们制作时也是比较轻松,因为这样做就好象我们开发软件时一样,采用了...

纳溪区17897158801： 如何制作flash动画网页？
绽矩信达： FLASH的做法 第一,要学FLASH,你总要有工具软件吧...先准备好FLASH5.0(中英文版都可),还有一些必备工具,大家记一下:ACDSEE 3.x版(看图工具) / PHOTOSHOP 5.X~6.0版(做图工具) / WINAMP2.72(一边上课一边听歌用) / 接着是关键工具 MP3音频解码器--估计大多数人都没有 可以到网上去找,然后就是音频工具 GOLDWAVE ,这个是压缩各种音频文件的利器!!! / 第二,把这些工具整理一下,压缩图片的大小可以用ACDSEE,处理图片可以用PHOTOSHOP,压缩音乐就用GOLDWAVE.

纳溪区17897158801： 求Flash网站制作教程!!! - ？
绽矩信达： 学做FLASH网站得先学做FLASH,最重点是AS与帧动画的应用,要说教程,直接去网易学院去看,直接可以在线看,学一些AS的基础就行了,然后去http://www.sj63.com/index.asp?area=2 看一下效果比较好的FLASH酷站,这里面分类还是比...

纳溪区17897158801： 怎样用Flash制作网站 - ？
绽矩信达： 用flash制作网站,首先你要掌握flash的脚本语言actionscript3.0,通过XML读取信息链接数据库等.Flash全站可以通过Flash框架技术,这样打开速度可以和普通网站一样快,外部加载swf来加载页面和视频大图等,就是分布读取和预加载技术,生成网页,在Flash发布选项里,勾选html就可以生成网页了.你想系统学习Flash全站可以了解一下《成都闪客教育》或者加QQ:3 3 8 7 1 2 3 4

纳溪区17897158801： 请问用flash如何制作网站? - ？
绽矩信达： 1. 首先配置系统 IIS 控制面板 -〉 添加删除 -〉 打开或关闭windows功能 -〉internet信息服务 -〉 进行勾选安装 2. 打开IIS 控制面板 -〉 管理工具 -〉 Internet 信息服务(IIS)管理器 进行配置网站 自己研究一下 最后把swf文件复制到网站根目录 就可以了 也可以自己写一个htm 我不善于打字 手都打痛了 慢慢研究吧

纳溪区17897158801： 纯flash网站制作的具体步骤? - ？
绽矩信达： 一网站制作前期准备 往往很多人做FLASH的时候都是拿来就做,不对的地方再进行修改,这样不仅效率低,并且做的时候思绪很乱,导致做出来的效果很差,一个好的网站前期的准备工作必不可少网站做法分为两种 一种是把网站做成很多的...

纳溪区17897158801： 怎么用Flash这个软件做网页?需要详细的教程？
绽矩信达： 你首先要了解链接函数getURL的使用方法 再要了解gotoAndPlay函数的使用方法 还要了解按钮的各种函数使用方法 当然,前提是你得能做出flash动画 最详细的教程当然是软件自带的帮助文件,这是官方出的说明书 启动软件,按F1就能调出:

纳溪区17897158801： 网站里怎么制作flash - ？
绽矩信达： 首先,你要制作好flash影片,然后再把它插入网页即可. 制作flash,用flash编辑制作软件,插入网页用DW软件或者直接写代码即可.

纳溪区17897158801： 有没有FLASH制作网站教程?或者讲解下该怎么制作？
绽矩信达： Flash通过XML读取信息链接数据库等~~ Flash全站的话可以通过Flash框架技术~~这样打开速度可以和普通网站一样快 外部加载swf来加载页面和视频大图等~~就是分布读取和预加载技术~~ 生成网页~~在Flash发布选项里~勾选html就可以生成网页了~~~ 你想系统学习Flash全站可以了解一下《成都闪客教育www.flash2009.com》

纳溪区17897158801： Flash网页如何制作 - ？
绽矩信达： flash网页设计不是一朝一夕就可以学会的,我差不多花了一年多,从基础开始,一步一个脚印,看了无数的教程,拆解了无数的国内外flash网站,做了无数的练习,才逐步投入到工作运用当中,而且随着flash自带的编程语言由2.0到3.0质的飞跃...