- 浏览: 48390 次
- 性别:
- 来自: 杭州
最新评论
原文件下载地址:
http://www.5uflash.com/download/web.rar
演示地址::
http://www.5uflash.com/download/web/default.html
前言:这是暑假期间我花了不到三天时间制作完成的,本来没准备写这篇教程(我很懒的-。-),后来觉得有很多和我当初一样渴望为自己作个精美的网站而苦于找不到这样一篇全面的教程的,所以就写了下来,以此感谢在学习Flash过程中得到的所有帮助,如果读者觉得对自己有些帮助的话就预祝我今年考研顺利吧:)
言归正传,先说说这个网站,标题我用了“精美”一词,实际上这只是个广告词汇,至少我对前期的配色和创意方面都不满意,不过作为教程还是比较合适的,基本上用Flash作网站的技术都包括了。
考虑到个人网站的更新速度,除了留言模块采用Flash+ASP+Access外,其他部分都使用Flash+XML构建。留言模块比较简单,大家如果要看功能比较全的留言本制作教程,可以从网上找,很多的(我说过我很懒的)。
第一次写这么长的教程,不准备把制作步骤一步一步写出来,这样太机械,看完后也不知所云,我会把每个模块预计的目标,自己的想法,和实现步骤重点写出来,这样我想对您会更有帮助:)
工具:Flash8(AS2.0)
Tips:这个网站使用了不少AS2.0的内置类,相关语言不清楚的话可参考Flash8的帮助文档。
第一章:模块划分
基本上个人网站只有About,News,Works,Contact几个模块(其实大部分模块的实现方式很类似的),因为使用MovieClipLoader类来动态加载,所以我们的swf包括about.swf, news.swf, works.swf, contact.swf以及放置导航条,背景效果和音乐播放器的main.swf,最后还有一个index.swf用来载入main.swf的。
Tips:当然结构是看个人喜好的,你可以把背景效果和播放器都做成单独的swf。
第二章:index.swf
Index.swf主要是加载main.swf并包括一个loading效果的(这个loading效果是我最满意的部分,是受一个广告的启发,虽然实现很简单),这个loading在后面的模块中也经常使用,所以把它做成一个单独的MC(loading_mc);
Index.swf的背景是一个渐变,这是为了不使在loading的时候画面不要过于简单,我使用的是一个色系的颜色,上面深(#009288),下面浅(#A8D4D1),大家不必拘泥,用你们喜欢的颜色就可以了。
重点是loading_mc的制作,下面是loading_mc的预览图:
其实就是一个标尺的样子,右边有个动态文本显示加载的百分率,并且其y值随之上升到相应高度的位置(呵呵,简单吧,不过效果很不错,现在大部分loading制作时显示百分率的文本位置都是固定的,这个创意为整个网站增色不少的)
制作过程:左边的那个标尺不用说了吧,使用极细直线来作,右边的动态文本命名为loading_txt,字体使用04b_08,大小为6
下面就是AS代码部分了,在主场景第一帧写代码:
fscommand("fullscreen", true); //全屏
fscommand("allowscale", false); //不许缩放
var my_mcl=new MovieClipLoader(); //定义一个MCL了,不熟悉此类的看帮助文档
var mcllistener=new Object(); //定义一个侦听器对象
var container=this.createEmptyMovieClip("container", this.getNextHighestDepth());
//container用于装加载的main.swf
mcllistener.onLoadStart=function(){
loading_mc._visible=true;
loading_mc.loading_txt.text="00.00";
}//我的方法是改变loading_mc的_visible来控制它的显隐,当然也可以用其他方法,不 //过这个来得简单
mcllistener.onLoadProgress=function(target, bytesLoaded, bytesTotal){
var loaded=100*bytesLoaded/bytesTotal;
loading_mc.loading_txt.text=loaded.toString().slice(0,5);
loading_mc.loading_txt._y=50-loaded/2;
}//loaded是加载的百分比,因为我的标尺高度是50px,所以loading_txt的y值应为50-//loaded/2
mcllistener.onLoadComplete=function(){
loading_mc._visible=false;
}//加载完成后,loading_mc隐藏
mcllistener.onLoadInit = function(target){
target._x=0;
target._y=0;
}
my_mcl.addListener(mcllistener);//为my_mcl添加侦听器
my_mcl.loadClip("main.swf",container);//加载main.swf到container中
上面的代码不麻烦吧,基本上只涉及MCL类和MC的坐标控制:)
本文转自:http://www.5uflash.com/flashjiaocheng/Flashyuweb/1088.html
发表评论
-
从html链接调用ActionScript函数
2010-04-10 14:29 659从书上刚了解这个asfunction这个东东时,感觉发现新大陆 ... -
精美全Flash个人网站的制作全程解析
2010-04-10 14:28 591原文件下载地址: http:/ ... -
用flash打造电子地图实战
2010-04-10 14:28 1137关于flash,大家或多或 ... -
Flash Media Server 起步(13)再说说SO....onSync(list)
2010-04-10 09:49 517很早以前写过so,当时 ... -
FlaMplayerV3里应用到的小技巧:加载缓冲
2010-04-10 09:48 568"var t0 = FMSound.getBytes ... -
FlaMplayerV3里应用到的小技巧:加载缓冲
2010-04-10 09:48 562"var t0 = FMSound.getBytes ... -
最新利用FMS做在线视频录制教程
2010-04-10 09:48 648这程序写的挺简单的..不懂的呢,可以参考下..高手就别笑我了. ... -
最新利用FMS做在线视频录制教程
2010-04-10 09:48 561这程序写的挺简单的..不懂的呢,可以参考下..高手就别笑我了. ... -
我对as3声音架构的理解
2010-04-09 12:44 500一直都对as3的声音架构 ... -
as3.0游戏开发之打气球系列(一)
2010-04-09 12:44 495好久没有写正经的文章 ... -
as3按钮事件
2010-04-09 12:44 593在刚开始学As3时,如果不知道按钮的事件如onPress的话 ... -
【as3】ActionScript 3.0体验试教学视频教程
2010-04-09 12:43 655很不错的视频教程 原文地址: http://blog.sina ... -
as3 使用sound类(翻译)-暂停和继续播放声音
2010-04-09 12:43 533[1b]问题十[/1b] 如何暂停声音,如何从暂停的地 ... -
ActionScript 3.0(as3)实现的A*寻路算法源代码下载
2010-04-09 08:23 831曾经写过A*寻路算法的教程,但没有贴出任何代码,这次代码全都贴 ... -
扇形变圆形并设置为图片的遮罩
2010-04-09 08:23 847[ 制作思路 ] 复制小扇形并逐渐旋转成一个圆 [ 知识点 ] ... -
扇形变圆形并设置为图片的遮罩
2010-04-09 08:23 1122[ 制作思路 ] 复制小扇形并逐渐旋转成一个圆 [ 知识点 ] ... -
flash游戏开发中的人物走动实现方法
2010-04-09 08:23 756由于AS3的推出和网速的 ... -
flash游戏开发中的人物走动实现方法
2010-04-09 08:22 983由于AS3的推出和网速的 ... -
跑动的小火柴人(flash动画)
2010-04-08 07:48 511本教程描绘的是完全用ActionScript做的一个火柴棍小人 ... -
xmlConnector + MenuBar 菜单
2010-04-08 07:48 580使用actionScript写过 [url=http://w ...
相关推荐
一个精美的全Flash个人网站的制作全程
精美Flash精美Flash精美Flash精美Flash精美Flash精美Flash精美Flash精美Flash精美Flash精美Flash精美Flash精美Flash精美Flash精美Flash精美Flash精美Flash精美Flash精美Flash精美Flash精美Flash精美Flash
网站\精美个人Flash网站源码_EXW_Flash整站系统-
精美学校Flash精美学校Flash精美学校Flash
精美网站模版共计81套,包含个人网站,flash网站等,非常的全。
Flash制作的音乐播放器(小巧,精美,实用)实用初学者 Flash制作的音乐播放器(小巧,精美,实用)实用初学者 Flash制作的音乐播放器(小巧,精美,实用)实用初学者 Flash制作的音乐播放器(小巧,精美,实用)...
ASP实例开发源码—精美全站flash茶叶网站.zip ASP实例开发源码—精美全站flash茶叶网站.zip ASP实例开发源码—精美全站flash茶叶网站.zip
英语课件制作精美动画素材库英语课件制作精美动画素材库英语课件制作精美动画素材库英语课件制作精美动画素材库英语课件制作精美动画素材库英语课件制作精美动画素材库英语课件制作精美动画素材库英语课件制作精美...
精美FLASH源码全集精美FLASH源码全集精美FLASH源码全集精美FLASH源码全集
ASP源码—精美全站flash茶叶网站.zip
基于ASP的精美全站flash茶叶网站.zip
精美FLASH全站 精美FLASH全站 精美FLASH全站 精美FLASH全站
数10个精美的flash作业,可用于上交课后作业!
精美网站精美网站精美网站精美网站精美网站精美网站精美网站
知羽FLASH自动电子相册制作系统是一个非常好用的FLASH自动电子相册制作软件,界面简洁,易操作,对客户照片不需要进行修整,... 制作一首精美FLASH--MTV,需要数码照片15-30张,精美flash,婚纱照,写真,生活照,做成漂亮的F
近百种优选 Flash 导航设计,漂亮精美,样式繁多。
这是某某同学为一家网站做的著名实例,一个选择动画,源码详细,AS3.0写的.很好。这个动画,很精美,效果很炫。希望你们不要用于商业用途,只是学习用的。
一个一个精美的纯Flash网站源码精美的纯Flash网站源码一个精美的纯Flash网站源码
精美ASP.Net个人网站管理系统,精美ASP.Net个人网站管理系统
Flash 制作网站导航条 学习参考 Flash 制作网站导航条 学习参考 Flash 制作网站导航条 学习参考 Flash 制作网站导航条 学习参考 Flash 制作网站导航条 学习参考 Flash 制作网站导航条 学习参考 Flash 制作网站导航条...