《Flash 5 网页设计》
实验要求
班级:___ 学号:___ 姓名 :___
实验 |
内容 |
参考作品 |
1 |
网站空间 个人主页 实验要求 |
网址 http://asp2.6to23.com/fsxss/ 主页 个人主页 |
2 |
线性渐增填充 圆形渐增填充 |
|
3 |
网站标志 |
网络书店、网络狂想、梦幻夜空、梦的天堂、 拂晓晨风、阳光创意、阳光极地、多彩校园、 寻找真我、浪迹天涯、聚闲山庄、随意乐园、 青春舞动、青春活力、英雄传说、书香频道、 阳光女孩、月亮女孩、运动女孩 |
4 |
缩放旋转 网站标志 |
|
5 |
路径导引动画 |
|
6 |
带声音旋转动画 | 秒针 秒针1 秒针2 ddmz |
7 |
图像声音按钮 | 飞机 鲤鱼 |
8 |
地球自转公转 | 地球带月亮自转公转 地球自转公转 |
9 |
跳转按钮 | 飞机 鲤鱼 |
10 |
文字遮罩彩条 | 文字遮蔽彩条 wzzcth wzzctz lldt dhwy 放大镜 |
11 |
场景切换 | 场景切换 |
声音素材:
导出声音:Flash 共享库—声音,如 Beam Scam—拖入场景—文件—导出影片—
文件名:fjs,保存类型:WAV 音频文件—声音格式:22 KHz 8 位 单声道。
汽车喇叭声:qc16 qc16a (qc16.wav qc16a.wav)
泉水声:qss16 qss21 (ss16.wav qss21.wav)
流水声:lss17 lss19 (lss17.wav lss19.wav)
时钟敲击:zs20 zs47 (zs20.wav zs47.wav)
实验1 申请个人网站空间
实验1 申请个人网站空间
实验名称:申请个人网站空间
所用软件:IE 浏览器、CuteFTP 软件
实验目的:到中国学生网申请 50MB ASP 空间。
实验过程:
1.登录“中国学生网”购买交费的 网站空间,
建立一个“互联网上的家园,展现自我的空间,勾画心中的蓝图,描绘美好的人生”。
发展方向提供网络虚拟空间,如朋友留言、知已聊天、学术论坛、……。
ASP 空间动态网页服务,支持ASP网页、ASP论坛、ASP留言版、Access数据库。
50MB ASP 空间5个人共用每人10MB空间,每月交费4元,每人0.8元。
2.共用的网站空间中每人一个文件夹,文件夹名用姓名的拼音首字母。
每个人应有自己的主页 index.htm。
3.填写用户名和口令,要求用笔记录,用户名不能忘记。
用户名:如,wltd828(网络天地828),只能用拼音或英文字母,不能用汉字。
口令:******
电子邮件:如,fsxss@tom.com,要求真实邮箱,
用于接收学生网发送的有关个人网站空间开通的邮件。
4.交费开通个人网站空间后,下载文件上传下载软件 CutFTP32.rar。
打开 CutFTP32 软件,建立新站点,填写资料。
主机地址,如 asp2.6to23.com, vip.6to23.com, my.6to23.com
用户名:如 wltd828
口令:如,******
5.选择本地磁盘站点上的文件 如,index.htm,点击上传按钮传送到远程个人空间。
6.在 IE 浏览器地址栏输入网址,如 http://asp2.6to23.com/wltd828 ,
打开个人主页。
建立个人主页
1.在资源管理器中建立文件夹,如
E:\本地站点。
2.打开
FrontPage,打开站点,如 E:\本地站点。
3.下载文件到
E:\本地站点。不要采取直接编辑、文件另存为的方法。
要求采取复制粘贴的方法,可以保持链接老师网站的参考内容。 4.在 FrontPage
中打开主页 index.htm。
链接实验要求时采取浏览方法找到实验要求文件。
5.实验要求页面:填写班级、学号、姓名。链连实验结果。
* 增加[插件]工具按钮
工具栏—其他按钮—添加或删除按钮—自定义—命令—插入—
把[插件]工具按钮拖到工具栏。
心得体会:在实验中学习和掌握到什么技巧?有什么提高?有什么想法和建议?
实验名称:Flash 绘图工具的使用
所用软件:Micromedia Flash MX 动画制作软件
实验目的:学习 Flash 绘图工具的使用
实验过程:(P35)
1.用矩形工具绘制显示器边框。
2.选择线性渐增填充或圆形渐增填充。
3.填充背景后,再填充显示器画面。
4.在显示器画面中绘制红、绿、蓝三个彩色圆形或正弦波。
显示器画面和背景(红绿蓝线性渐增填充、圆形渐增填充)
心得体会:在实验中学习和掌握到什么技巧?有什么提高?有什么想法和建议?
实验名称:网站标志的制作和使用
所用软件:Micromedia Flash MX 动画制作软件、FrontPage 网页制作软件。
实验目的:学习网站标志的制作和使用到个人主页中
注意网站汉字取名,搜弧网、新浪网的汉字名能与网站域名英文或拼音对应。
例如:
网络天地、网络世界、网络天空、网络书店、网络狂想、梦幻夜空、梦的天堂、
拂晓晨风、阳光创意、聚闲山庄、浪迹天涯、书香频道、多彩校园、寻找真我、
青春舞动、活力1000%、阳光女孩、月亮女孩、运动女孩
可以到网易 http://my.126.com 申请免费域名转向已经使用的网址。
实验过程:(P60)
1.字体面板中选择字大小为120、华文行楷、加粗。
2.用文字工具,在画板中选定区域,输入网站标志,如“网络天地828”。
3.用黑箭头选中文字,修改菜单—分解组件,线性填充文字。
4.选字体大小为43、蓝色、Romantic体。
5.选定区域输入网址,如“http://asp2.6to23.com/wltd828”。
6.修改菜单—文档—使画板适合文字位置大小,如 480*190。
7.导出影片 wltd828.swf。
8.在 FrontPage 中打开个人主页。
9.插入菜单—高级—插件—浏览—选定网站标志:网络天地 wltd828.swf 文件。
提示:
使用 Flash MX 版制作 Flash 动画时,发布成 Flash 6 动画,
用 Flash 5 播放器播放 Flash 6 动画时,看不见图。
发布成 Flash 5 动画,用 Flash 5 播放器播放时,才能看见图。
心得体会:在实验中学习和掌握到什么技巧?有什么提高?有什么想法和建议?
实验名称:缩放旋转文字
所用软件:Micromedia Flash MX 动画制作软件
实验目的:掌握缩放旋转动画的制作
实验过程:(P77)
1.插入—新建元件—图形。
2.用文字工具—输入网站标志,如“网络天地 828 http://wltd828.126.com”。
3.切换到场景—打开图形库—把网站标志元件拖入场景中—缩小元件。
4.右击第10帧,插入关键帧,放大元件。
5.右击第20帧,插入关键帧,缩小元件。
6.依次右击第20、30、40、50、60帧,分别插入关键帧,分别顺时针旋转元件 90°。
7.右击第70帧,插入关键帧,缩小元件。
8.依次右击第1、10、20、30、40、50、60帧,创建动画动作。
9.可以制作成每秒播放1帧,每分旋转1周。
10.修改—影片,帧频:1帧/秒,尺寸:550px * 400px,背景颜色:橙色。
关键帧 |
1 |
15 |
30 |
45 |
60 |
秒数 旋转角度 |
1 0 |
15 90 |
30 180 |
45 270 |
60 360 |
心得体会:在实验中学习和掌握到什么技巧?有什么提高?有什么想法和建议?
实验名称:制作路径导引动画
所用软件:Micromedia Flash MX 动画制作软件
实验目的:掌握路径导引动画的制作
实验过程:
1.使用共享图库的原地游水鱼 GIF 动画。(P116)
窗口—共享图库—电影剪辑 Movie Clips
Fish Movie Clips 游水鱼影片导出影片才能看到效果。
Supporting Graphic 支持图形
Fish Animated Graphic 旋转游水鱼
Fish Graphic 原地游水鱼
2.增加导引层(P88)
3.用铅笔绘制运动轨迹,选择工具的“平滑”模式。
4.注意选中主要栏中的“贴近对象”按钮。
5.光标移到鱼的中心,拖动鱼,第1帧,使鱼对准运动轨迹起点。
6.结束帧,使鱼对准运动轨迹终点。
7.右击鱼层任一帧,选择“创建动画动作”。
8.右击运动层任一帧—面板—帧—使路径适应。
9.按Ctrl+Enter键测试影片。
心得体会:在实验中学习和掌握到什么技巧?有什么提高?有什么想法和建议?
实验名称:制作旋转动画
所用软件:Micromedia Flash MX 动画制作软件
实验目的:掌握带声音旋转动画的制作
实验过程:(P97)
1.在场景中画一个时钟刻度盘—把层改名刻度盘。
2.插入—新建元件—图形。
3.用文字工具—输入网站标志,如“网络天地 828 http://wltd828.126.com”。
4.在网站标志上增加字母构成秒针。
5.切换到场景—增加秒针层。
6.打开图形库—把秒针拖入场景中—秒针对准刻度“12”。
秒针转轴心、时钟刻度中心都应与工作区中心对齐。
7.右击第15帧,插入关键帧,顺时针旋转秒针 90°。
8.依次右击第30、45、60帧,分别插入关键帧,分别顺时针旋转秒针 90°。
9.依次右击第1、15、30、45帧—创建动画动作。
10.修改—影片,
帧频:1帧/秒,每分旋转1周。尺寸:550px * 400px,背景颜色:天蓝色。
关键帧 |
1 |
15 |
30 |
45 |
60 |
秒数 旋转角度 |
1 0 |
15 90 |
30 180 |
45 270 |
60 360 |
11.增加秒针滴答声层。
12.窗口—共享库—声音—用 Latch Metal Click 模拟滴答声,把它拖到第1帧。
13.右击第1帧—复制帧—右击第2帧—粘贴帧。
14.按住[Ctrl]—选中第1、2帧—右击—复制—粘贴到3、4帧。
15.由1至4帧复制粘贴到5至8帧,……最后使60帧都带滴答声。
心得体会:在实验中学习和掌握到什么技巧?有什么提高?有什么想法和建议?
实验名称:制作图像声音按钮
飞机 鲤鱼 按钮选画 飞机汽车、飞鸽飞鱼42、飞鸽飞鱼47 影片声音、ypsy1
所用软件:Micromedia Flash MX 动画制作软件
实验目的:掌握带图像声音按钮的制作
实验过程:(P102)
1.插入—新建元件—影片声音 ypsy 按钮—窗口—共享库—按钮—Pill Botton。
按钮状态 |
一般 |
经过 |
按下 |
反应区 |
按钮层 |
飞鸽飞鱼 |
飞鸽上天 |
飞鱼跳水 |
探测鼠标 |
影片层 |
fgfy 影片 |
fgst 影片 |
fyts 影片 |
|
声音层 |
an.MP3 |
Camera Shutter |
Cloth Rip |
|
2.按钮层有四种状态:一般、经过、按下和反应区。
按钮状态分别用不同的文字:飞鸽飞鱼、飞鸽上天、飞鱼跳水。
3.按钮符号增加影片层和声音层。
4.按钮层、影片层和声音层对应鼠标经过和按下状态都插入关键帧。
5.用不同文字、影片和声音加入相应的层和关键帧。
6.利用 Flash 共享库的相似声音:窗口—共享库—声音—
用 Camera Shutter 模拟飞鸽吱吱叫,用 Cloth Rip 模拟飞鱼跳水声。
7.导入外部声音:文件—导入—例如:F:/wltd828/an.MP3。an22 an26
8.按[Ctrl]+[Enter]键预览动画。
心得体会:在实验中学习和掌握到什么技巧?有什么提高?有什么想法和建议?
实验名称:制作地球自转公转动画
地球自转公转 地球绕太阳公转43、171、自转公转 zzgz1
所用软件:Micromedia Flash MX 动画制作软件
实验目的:掌握制作沿曲线运动的动画
实验过程:(P122)
1.插入—新建元件—图形—地球。
2.导入外部图形:文件—导入—例如:地球自转 GIF 动画
3.切换到场景—打开图形库—把地球拖入到场景中的中上位置—该层命名“地球”层。
4.增加导引层—绘制大椭圆。
5.切换到“地球”层—分别在10,20,30,40帧处插入关键帧。
6.地球在大椭圆上的位置:每隔10帧,公转90度,在第40帧上的位置不能超过第1帧。
7.增加背景层—添加繁星闪闪的太空,红色太阳。
|
8.增加流星层—制作流星。
9.增加声音层—添加音乐。
心得体会:在实验中学习和掌握到什么技巧?有什么提高?有什么想法和建议?
实验8a 制作地球带月亮自转公转动画
实验名称:制作地球带月亮自转公转动画
所用软件:Micromedia Flash MX 动画制作软件
实验目的:掌握制作沿曲线运动的动画
实验过程:(P122)
1.插入—新建元件—影片—地球带月亮—绘制白色月球—该层命名“月亮”层。
2.增加引导层—绘制月亮绕地球运转轨迹(不可见)。
3.切换到“月亮”层—分别在10,20,30,40帧处插入关键帧。
4.月亮在运转轨迹上:每隔10帧,运转90度,在第40帧上的位置不能超过第1帧。
5.增加背景层—添加地球自转 GIF 动画、月亮运转轨迹(可见)。
6.切换到场景—打开图形库—把月亮绕地球运转的影片拖入到场景中的左位置—
该层命名“地球”层。
7.增加导引层—绘制地球绕太阳公转运转轨迹(不可见)。
8.切换到“地球”层—分别在10,20,30,40帧处插入关键帧。
9.地球在运转轨迹上:每隔10帧,公转90度,在第40帧上的位置不能超过第1帧。
10.增加背景层—添加繁星闪闪的太空、红色太阳、地球运转轨迹(可见)。
文字说明:地球带月亮自转公转。
实验名称:制作跳转按钮动画
所用软件:Micromedia Flash MX 动画制作软件
实验目的:掌握 Flash 交互功能动画制作
实验过程:
1.跳转帧(P137倒9)
单击场景中关键帧(如,20帧)—窗口—动作—帧动作卡— 动作—基本动作—
双击跳转命令(goto)—设置跳转场景、目标类型(如,帧数)、帧序号(如,1)。
Flash MX 2004 版
行为面板[+]—影片剪辑—转到帧或标签并在该处播放—播放帧号,如 1。
2.跳转按钮(P178-2)
右击场景中按钮—动作—对象动作卡—动作—基本动作—双击跳转命令(goto)—
系统添加代码"On (Release) {gotoAndPlay(1)}"—
设置跳转场景、目标类型(如,帧数)、帧序号(如,21)。
Flash MX 2004 版
右击场景中按钮—当前位置编辑—场景—
“动作-按钮”面板—全局函数—影片剪辑控制—双击 on 命令—选择 Release—
系统添加代码"On (Release) {};"—
“动作-按钮”面板—全局函数—时间轴控制—双击 gotoAndPlay 命令—
系统添加代码"On (Release) {gotoAndPlay()};"—
设置跳转场景、目标类型(如,帧数)、帧序号(如,21)。
跳转按钮 |
1—19帧 |
20关键帧 |
21—39帧 |
40关键帧 |
41—59帧 |
60关键帧 |
影片 |
天上飞机 |
跳转1帧 |
天上飞鸽 |
跳转21帧 |
水上飞鱼 |
跳转41帧 |
声音 |
Beam Scan |
|
Camera Shutter |
|
Cloth Rip |
|
按钮 |
跳转飞鸽 |
|
跳转飞鱼 |
|
跳转飞机 |
|
4.选择模拟声音
用 Beam Scan 模拟飞机轰轰声,
用 Camera Shutter 模拟飞鸽吱吱叫,
用 Cloth Rip 模拟飞鱼跳水声。
用 Metal Klank 模拟爆炸声。
心得体会:在实验中学习和掌握到什么技巧?有什么提高?有什么想法和建议?
实验名称:制作文字遮罩彩条动画
文字遮罩彩条 wzzcth wzzctz lldt dhwy 放大镜
所用软件:Micromedia Flash MX 动画制作软件
实验目的:掌握制作遮罩层动画
实验过程:(P171)
1.制作文字遮罩彩条动画。
有文字笔划处看到移动的彩色条纹色块,空白处遮罩彩条。
2.插入—新元件—图形—画矩形—删除矢量线—用彩色条纹填充矢量色块。
3.切换到场景—把彩条符号拖入场景—设置起始关键帧、结束关键帧位置—
设为运动动画。
4.添加文字层—输入文字—定义为遮罩层—系统自动定义彩条层已遮罩。
5.锁定文字和彩条层,然后播放动画观看遮罩效果。
心得体会:在实验中学习和掌握到什么技巧?有什么提高?有什么想法和建议?
实验名称:制作场景切换动画
所用软件:Micromedia Flash MX 动画制作软件
实验目的:掌握制作场景切换动画
实验过程:(P176)
通过按钮切换飞机、飞鸽场景。
1.制作按钮组件
按钮1:按下时转向飞机场景。
按钮2:按下时转向飞鸽场景。
按钮3:经过时停止切换,
反应区要大,鼠标经过控制的范围大较易控制。
2.制作影片
飞机影片带发动机声,飞鸽影片带鸟叫声。
3.制作场景
场景1:飞机影片、[转向飞鸽场景]的按钮、山水背景。
转向按钮层在停止层反应区上,按钮才能操作。
增加场景:修改—场景—“+”—场景2。
场景2:飞鸽影片、[转向飞机场景]的按钮、山水背景。
4.切换按钮设置
* 场景1(飞机影片):
右击[转向飞鸽场景]的按钮—动作—运动控制—
On鼠标事件(on(release){}—选释放,
动作—运动控制—goto 转到—场景2(飞鸽影片)—
按下按钮才切换,选“转到并停止”。
设置后的程序:on(release){gotoAndStop("场景2",1);}
* 场景2(飞鸽影片):
[转向飞机场景]的按钮设置类似。
设置后的程序:on(release){gotoAndStop("场景1",1);}
* 停止层反应区:
右击停止层反应区—动作—运动控制—On鼠标事件(on(release){}—选指针经过
动作—运动控制—goto 转到—选“转到并停止”。
设置后的程序:on(rollOver){gotoAndStop(1);}
心得体会:在实验中学习和掌握到什么技巧?有什么提高?有什么想法和建议?