《Flash 5 网页设计》

实验要求

班级:___   学号:___  姓名 :___

实验

内容

参考作品

1

网站空间

个人主页 实验要求

域名 http://wltd828.126.com/

网址 http://asp2.6to23.com/fsxss/

主页 个人主页

2

线性渐增填充

圆形渐增填充

线性渐增填充 圆形渐增填充

显示器 显示器1

3

网站标志

网络天地828

  

网络天地、网络世界、网络天空、网络时空、

网络书店、网络狂想、梦幻夜空、梦的天堂、

拂晓晨风、阳光创意、阳光极地、多彩校园、

寻找真我、浪迹天涯、聚闲山庄、随意乐园、

青春舞动、青春活力、英雄传说、书香频道、

阳光女孩、月亮女孩、运动女孩

4

缩放旋转

网站标志

网络天地828  放大旋转移动

5

路径导引动画

飞机 爆炸火光

鲤鱼 鱼跳水花

飞绕云峰 飞鸽表演 林间飞鸽 山间村庄

鲤鱼跳水 鱼跳瀑布 美国911事件

6

带声音旋转动画 秒针 秒针1 秒针2 ddmz

7

图像声音按钮 飞机 鲤鱼

教学演示 按钮选画 飞机汽车飞鸽飞鱼42飞鸽飞鱼47

影片声音ypsy1 别墅按钮

8

地球自转公转 地球带月亮自转公转 地球自转公转

地球绕太阳公转43171自转公转 zzgz1

九大行星轨道图 宇宙太空

9

跳转按钮 飞机 鲤鱼

跳转按钮 tzan1 tzan2

10

文字遮罩彩条 文字遮蔽彩条 wzzcth wzzctz lldt dhwy 放大镜

11

场景切换 场景切换

 

声音素材:

导出声音:Flash 共享库—声音,如 Beam Scam—拖入场景—文件—导出影片—

文件名:fjs,保存类型:WAV 音频文件—声音格式:22 KHz 8 位 单声道。

飞机轰轰声:fjs (fjs.wav)

飞鸽叫声:fgs (fgs.wav)

爆炸声:bzs (bzs.wav)

汽车喇叭声:qc16 qc16a (qc16.wav qc16a.wav)

鲤鱼跳水声:lys (lys.wav)

泉水声:qss16 qss21 (ss16.wav qss21.wav)

流水声:lss17 lss19 (lss17.wav lss19.wav)

时钟敲击:zs20 zs47 (zs20.wav zs47.wav)

时钟嘀答声:mz22  时钟嘀答声 (mz22.wav)  

电话铃声:dhl (dhl.wav)

按钮声:yc6 mr10 gt13 tm13

 

实验1 申请个人网站空间

实验2  Flash 绘图工具的使用

实验3 网站标志的制作和使用

实验4  制作缩放旋转文字

实验5 制作路径导引动画

实验6 制作旋转动画秒针

实验7 制作图像声音按钮

实验8 制作地球自转公转动画

实验9 制作跳转按钮动画

实验10 制作文字遮罩彩条动画

实验11 制作场景切换动画

  

实验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.实验要求页面:填写班级、学号、姓名。链连实验结果。

6.要求个人主页链接:实验要求|期末机试|网络天地

 * 增加[插件]工具按钮

   工具栏—其他按钮—添加或删除按钮—自定义—命令—插入—

 把[插件]工具按钮拖到工具栏。

心得体会:在实验中学习和掌握到什么技巧?有什么提高?有什么想法和建议?

 

实验2  Flash 绘图工具的使用

  显示器 显示器1

实验名称:Flash 绘图工具的使用

所用软件:Micromedia Flash MX 动画制作软件

实验目的:学习 Flash 绘图工具的使用

实验过程:(P35)

 1.用矩形工具绘制显示器边框。

 2.选择线性渐增填充或圆形渐增填充。

 3.填充背景后,再填充显示器画面。

 4.在显示器画面中绘制红、绿、蓝三个彩色圆形或正弦波。

   显示器画面和背景(红绿蓝线性渐增填充、圆形渐增填充)

