一、谁知道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、注意仔细检查文件之间的调用是否正确,避免出现“死链接”
二、怎么用flash做网页
用FL做网页,都是强调界面的美观和网站的交互。其实也很简单,一般普通网页里面就是有导航,显示文本框和图片动画等等,你就把网页看成一个动画来制作。比如导航了,你就用帧或场景的跳转gotoAndStop();等等。页面里面的内容,就用文本框来做,好看点的,加载一些图片和动画进去就可以了。
三、flash网站怎么制作flash网站的制作
如何用flash制作网页
我们很容易开发,也很容易把它拆成碎片。今天我就给大家具体讲讲这个技巧。演示动画效果:
点击此处下载打包的源文件(共5个文件)
制作的基本思路:
我们制作的每个SWF都是一个独立的动画,每个都有自己的暂停帧。主片加载时,第一个动画自动加载,第一个动画开始加载,中间有一个暂停帧。当我们点击其他按钮时,其他动画会被加载并在中间暂停。这个系统主要使用两个变量:midframe和_root.currmovie。
首先在每个动画的第一帧中设置Midframe,即首先指示动画开始暂停位置的中间帧。当你点击按钮时,你首先告诉我们这是当前帧,你必须在调用动画中间帧之前移动。当然,上面的演示只是一个简单的例子,你可以在你的实际制作过程中做得更复杂。
_root.currMovie是指当前帧,由_root创建,主要由主动画创建。
制造步骤:
1.创建四个按钮,分别命名为section1、section2、section3和section4。当然可以命名为main,about,work,conact等。在实际生产过程中。
2.创建一个新的影片剪辑,并将其命名为container。这个电影片段是空!然后拖到舞台上。我们通过空的这个电影片段调用其他的SWF文件。这是一个关键的地方。创建完成后,将容器放在一个层中,然后我们创建一个新层,并将刚刚创建的四个按钮拖动到该层上,如图所示:
3.接下来,让我们选择刚刚在舞台上拖出的电影容器,并将其命名为实例名,这样我们就可以用代码调用它了!如图所示:
4.选择第一个按钮,然后按F9打开动作面板,开始设置按钮的单击动作,并输入以下代码:
开启(释放){
if(_root.currmovie==undefined){
_root.currMovie=
container.loadmovie(section1.swf
}elseif(_root.currMovie!=
容器.play();
}
}
}
注意:如果您的子SWF是main.swf,请将其更改为以下代码:
开启(释放){
if(_root.currmovie==undefined){
_root.currMovie=
container.loadmovie(main.swf);
}elseif(_root.currMovie!=
容器.play();
}
}
}
5.按照上面的方法给其他三个按钮添加相应的动作脚本。
注意:如果你想让显示的效果,你必须把这个主文件和其他文件放在同一个目录下!
6.如果我们希望主动画在加载时首先显示动画,我们需要添加一个层,然后将以下代码添加到第一帧:
通用代码是:
_root.currMovie=
container.loadmovie(_root.currmovie。swf
这里我们使用下面的语句:
_root.currMovie=
container.loadmovie(_root.currmovie。swf
7.下面简单介绍一下子动画的制作方法:
(1).创建一个简单的介绍动画,分为两层:一个动画层,另一个代码层。制作动画时,考虑中间帧,如图:
(2).选择动画的中间帧,并记住它的帧号,然后在中间帧输入动作:stop();如图所示:
(3).然后回到第一帧,将动作设置为:
中框=78;
(4).选择最后一帧并设置以下动作脚本:
_root.container.loadmovie(_root.currmovie。swf
bytes_loaded=math.round(this.getbytesloaded());
bytes_total=math.round(this.getbytestotal());
getpercent=bytes_loaded/bytes_total;
this.loadbar._width=getpercent*100;
this.loadtext=math.round(getpercent*100)%
if(bytes_loaded==bytes_total){
this.gotoandplay(3);
}
第二帧的脚本是:
这个。GotoAndPlay(1);
Flash安装步骤?
1、启动Flash安装程式,然后点击下一步
2、接受许可协议
3、在安装选项中,只需选择“在桌面上生成快捷方式”项即可
4、选中安装FlashPlayer项(记住是独立的,而不是网页上的FlashPlayer),然后继续
5、一切资讯都搜集完毕之后,请点击“安装”来启动正式的安装进程
6、这时安装程式就会自动的将Flash软体给安装到电脑,安装完毕之时,请去除Readme之前的复选框,然后点击完成。至此Flash软体的安装也就正式OVER了
做网页时,FLASH怎么链接啊?
有几种方法:
1、修改flash中的跳转你做一个按钮加上链接就OK了2、如果不想修改flash而是直接在网页中加链接你可以建立两个层,位置重叠,底下的那个层放flash,上面的层设置为空,在上面这个层添加链接就行了。
3、制作一个透明图片(.gif/,png)参照方法2可以放进上面那个层上直接添加链接。
flash中的小球简单运动效果怎么做?
flash中制作动画,比较基础的就是逐帧动画了。制作逐帧动画根据字面意思就比较明白了,是一帧一帧的在做。所以也比较辛苦,下面我们来看看怎么制作运动的小球。
工具/原料
flash软件
方法/步骤
1、打开软件,新建一个空白文档。
2、在舞台上面绘制一个小球。
3、在第2帧单击鼠标右键,选择菜单中的“插入关键帧”命令。
4、此时,用鼠标拖拽小球向右移动一段。
5、以此类推,使用这种方法制作有6个关键帧的动画,每个关键帧中,小球都被向右移动一点。在第6个关键帧的时候,小球已经被移动到舞台的最右边了。到此,小球运动的逐帧动画就制作完成了。