实验七  Flash个人网页制作
实验说明:本实验涉及5个任务,采用分工合作,小组成员人数要求如下,41日补课时交给同学进行分享与讲解,没有做完的同学可以分享自己的解决过程。每个人同学都应有所陈述,成绩部分分为小组成绩+个人工作。
任务列表:
任务1——解决swf文件切换和加载时尺寸问题,人数:2
任务2——main.swf中制作音乐播放按钮(1山里红下载组)或者音乐盒(1组),人数:3人,可选2
我没有你要的快乐任务3——about.swf中加载XML具体内容,修饰本文件,人数:12
任务4——参照教程制作contact.swf,难点在于教程中As 2.0代码到As 3.0的迁移,人数:3
任务5——参照教程制作works.swf,难点在于没有难点,自由发挥,3人一组,可选3
任务6——参考网络资源,修改本教程:下载一个步步惊情主题曲swf带我飞吧fla文件,内容限于个人网页使用,修改尺寸和内容以便在main.swf中呈现出来。同时在main.swf中增加一个按钮对其进行加载,人数:4
由于个人网页中静态展示的内容较多,动态提取数据的内容较少,加上个性化体现,适于采用Flash构建整个网页,因此本教程的数据交互部分采用Flash+XML文件,暂不涉及Asp动态访问语言,如有兴趣请自行学习。
一)个人网页规划
基本上个人网站只有Home,About,Works,Contact几个模块(大部分模块的实现方式很类似的)。考虑到客户端在加载大的flash文件比较缓慢会影响用户体验,因此将使用As代码来动态加载各个部分的文件,所以整个网页的swf包括about.swf, works.swf, contact.swf以及放置导航条,背景效果和音乐开关的main.swf,最后还有一个index.swf用来载入main.swf的。
Tips:当然结构是看个人喜好的,你也可以把背景效果和播放器都做成单独的swf
二)index.swf ——加载进度条制作
Index.swf主要是加载main.swf并包括一个loading效果,这个loading在后面的模块中也经常使用,所以把它做成一个单独的MC(loading_mc);
Index.swf的背景是一个渐变,这是为了不使在loading的时候画面不要过于简单,使用的是一个系的颜,上面深(#009288),下面浅(#A8D4D1),也可以根据你做好的素材选用自己喜欢的颜。重点是loading_mc的制作,预期效果是一个标尺的样子,右边有个动态文本显示加载的百分率,并且其y值随之上升到相应高度的位置。下面是loading_mc的预览图:
制作过程:左边的那个标尺使用极细直线来作,右边的动态文本命名为loading_txt,字体使用Arial,大小为10。下面就是AS代码部分了,在主场景第一帧写代码:
stage.scaleMode=StageScaleMode.NO_SCALE;
//设置舞台属性不跟随播放器大小而改变
stage.showDefaultContextMenu=false;
//屏蔽右键菜单
stage.frameRate=30;
//设置帧频为30
var request:URLRequest = new URLRequest("main.swf");
//设置加载的下一个main.swf文件
var loader:Loader = new Loader();
//tLoaderInfo.addEventListener(Event.INIT,init);
//添加初始化
tLoaderInfo.addEventListener(Event.OPEN,bfloading);
//添加开始
tLoaderInfo.addEventListener(ProgressEvent.PROGRESS,loading);
//添加进度
tLoaderInfo.addEventListener(Event.COMPLETE,loaded);滨崎步宣布离婚
泼妇门
//添加进度完成