心得体会:在实验中学习和掌握到什么技巧?有什么提高?有什么想法和建议?

 

实验3  网站标志的制作和使用

  

 

实验名称:网站标志的制作和使用

所用软件: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 播放器播放时,才能看见图。

心得体会:在实验中学习和掌握到什么技巧?有什么提高?有什么想法和建议?

 

实验4  制作缩放旋转文字

实验名称:缩放旋转文字

网络天地放大旋转移动电大谢xz1电大谢xz5秒针

所用软件: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

心得体会:在实验中学习和掌握到什么技巧?有什么提高?有什么想法和建议?

 

实验5 制作路径导引动画

实验名称:制作路径导引动画 

 飞绕云峰30鲤鱼跳龙门  33 山间村庄 林间飞鸽

所用软件: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键测试影片。

心得体会:在实验中学习和掌握到什么技巧?有什么提高?有什么想法和建议?

 

实验6 制作旋转动画秒针

实验名称:制作旋转动画

  滴答秒针 ddmz 电大谢xz1电大谢xz5

所用软件: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帧都带滴答声。

心得体会:在实验中学习和掌握到什么技巧?有什么提高?有什么想法和建议?

 

实验7 制作图像声音按钮

实验名称:制作图像声音按钮

飞机 鲤鱼  按钮选画  飞机汽车飞鸽飞鱼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]键预览动画。

心得体会:在实验中学习和掌握到什么技巧?有什么提高?有什么想法和建议?

 

实验8 制作地球自转公转动画

实验名称:制作地球自转公转动画

地球自转公转 地球绕太阳公转43171自转公转 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.增加背景层—添加繁星闪闪的太空、红色太阳、地球运转轨迹(可见)。

  文字说明:地球带月亮自转公转。

 

实验9 制作跳转按钮动画

实验名称:制作跳转按钮动画

飞机 鲤鱼  跳转按钮 tzan1 tzan2

所用软件: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)。

 3.“跳转按钮”制作实例 tzan tzan1 tzan2

跳转按钮

1—19帧

20关键帧

21—39帧

40关键帧

41—59帧

60关键帧

影片

天上飞机
火箭射机

跳转1帧

天上飞鸽
鱼射飞鸽

跳转21帧

水上飞鱼
飞鸽追鱼

跳转41帧

声音

Beam Scan
Metal Klank

 

Camera Shutter

 

Cloth Rip

 

按钮

跳转飞鸽
跳转21帧

 

跳转飞鱼
跳转41帧

 

跳转飞机
跳转1帧

 

 4.选择模拟声音

  用 Beam Scan 模拟飞机轰轰声,

  用 Camera Shutter 模拟飞鸽吱吱叫,

  用 Cloth Rip 模拟飞鱼跳水声。

  用 Metal Klank 模拟爆炸声。

心得体会:在实验中学习和掌握到什么技巧?有什么提高?有什么想法和建议?

 

实验10 制作文字遮罩彩条动画

实验名称:制作文字遮罩彩条动画

 文字遮罩彩条 wzzcth wzzctz  lldt dhwy 放大镜

所用软件:Micromedia Flash MX 动画制作软件

实验目的:掌握制作遮罩层动画

实验过程:(P171)

 1.制作文字遮罩彩条动画。

   有文字笔划处看到移动的彩色条纹色块,空白处遮罩彩条。

 2.插入—新元件—图形—画矩形—删除矢量线—用彩色条纹填充矢量色块。

 3.切换到场景—把彩条符号拖入场景—设置起始关键帧、结束关键帧位置—

  设为运动动画。

 4.添加文字层—输入文字—定义为遮罩层—系统自动定义彩条层已遮罩。

 5.锁定文字和彩条层,然后播放动画观看遮罩效果。

心得体会:在实验中学习和掌握到什么技巧?有什么提高?有什么想法和建议?

 

实验11 制作场景切换动画

实验名称:制作场景切换动画

  场景切换

所用软件: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);}

心得体会:在实验中学习和掌握到什么技巧?有什么提高?有什么想法和建议?