收藏 分享(赏)

第八单元交互式网页.doc

上传人:kuailexingkong 文档编号:1145607 上传时间:2018-06-15 格式:DOC 页数:4 大小:109KB
下载 相关 举报
第八单元交互式网页.doc_第1页
第1页 / 共4页
第八单元交互式网页.doc_第2页
第2页 / 共4页
第八单元交互式网页.doc_第3页
第3页 / 共4页
第八单元交互式网页.doc_第4页
第4页 / 共4页
亲,该文档总共4页,全部预览完了,如果喜欢就下载吧!
资源描述

1、第八单元交互式网页任务一 奥运知识问答本任务目标:本任务中通过按钮实现帧与帧之间跳转,并对选择结果给出评判,增加做题兴趣。本任务重点:主要运用组件单选按钮与动态文本框设计选择题,本任务难点:通过对单选按钮添加简单的 Action 代码,在动态文本框中显示“对”与“错”,操作步骤:1创建影片文档宽 550px、高 400px,背景色为浅蓝色,其他参数值默认,保存为“交互式网页 ”2.改场景名。执行菜单“窗口”“其它面板”“场景”命令,将场景名重命名为“问答” 3.输入问题用静态文本输入。4. 创建动态文本框。5. 创建按钮。6. 部置场景。回到“问答”场景中,将“回首页”按钮和“下一题”按钮。7

2、.给第一题单选按钮添加命令代码。8.给第二题单选按钮添加命令代码。9为按钮添加代码。10.在第 2 帧处按 F7 键插入空白关键帧并输入文本。11.创建“点击答案”按钮和“上一题”按钮,方法同前面按钮做法。12复制“回首页”按钮。13.为按钮添加代码。14.在第 3 帧插入空白关键帧输入如图 8-11 所示内容。15.制作“上一页”按钮,将其从库面板拖动到图 8-11 所示的位置。复制“回首页”按钮。16.给“上一页”按钮,添加如下代码:17.在第 4 帧处插入空白关键帧,然后在该帧用文本工具输入如图 8-12 所示内容。18将第 3 帧按钮复制,粘贴到第 4 帧,位置如图 8-12 所示。1

3、9.分别在第 1、2、3、4 帧的“动作”面板中输入相同的代码:stop();20按 Ctrl+Alt+Enter 键测试场景(或按 Ctrl+Enter 测试影片) 。举一反三练习:从给出三首歌中选择哪首是张艾嘉唱的,运用单选按钮组实现。 任务二、交友登记 本任务目标:制作具有较复杂交互效果的动画,有多种形式输入信息,还可对所输入的所有信息给出回馈确认的机会,若输入有误,可重输入,提高登记信息的灵活性。本任务重点:在下拉列表中选择、或做单项选择,主要运用单选按钮(RadioButton) 、复选框(CheckBox) 、下拉列表框(ComboBox)等,输入文本框和输出文本框,配合相应的 A

4、ction 代码,完成个人信息登记及信息确认。 本任务难点:组件的“参数”设置及相应的 Action 代码。操作步骤:1. 添加场景。执行菜单“插入”场景”命令,插入第 2 个场景。2重命名场景。按 Shift+F2 打开场景面板,重命名场景 2 为“交友”。3调整场景先后顺序。在场景面板中,选择“交友”按住鼠标左键向上拖动,可调至“问答”上方。4选择场景。点击时间轴上的编辑场景图标,可选择要编辑的场景“交友”。5输入静态文本。使用文本工具在场景中输入“交友登记”,文字颜色红色,“请输入你的真实信息”、 “姓名”、 “性别”等文字,文字颜色为黄色。6添加输入文本框。7创建下拉列表框(Combo

5、Box) 。8设置下拉列表框参数。9创建单选按钮组。10创建复选框按钮组。11创建多行输入文本框。12创建 Scrollbar 滚动条组件。13创建“完成”按钮。14返回到“交友”场景中,打开库面板中将“完成”按钮元件拖入场景,适当调整大小。15创建动态文本框。16创建、复制按钮。17将 “回首页”按钮和“重填”按钮,放在文本框下方18给帧添加代码:19选中第 1 层中第 1 帧的“完成”按钮,在“动作”面板中为其添加如下代码:on (press) if (yd1.selected = true) yd1.text = “打篮球“; else yd1.text = “; /如果选中该复选框,它

6、的变量值为 “打篮球”,否则为空if (yd2.selected = true) yd2.text = “游泳“; else yd2.text = “;if (yd3.selected = true) yd3.text = “羽毛球“; else yd3.text = “; /根据三个 CheckBox 组件的取值决定各自 text 变量的显示内容 result = “姓名:“+name.text+“r 年龄:“+age.text+“r 学历:“+xueli.getValue()+“r 性别 :“+radioGroup.getValue()+“r 最喜欢的运动:“+yd1.text+“ “+y

7、d2.text+“ “+yd3.text+“r 最开心的事情:“+kaixin.text;/ 提取各个输入文本框的值以及各组件实例的选择值,并以字符串的形式显示在第 2 帧的变量名为 result 的动态文本框中, ”r”起换行作用。gotoAndStop(2);/跳转并停止在第 2 帧选中第 2 层第 2 帧中的“重填”按钮,在动作面板中输入如下代码:on (press)gotoAndStop(1);20按 Ctrl+Alt+Enter 测试影片或测试场景, 举一反三练习1、 “文字的输入与输出.fla ”动画效果制作文字的输入与输出相同的交互动画。在输入框中输入某内容,按提交按钮,从输出框中将输出输入框中的内容,按清除按钮,全部清除输入输出框中的内容。2、 “最喜欢的人.fla ”动画效果在下拉列表框中选“最喜欢的人”,按“OK”按钮反馈所选信息。重点练习下拉列表框的使用。3、 “悄悄话.fla ”交互动画效果在带滚动的文本框里写悄悄话并发送。主要练习 ScrollBar 会自动粘缚到输入文本框。

展开阅读全文
相关资源
猜你喜欢
相关搜索

当前位置:首页 > 企业管理 > 经营企划

本站链接:文库   一言   我酷   合作


客服QQ:2549714901微博号:道客多多官方知乎号:道客多多

经营许可证编号: 粤ICP备2021046453号世界地图

道客多多©版权所有2020-2025营业执照举报