flash cs5练习:制作会员注册页.docx
- 文档编号:64992
- 上传时间:2022-10-01
- 格式:DOCX
- 页数:6
- 大小:461.06KB
flash cs5练习:制作会员注册页.docx
《flash cs5练习:制作会员注册页.docx》由会员分享,可在线阅读,更多相关《flash cs5练习:制作会员注册页.docx(6页珍藏版)》请在冰豆网上搜索。
flashcs5 练习:
制作会员注册页
对于很多网站来说,会员注册页是必不可少的,通过该页面用户可以将自己的个人信息(如用户名、密码、联系方式等)提交给网站,以实现用户与网站之间的交互。
在Flash网站中,使用组件同样可以实现这样的功能,且界面也更加美观。
操作步骤:
(1)新建文档,在【文档设置】对话框中设置舞台【尺寸】为“550像
练习要点:
l绘制圆角矩形
l输入文本
l使用文本输入框
l使用单选按钮
l使用数字微调组件
l使用下拉列表
l使用复选框
提示:
在绘制圆角矩形之前,选择【矩形工具】,在【属性】检查器中禁用
【笔触】,设置【填充颜色】为“浅蓝色”
(#93E4FF);【边角半径】
为10。
素×500像素”;【背景颜色】为“蓝色”(#66CCFF)。
然后,在舞台的顶部舞
台一个浅蓝色(#93E4FF)的圆角矩形。
输入
绘制
设置
(2)选择【椭圆工具】,在【属性】检查器中禁用【笔触】,并设置【填充颜色】为“深蓝色”(#333366);【内径】为50,在圆角矩形的左侧绘制一个环形。
然后,使用【文本工具】在其右侧输入“会员注册”文字,并设置文字的字体、大小和颜色。
设置
提示:
使用【椭圆工具】绘制环形,必须在绘制前设置内径的大小;而使用
【基本椭圆工具】绘制环形,可以在绘制后再调整内径的大小。
提示:
选择“会员注册”文
选择 字,在【属性】检查器中
设置
设置【系列】为“汉仪菱
输入 心体简”;【大小】为“22点”;【颜色】为“白色”
绘制 (#FFFFFF)。
(3)使用【文本工具】在圆角矩形的右侧输入Register,在【属性】检查器中设置其【系列】为“TimesNewRoman”;【样式】为Italic;【大小】为
“30点”;【颜色】为“蓝色”(#66CCFF)。
然后选择【矩形工具】,在舞台中绘制一个边角半径为10px的圆角矩形。
绘制 提示:
输入
在绘制圆角矩形之
前,在【属性】检查器中设置【笔触颜色】为“白色”(#FFFFFF);【填充颜色】为“浅蓝色”
(#CAF3FF);【笔触高度】
设置 为1;【矩形边角半径】
为10。
(4)新建图层,从【组件】面板中将Label组件拖入到舞台上,在【属性】检查器中设置其【实例名称】为User;【组件参数】的text参数为“用户昵称:
”。
然后,其右侧拖入一个TextInput组件实例,并设置其【宽】为
180。
拖入 拖入
设置
(5)使用相同的方法,从【库】面板中将Label和TextInput组件拖入到舞台上,并分别设置Label的【实例名称】为PWD和PWD2;text参数为
“密码:
”和“重复密码:
”。
提示:
设置Label组件实例的【宽】为55,使其与文字的长度基本相同。
拖入
拖入
提示:
为组件实例设置实例名称,其目的是想通过
ActionScript代码定义其
文字样式,如大小等。
设置
设置
(6)在舞台中拖入Label组件实例,设置其text参数为“选择性别:
”。
然后,在其右侧拖入2个RadioButton组件实例,设置【实例名称】分别为
Boy和Girl;label参数为“男”和“女”。
另外,启用“男”RadioButton组件实例的selected参数。
提示:
在【属性】检查器中设置“选择性别:
”Label组件实例的【实例名称】
为Sex。
拖入
设置
拖入
设置
提示:
为RadioButton组件实例启用selected参数,则使该组件实例默认为
被勾选。
(7)在舞台中拖入Label组件实例,设置其text参数为“出生年月:
”。
然后,在其右侧拖入2个NumericStepper组件实例和2个Label组件实例,并分别设置NumericStepper组件实例的maximum参数为2010和12;
minimum参数为1900和1;value为1985和1。
提示:
在【属性】检查器中设置“出生年月:
”Label组件实例的【实例名称】
为Birthday。
设置
拖入
设置
拖入
提示:
在【属性】检查器中设置右侧2个Label组件实例的【实例名称】分别为Year和Month;text
参数为“年”和“月”。
(8)在舞台中再次拖入Label组件实例,在【属性】检查器中设置其text参数为“所属星座:
”。
然后,在其右侧拖入ComboBox组件实例,设置其菜单项目为12星座名称。
提示:
添加
在【属性】检查器中
设置 设置“所属星座:
”Label
组件实例的【实例名称】
为Cons。
拖入 拖入
(9)在舞台中拖入Label组件实例,设置其text参数为“电子邮箱:
”,并在其右侧拖入TextInput组件实例,设置其【宽】为200。
然后,在右侧再拖入CheckBox组件实例和Label组件实例,并使Label组件实例的显示内容为“是否公开”。
提示:
在【属性】检查器的
【组件参数】选项中,单击dataProvider参数右侧的按钮,可以打开【值】对话框。
单击
设置
拖入 拖入
(10)在舞台中拖入Label组件实例,设置其text参数为“个人说明:
”。
然后,在其右侧拖入一个TextArea组件实例,并设置其【宽】为300;【高】为100。
设置
设置
提示:
在【属性】检查器中设置“电子邮箱:
”Label组件实例的【实例名称】为email。
TextInput组件实例的【宽】为200。
“是否公开”Label组件实例的【实例名称】为Is。
拖入 拖入
(11)在舞台中拖入2个Button组件实例,在【属性】检查器中设置【实例名称】分别为Submit和Reset;label参数为“提交”和“重置”。
然后,在右上角拖入一个TileList组件实例,在【组件参数】选项中设置
columnWidth和rowHeight均为128;columnCount和rowCount均为1。
提示:
在【属性】检查器中设置“个人说明:
”Label组件实例的【实例名称】为Intro。
提示:
在【属性】检查器中设置TileList组件实例的
【实例名称】为faceImg。
拖入
拖入
提示:
设置 TileList组件实例必须通过ActionScript代码
(12)新建图层,打开【动作】面板,通过TileList对象的addItem()方
法为组件实例添加5张图片,并指定图片的名称。
然后,创建名称为txtFormat
faceImg.addItem({label:
"1",source:
"face/001.png"});faceImg.addItem({label:
"2",source:
"face/002.png"});faceImg.addItem({label:
"3",source:
"face/003.png"});faceImg.addItem({label:
"4",source:
"face/004.png"});faceImg.addItem({label:
"
5",source:
"face/005.png"});
头
像
头
像
头
像
头
像
头
像
//为TileList组件实例添加图片
var txtFormat:
TextFormat = newTextFormat();
//创建文本样式对象txtFormat.size="12";
//定义文本的大小User.setStyle("textFormat",txtFormat);PWD.setStyle("textFormat",txtFormat);PWD2.setStyle("textFormat",txtFormat);Sex.setStyle("textFormat",txtFormat);Boy.setStyle("textFormat",txtFormat);Girl.setStyle("textFormat",txtFormat);Birthday.setStyle("textFormat",txtFormat);Year.setStyle("textFormat",txtFormat);Month.setStyle("textFormat",txtFormat);Cons.setStyle("textFormat",txtFormat);email.setStyle("textFormat",txtFormat);
Is.setStyle("textFormat",txtFormat);
Intro.setStyle("textFormat",txtFormat);
Submit.setStyle("textFormat",txtFormat);Reset.setStyle("textFormat",txtFormat);
的文本样式,并将其应用到舞台中的所有Label组件。
才可显示内容。
提示:
addItem()方法中包含有两个参数:
label表示图片的标签名称;
source表示图片的来源。
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- flash cs5 练习:制作会员注册页 练习 制作 会员 注册