谁知道flash网页制作教程?
学习Flash一段时间后,很多朋友对制作全Flash网站产生了兴趣。全Flash网站以图形和动画为主,所以比较适合那些文字内容少,以图形和动画效果为主的应用。如:企业品牌推广、特定网络广告、网络游戏、个性化网站等。
做一个全flash网站和做一个html网站差不多。你首先要在纸上画出一个结构图,包括:网站的主题,用什么元素,哪些元素需要重用,元素之间的关系,元素如何移动,用什么风格的音乐,整个网站如何划分成几个逻辑块,你是打算用Flash来搭建整个网站还是仅仅作为网站的前期部分等等。,这些都要考虑。
从技术的角度来说,如果你掌握了很多制作单个Flash的方法,多了解一些swf文件之间的调用方法,那么制作一个完整的Flash网站就不会太复杂。
参考流程:网站架构策划> Flash场景策划->;备料->分别制作->整体集成
一、全Flash网站和单Flash作品的区别。
二、共性技术
1,重要ActionScript代码控件
2、生产装载
3.文本导入
第三,实例制作分析
1.本例网站结构规划
2.制作主页场景索引. swf
3.制作二次元场景动画(200208.swf)
4.次要场景的制作(200208 _ frog 01 ~ 200208 _ frog 05)
5.关于中的文本导入
四、注意事项
以上,我们通过分析实例简单介绍了全Flash网站的基本制作方法,希望能给喜欢Flash的朋友一些实实在在的帮助,期待早日看到大家制作的精彩Flash网站!下载这个Flash网站实例的源文件。
一、全Flash网站和单Flash作品的区别。
1,不同的文件结构
单个flash作品的场景、动画流程、内容都在一个文件中,而全Flash网站的文件是由几个文件组成的,可以随着开发需要不断扩展。所有Flash网站的文件动画都在各自对应的文件中。动画效果是通过动作的导入和跳转控制实现的。因为可以同时加载多个SWF文件,所以它们会重叠显示在屏幕上。
2.不同的生产理念
单个Flash作品的制作通常是在一个独立的文件中,所以用时间轴的变化或者场景的交替来规划动画效果就足够了。全flash网站的制作需要整体把握,全flash网站的动态效果可以通过不同文件的切换控制来实现,这就需要制作人员有清晰的思路和良好的制作习惯。
3.文件播放过程不一样。
单个Flash作品通常需要将所有文件制作在一个文件中,观看效果是必须等到文件基本下载完毕后才能播放。而全flash网站是由几个文件组合而成,在时间流程上更符合Flash软件产品的特点。文件可以做得更小,通过陆续加载其他文件,更适合互联网的传播,避免访问者因为等待时间过长而放弃浏览。
二、共性技术
1,重要ActionScript代码控件
这是全flash网站实现的关键,尤其是FlashMX增加了很多强大的命令。这部分请参考其他资料。这里只介绍制作全flash网站需要用到的一些比较重要的ActionScript函数。
loadMovieNum("url ",级别[,变量])
loadMovie("url ",级别/目标[,变量])
功能描述:
播放原始加载的电影时加载SWF或JPEG文件。
参数描述:
Url要加载的SWF或JPEG文件的绝对或相对URL,不能包含文件夹或磁盘驱动器描述。
级别以层的形式将swf文件加载到电影中。如果加载了图层0,加载的swf文件将替换当前播放的电影。第2层高于第1层。
Target可以用路径选择器获取并替换目标MC,加载的电影会有目标MC的位置、大小和旋转角度。(个人觉得还是用Target比较好,更方便控制的装载位置。swf)。
Variables是可选参数,指定用来发送变量的网站是相似的。一般我们会做一个主场景index.swf,主要包括长宽比、背景、栏目导航按钮、网站名称等“首页”信息。最后发布成html文件,或者自己制作html页面。内容是一个表格,其中写有index.swf的嵌入代码。
主场景布置:
蓝线部分是网站名称、版权等固定信息区域,通常位于Flash动画的边缘。
橙线内容是网站栏目的导航按钮,通常固定在某个区域。按钮可以根据需要做成静态或动态效果,甚至一个包含MC变化的按钮都可以做。
绿线部分是主场景导入子文件的演示区域。
LoadMovieNum和UnloadMovieNum这两个控制函数主要用于加载子文件。请参考上面提到的重要的ActionScript代码控件。
这里我们以制作分栏漫画为例。主场景文件索引里有一个按钮漫画。当我们单击卡通按钮时,我们希望导入卡通文件夹中的200208.swf文件。所以我们选择场景中的卡通按钮并添加动作代码:
开启(释放){
loadMovieNum("卡通/200208.swf ",1);
unloadMovieNum(2);
}
注意,这里我们将级别设置为1。
3.第二个场景的制作200208.swf
现在确定漫画子栏目需要导入的文件200208.swf,计划包含5个子文件。因此,200208.swf文件的界面只包含五个图形按钮和一个用于导入五个独立子文件的标题。
200208.swf
从图中可以看到,200208.swf文件包含了五个带属性按钮的小图标,分别是Bu_2_frog01到Bu_2_frog05。我们需要的效果是,点击它们会将对应的文件200208_frog01.swf分别导入到文件200208_frog05.swf中。
我们在场景中选择Bu_2_frog01,将ActionScript添加到这个按钮:
开启(释放){
loadMovieNum("卡通/200208_frog01.swf ",2);
}
单击Bu_2_frog02为此按钮添加ActionScript:
开启(释放){
loadMovieNum("卡通/200208_frog02.swf ",2);
}
设置五个按钮的相应动作依次调用相应的文件。
注意:我们在这里将级别设置为2,以保持和区分主场景1中导入的层数。如果需要导入下一级的层数,则将层数增加到3层,以此类推。
4.次要场景的制作(200208 _ frog 01 ~ 200208 _ frog 05)
这里的二级场景是与上级关联的内容,在本例中是三级结构中的最后一级。这个层次主要是全Flash网站的具体内容部分,可以是详细的图片、文字、动画内容。这里需要连接的是,具体的图片就是内容,但也需要做成与主场景比例相同的swf文件。例如:
200208_frog01
200208 _青蛙02
这个场景是最底层的场景,是主要的内容展示部分,具体的动画效果可以根据需要进一步加深。注意stop ActionScript代码要加在场景的最后一帧:stop();这可以停止场景动画的循环动作。
完全导入到主场景中的效果。
5.关于中的文本导入
查看本例中的About子列,并在index.fla文件中设置About按钮的操作:
开启(释放){
loadMovieNum("aboutus.swf ",1);
unloadMovieNum(2);
}
制作一个文本框显示aboutus.fla文件中的文本,并将文本框的属性设置为multiline,var: about us(注意这个变量名)。
将ActionScript代码添加到文本框所在的框架中:
loadVariables("aboutus.txt "," ");
在aboutus.swf文件所属的目录下写一个纯文本文件about.txt,文本以“aboutus=”开头,正式文本内容写在“=”之后。
将文本文件完全导入主场景的效果
四、注意事项
1.注意所有子文件的长度和宽度。
全Flash网站从图片层面来看和Photoshop的图层结构非常相似。我们可以把每个子场景看成一个图层文件,子文件出现在背景的长宽范围内。为了方便定位,我们可以让子文件和主场景保持统一的长宽比,非常方便布局。否则,您必须使用setProperty语句小心地控制它们的位置。
2.发布文件时注意将html选项发布为透明模式。
之所以需要以透明模式发布每个子文件,是因为不能让子文件有背景色。因为子文件的长宽比和主场景基本相同,如果子文件有背景色,就会覆盖主场景的内容。
设置方法:在发布设置中勾选html选项,在html面板中选择窗口模式:透明无窗口,如图。
3.使用文本导入时,注意文本文件开头的内容必须是“与文本框属性中的Var定义同名的String = body”。另外,需要导入文本的swf文件和导入的txt文本文件应该在同一个目录下。
4、注意仔细检查文件之间的调用是否正确,避免“死链接”。