第一单元 网站设计与制作学案
第 1 课 创建站点
本课学习目标:1、知识目标:了解网站规划方法;认识 Frontpage2003 的工作界面;
理解站点、网页、主页的概念。
2、技能目标:学会规划和设计网站;能够搜集网站相关素材;学会新建和打开站点。
3、情感、态度与价值观目标:感受网站规划的重要性,养成做事有计划、勤思考的习
惯。
教学方法:自学法、演示法、观察法、实践法、小组合作。
教学重点:网站规划的一般步骤;Frongpage2003 的站点管理。
教学难点:网站规划的一般步骤。
学习时间:1 课时。
学习过程:
引入课题:许多同学都有上网的经历,那么什么是网站呢?
网站:网站是在因特网上一个相对独立的信息的集合,这些信息以网页的形
式向全世界发布。因此,网站就是相关网页的集合。
学习与探究:
一、他山之石,可以攻玉
通过对“中国少年雏鹰网”与“联想公司网站”首页的比较,谈谈自己的感受,并说出
它们之间有什么差异?
二、网站规划的一般步骤
小组合作:阅读本部分内容,总结网站规划的一般步骤?常见的网页版面布局形式有哪
些?
步骤:1、确定网站的主题和风格;
2、设计规划网站的结构和内容;
3、设计网站的版面布局;(“T”型、“口”型、时尚型、“三”型布局)
4、搜集整理网站素材;
5、选择网站制作工具(frontpage2003)。
三、Frontpage2003 的站点管理
1、 初识 Frontpage
根据打开程序的一般方法,自己试着打开 Frontpage。并思考有没有其它的打开方法。
2、 新建站点
教师演示:“文件”---“新建”---“站点”,打开“新建”对话框。
学生操作:(1)指定新站点的位置为“D:\情感小屋”,并选择站点类型为“只有一个
网页的站点”。
(2)观察界面发生了什么变化?在“文件夹列表”中自动生成了哪几个文件
或文件夹?它们有什么作用?
3、 打开站点
“文件”---“打开站点”。
四、实践与创新的:
1、 访问以下网站,描述它们各自的主题和风格,并画出网站的结构图和主页的布局
图。
http://www.chinaedu.com http://deu.cctv.com./01/indes.html
http://www.k12.com.cn
2、 搜集整理关于赞美父母的诗句、文章、图片或歌曲,分组合作设计“我的父母”
网页。(包括页面结构、内容、版面布局、网页的风格和内容,通过表格的形式记录下来)
五、小结:网站规划的一般步骤、Frontpage 的站点管理
六、教学反思:
第 2 课 设计网站首页
本课学习目标:1、知识目标:认识网页的工作原理;了解网页编辑的一般过程。
2、技能目标:学会在网页中输入文字、插入图片和水平线;学会新建、预览和保存网
页。
3、情感、态度与价值观目标:善于从身边的广告、书刊中学习版面设计知识,并学以
致用。
教学方法:自学法、演示法、观察法、实践法、小组合作。
教学重点:在网页中插入文字、图片、水平线及网页的保存、预览。
教学难点:在网页中插入文字、图片和水平线。
学习时间:1 课时。
学习过程:
引入课题:展示一个包含有文字、图片和水平线的网页,并通过对这三部分的介绍激发
学生的学习欲望。
学习与探究:
一、在网页中输入文字
小组合作并操作:根据前面所学知识,即在 WORD 中输入文字的操作,在“D:\情感
小屋”站点中,双击打开主页文件“index.htm”,对照小宇在上节课中设计的首页效果图,
在编辑窗口输入相应文字,并按照图例对这些文字进行修改字体、字号、颜色、对齐方式等
操作。
二、在网页中插入图片
教师演示:“插入”---“图片”---“来自文件”
学生操作:在“Banner 位置”处插入存放在“D:\素材”中的 Banner 图片,并对所插
入的图片进行大小调整。
注:为便于上传,网页中图片一般采用容量较小的格式,如 JPEG、GIF、PNG 等。
三、在网页中插入水平线
学生阅读相关内容,试着自己在网页中的标题与正文之间插入一条水平线,并设置“水
平线属性”。(教师巡回指导)
四、保存网页
同 WORD 操作相似,并尝试用不同的方法保存 index.htm,考虑哪种方式更方便?
试一试:将刚刚插入到网页中的图片指定保存位置为:本站点的“images”文件夹。
五、预览网页
方法一:利用 FrontPage 自带的预览功能;方法二:通过浏览器预览。
练一练:按照上面介绍的两种方法预览自己的网页,分析它们各有什么优缺点?
六、添加新网页
“文件”---“新建”---“网页”
七、实践与创新:
1、根据第 1 课的规划,参照小宇设计的“我的父母”所示的界面,设计制作网页“我
的父母”,其文件名为:Parents.htm,标题为“我的父母”。
2、对新建的网页进行预览,并改变预览窗口的大小,你会发现什么现象?有什么办法
可以解决这个问题?
八、小结:
在网页中插入文字、图片、水平线及网页的保存、预览,添加新网页。
九、课后反思:
第 3 课 网页中的表格
本课学习目标:1、知识目标:理解表格在网页设计中的重要作用。
2、技能目标:学会使用表格布局网页;灵活掌握表格调整的方法。
3、情感、态度与价值观目标:了解学校概貌,发现校园之美;养成良好的生活和学习
习惯。
教学方法:自学法、演示法、观察法、实践法、小组合作。
教学重点:在网页中插入表格及表格的调整。
教学难点:在网页中插入表格及表格的调整。
学习时间:1 课时。
学习过程:
引入课题:通过对“某校园鸟瞰图”与下载的“中学生作文网”的首页作比较,引导学
生发现网页中表格的运用。
学习与探究:
一、表格的作用
阅读本部分内容,思考:在网页中使用表格有何作用?
表格可使网页中的文字、图片、动画等素材排列整齐有序,并且不会因浏览窗口大小的
改变而改变排列方式。
二、在网页中插入表格
试一试:阅读相关内容,试着在站点“情感小屋”中打开首页文件 Index.htm,分别插
入四个表格,依次为:2*3、2*2、1*4 和 2*1,宽度都为 780 像素,水平居中。(教师巡回指
导)
三、表格的调整
1、 行高和列宽的调整
方法一:手动操作 方法二:通过单元格属性或表格属性调整
2、 单元格的合并和拆分
教师演示:(1)选中想要合并或拆分的单元格;
(2)单击鼠标右键,在快捷菜单中选择“合并单元格”或“拆分单元格”。
3、 插入或删除表格中的行或列
(1)选择相应的行或列;
(2)单击鼠标右键,在快捷菜单中进行相应选择。
4、 平均分布行和列
(1)选择需要平均分布的行或列;
(2)单击鼠标右键,在快捷菜单中进行相应选择。
练一练:参照“情感小屋”网站首页布局的内容,调整前面插入的表格,并将在第 1
课中输入的内容移到表格内。预览网页,测试调整效果。
四、设计网页模板
教师操作:“文件”---“另存为”---选择“Frontpage 模板(*.tem)”,并命名模板文件名
(如:“情感小屋”)
练一练:将网站首页文件 Index.htm 存储为网页模板,命名为“我的模板”,然后以利
用模板的方式新建一个网页。
五、实践与创新:
运用表格重新设计 Parents.htm 的网页布局,预览时改变浏览器窗口的大小,观察网页
的布局是否会发生变化?这说明表格对于网页内容还能起到什么作用?
六、小结:在网页中插入表格、表格的调整和网页模板的设计。
七、课后反思:
第 4 课 网页的美化
本课学习目标:
1、知识目标:了解美化网页的常用方法,理解美化网页对提高网站质量的作用。
2、技能目标:学会在网页中设置背景、音乐、FLASH 动画和滚动字幕。
3、情感、态度与价值观目标:提高审美意识,善于发现美,美化生活从自身做起。
教学方法:自学法、演示法、观察法、实践法、小组合作。
教学重点:在网页中设置背景、音乐、FLASH 动画和滚动字幕。
教学难点:在网页中设置背景、音乐、FLASH 动画和滚动字幕。
学习时间:1 课时。
学习过程:
引入课题:前面我们学习了网页制作中最基本的文字、图片、水平线的插入,并且还知
道了怎样使用表格使网页中的内容排列的更整齐,层次更分明。这里同学们再考虑你更喜欢
什么样的网页?
学习与探究:一、设置网页的背景
学生活动:阅读课文第一部分,并利用前面所学内容,给自己的网页加上一个背景,使
页面更加美观,更能衬托网页的主题。(教师巡回指导)
练一练:打开“情感小屋”站点,并打开主页文件 Index.htm,在“网页属性”对话框
“颜色”栏中设置文本和背景的颜色,并进行预览。
二、设置表格的背景
比较:观察两幅电视背景墙效果图,比较多色彩背景墙和单色背景墙哪种让客厅更加充
满活力?
通过比较,同学们知道了多色彩背景墙可以让房间显得更加生动活泼,在网页中我们也
可以通过设置表格或单元格的背景来达到局部色彩的变化,使网页变得生动有活力。
方法:将光标定位在某一单元格内,单击鼠标右键,在快捷菜单中选择“表格属性”或
“单元格属性”分别进行设置。
练一练:在你的网页表格中,先后设置不同的背景颜色和背景图片,体验背景对网页的
美化作用。
三、插入背景音乐
学生活动:通过阅读课文,小组合作,在“情感小屋”站点中插入一个背景音乐。
教师总结:在网页中单击右键,选择“网页属性”命令,在对话框中进行设置。
四、插入 Flash 动画
步骤:“插入”----“高级”----“插件”,在“插件属性”对话框中进行设置。
练一练:将光标定位在网页的适当位置,选择插入一个 Flash 动画文件。反复修改对话
框中各参数的值,体会不同参数值的不同效果。
五、插入滚动字幕
小组合作思考操作:怎样可以让你网页中的文字或图片动起来,使它们更加醒目呢?
教师总结:“插入”----“组件”----“字幕”,在“字幕属性”对话框中进行设置。
练一练:将光标定位在输入标题的单元格内,按照上述步骤进行插入字幕的操作。
六、实践与创新:运用本课所学知识,分别对以下三个网页进行美化。
文件名 要求 参考样图
School.htm 设置网页和表格背景 第 1 课“网页版面布
局示意图 c ”
Domain.htm
添加滚动字幕“海内存知己,天涯若比
邻”;插入一个 Flash 动画;设置纯文字单元
格的背景色。
第 1 课“网页版面布
局示意图 d ”
Neighbor.htm 设置单元格背景;设置背景音乐 第 1 课“网页版面布
局示意图 e ”
一、本课小结:设置网页背景、表格背景、插入背景音乐、Flash 动画及滚动字幕。
课后反思:
第 5 课 建立超链接
本课学习目标:
1、知识目标:理解超链接的概念,理解导航栏在网页设计中的重要性。
2、技能目标:学会在网页中插入超链接和导航栏;掌握将链接指向站点内、站点外和
电子邮箱的方法。
3、情感、态度与价值观目标:体会万物皆有联系,互相影响,或此消彼长,或相互促
进。。
教学方法:自学法、演示法、观察法、实践法、小组合作。
教学重点:设置超链接和网站导航栏。
教学难点:设置超链接和网站导航栏。
学习时间:1 课时。
学习过程:
引入课题:任何事物都不是独立存在的,考虑你的周围有哪些事物存在着一定的联系?
如:我与同桌是同学,我有老师,有父母……
学习与探究:
一、设置超链接
学生活动:阅读课文第一部分,小组讨论,完成以下问题:
1、 设置超链接的目的是什么?
2、 什么是超链接?
3、 超链接有哪几种类型?
教师总结:
目的:使网页之间形成一个紧密的整体,能够很容易地从一个网页到达另一个网页。
定义:超链接是指从一个网页指向一个目标的连接关系。
类型:站点内的链接、到其他网站的链接、到邮箱的链接、书签链接。
步骤:“插入”------“超链接”。
大显身手:根据所阅读内容,在“情感小屋”站点中,建立不同类型的链接。
二、设置网站导航栏
学生活动:阅读课文第二部分,考虑 1、为什么要设置网站导航栏?
2、什么是导航栏?
3、建立导航栏的方法有哪些?
三、实践与创新:
1、在你的成长过程中,有多少人为你付出了艰辛的努力?回忆对你帮助较大的 1-3 人,
然后通过书信、电子邮件、电话、QQ 等通讯工具表达你的感激之情。
2、 网页中的文字建立超链接后,会有什么变化?你能改变超链接文字的默认颜色吗?
四、展示学生作品,查看链接是否正确。
五、小结
设置超链接、设置网站导航栏
六、课后反思:
第 6 课 网站的发布与维护
本课学习目标:
1、知识目标:理解网站空间的概念;了解网站上传的原理。
2、技能目标:掌握网站检查和宣传的方法;学会申请免费的主页空间;熟练使用网站
上伟的工具。
3、情感、态度与价值观目标:正确认识自己,诚实地与他人交流,学会展示自己真实
的一面。
教学方法:自学法、演示法、观察法、实践法、小组合作交流法。
教学重点:申请网站空间与上传网站。
教学难点:申请网站空间与上传网站。
学习时间:1 课时。
学习过程:
引入课题:
如何让更多的人走进自己的“情感小屋”了解自己呢?怎样才能使自己的网站发布出
去?
学习与探究:
一、网站发布前的检查
学生活动:阅读课文第一部分,考虑:网站发布前要做哪几项检查?
教师总结:1、检查语法;
2.检查网站的整体情况;
3. 检查超链接;
4. 检查网页中嵌入式文件的存放路径。
练一练:打开自己的“情感小屋”网站,按照上述项目检查自己的网站是否完善。
二、申请网站空间
学生活动:阅读课文第二部分,小组讨论,完成以下问题:
1、为什么要申请网站空间?
2、怎样申请一个免费的网站空间?
3、你知道的可以提供免费空间的网站有哪些?
教师总结:原因:要想把自己制作的网站发布到 Internet 上,就必须申请一个特定的地
点和空间,用来存放整个网站的信息,这个空间我们通常称为网站空间或主页空间。
申请方法:登录网站---单击申请免费空间的链接---阅读协议并接受协议内容---按要求填
写表格后提交—网站发送注册信息到你的邮箱内。
常用免费提供空间的网站:中联网、中华网个人主页、方舟网、中通互联、天禧网等。
大显身手:登录一个可以提供免费空间的网站,申请自己的主页空间。
三、上传网站
学生活动:阅读课文第三部分,小组合作交流:
1、要想将制作好的网站上传到已经申请的免费空间,常用的方式有哪几种?
2、开动脑筋:根据你所学到的知识,把你的的网站上传至你申请的免费空间吧!
3、在浏览器中输入自己网站的网址,访问自己的主页。
四、网站的宣传
学生活动:思考:怎样才能让更多人来访问我们的网站?自己尝试对我们的网站进行宣
传?
1、网站登录
2、交换链接
3、论坛发帖
五、课堂小结:
网站发布前的检查—申请网站空间—上传网站—宣传网站
六、课后反思:
第 7 课 制作表单网页
本课学习目标:
1、知识目标:了解表单网页的作用,了解表单网页制作与提交。
2、技能目标:学会在网页中插入表单;正确设置表单信息的收集方式。
3、情感、态度与价值观目标:培养学生善于发现问题,勤于解决问题的好习惯。
教学方法:自学法、演示法、观察法、实践法、小组合作交流法。
教学重点:在网页中插入表单及设置表单信息的收集方式。
教学难点:在网页中插入表单及设置表单信息的收集方式。
学习时间:1 课时。
学习过程:
引入课题:
显示一个带有表单的网页,并提交一信息,引入课题。
学习与探究:
一、 在网页中插入表单
学生活动:阅读课文第一部分,思考:
1、什么是表单?
2、表单的基本工作原理是什么?
3、怎样插入一个表单?试一试:设计一个表单放在你的网页中?
二、设置表单信息的收集方式
新建站点后,系统会自动生成一个名为“_private”的文件夹,系统默认会将这些信息存
入这个文件夹的一个特定文件“form_results.txt”中。
方法:将光标定位在表单区域的空白处,单击鼠标右键,选择“表单属性”,打开“表
单属性”对话框进行设置。
三、 实践与创新
1、参照本课介绍的表单网页,设计“父母在我心中”问卷调查的表单网页,要求:表
单中要含有滚动文本框、复选框、单选按钮。并将网页文件上传到网站空间,并修改相应的
链接。
2、你能否想办法让反馈信息直接显示在提交表单的网页上?
四、展示学生作品,验证表单是否成功提交,分析出错的原因。
五、小结
在网页中插入表单—设置表单信息的收集方式
六、课后反思
第二单元 第 1 课 认识 Flash MX 导学案
【课前延伸】
课前认真预习课本,结合上网搜索的知识完成以下问题。
1.什么是 Flash 动画?
_______________________________________________________
2.下载一个 Flash 作品与大家交流。
【学习目标】
1.学会启动 Flash MX,认识 Flash MX 操作界面;
2.掌握时间轴、帧、关键帧的概念;
3.学会用铅笔、椭圆等工具绘图;
4.熟练掌握有关帧的操作。
【自主学习】
1.启动 Flash MX 的方法是:_________________________________
2.画出 Flash MX 操作界面的简图并口述各部分的作用。
3.读课文,完成表格:
帧的类型 在时间轴上插入帧的方法
删除帧的方法是:____________________________________________。
4.铅笔工具的属性包括:_________、_________、_________、_________。铅笔工具的选
项提供了_________、_________、_________三种曲线绘制模式。
【交流探究】
1.通过上机操作、观察,完成课本 P53 中间的“练一练”,并进行小组交流。
2.上机操作课本 P54 下面的“试一试”,并完成课本 P55 的“练一练”,并进行小组交流。
3.完成课本 P56 的“试一试”和“练一练”,全班交流。
【大显身手】
1.完成课本 P56 第 1 题。
2.有条件的同学课下完成课本 P56 第 2 题。
【开阔视野】
阅读课本 P57《FLASH 的发展史及其优点》。
第 2 课 图层与元件
【课前延伸】
请画出 Flash MX 的界面结构简图,并注明舞台、帧窗格、图层窗格和时间轴。
【学习目标】
1.知道 Flash 元件的分类;
2.了解不同层的用途;
3.学会设置 Flash MX 文档的属性;
4.熟练掌握有关层和元件的操作。
【阅读课文】
1.Flash MX 文档的属性包括______、__________、__________等。
2.标尺用来测量舞台大小或对象大小,标尺的单位包括____(______)、____(______)、
______(_________)、______(________)等。
3.Flash 的图层可分为四类:________、________、________、________。
4.在时间轴图层管理区域可以对图层进行的操作包括:________、________、________、
________、________和________等。
5.何谓“元件”?
6.何谓“实例”?
7.元件的类型及其对应的英文名称分别是:________(________)、________(________)、
________(________)。可以通过________________将动画中的对象转换为元件。
8.一个复杂的 Flash 动画会包含许许多多的元件,构成 Flash MX 的____________.
【上机探究】
1.打开“文档属性”对话框,观察其内容,并完成课本 P59 上面的“试一试”,然后
进行小组交流。
2.找到时间轴窗口,观察各个按钮,并完成课本 P59 下面的“试一试”,然后进行小
组交流。
3.完成课本 P60 的“试一试”和 P61 的“试一试”,结合“一点通:《元件的三种类型》”
强化“学习目标 4”。
【大显身手】
1.完成课本 P61 第 1 题。
2.有条件的同学课下完成课本 P61 第 2 题。
【查缺补漏】
“箭头工具的使用”是小学信息技术第 5 册学过的知识,请阅读课本 P62《箭头工具的
使用》来补习或复习巩固这一知识点。
第 3 课 运动渐变动画
【课前延伸】
1.请画出 Flash MX 的界面结构简图,并注明舞台、帧窗格、图层窗格和时间轴。
2.完成表格:
帧的类型 在时间轴上插入帧的方法
3.元件的类型及其对应的英文名称分别是:________(________)、________(________)、
________(________)。可以通过________________将动画中的对象转换为元件。
【学习目标】
1.了解 Flash 动画的分类;
2.掌握运动渐变动画的特点;
3.学会制作关键帧动画;
4.掌握制作运动渐变动画的一般步骤。
【阅读课文】
1.在 Flash MX 中动画分为三类:_________、_____________和_____________。
2.解释何谓关键帧动画。
3.叙述运动渐变动画的制作步骤(首先……然后……最后……)。
4.关键帧动画中的舞台对象_____元件。
A.必须是 B.一定不是 C.不必是
5.运动渐变动画中的渐变对象
A.必须是 B.一定不是 C.不必是
【上机探究】
1.完成课本 P64 上面的“试一试”,保存在自己的学习文件夹中,并进行小组交流。
2.按照课本 P64 下面“文字举报电话的制作步骤示例”制作一个运动渐变动画,保存
在自己的学习文件夹中,然后进行小组交流。
3.完成课本 P66 的“练一练”,把自己的经验拿出来与同学们分享。
【大显身手】
1.完成课本 P66 第 1 题。
2.有条件的同学课下完成课本 P66 第 2 题。
【开阔视野】
阅读课本 P65《Flash 的应用》,了解 Flash 动画的广泛应用。
第 4 课 形状渐变动画 导学案
【课前延伸】
1.请画出 Flash MX 的界面结构简图,并注明舞台、帧窗格、图层窗格和时间轴。
2.完成表格:
帧的类型 在时间轴上插入的方法
3.铅笔工具的属性包括:_________、_________、_________、_________。铅笔工具
的选项提供了_________、_________、_________三种曲线绘制模式。
【学习目标】
1.了解形状渐变动画的特点;
2.掌握形状渐变动画中形状提示点的概念;
3.学会使用画笔工具;
4.学会制作形状渐变动画以及为形状渐变动画添加形状提示点的方法。
【阅读课文】
1.画笔工具画出的图形只有________部分,不包括______;而椭圆工具和矩形工具由
_______和_____两部分构成。
2.画笔工具的附属选项包括_________、_________、_________、_________。
3.画笔工具的模式主要控制画笔工具作用的区域,它提供了五种不同的画笔模式:
_________、_________、_________、_________、_________。
4.解释何谓形状渐变动画。
5.叙述形状渐变动画的制作步骤。
6.可以通过形状提示点设定__________的形状渐变动画。
7.____________上的形状提示点是黄色的,结束关键帧上的形状提示点是____色的,
当不在一条曲线上时为_____.
【上机探究】
1.尝试选择不同的画笔模式,观察所画的图形有什么变化?尝试选择不同的画笔形状,
观察所画的图形有什么变化?然后进行小组交流。
2.完成课本 P68“试一试”,然后进行小组交流。
3.完成课本 P69 和 P71 的“练一练”,把得到的文件保存到自己的学习文件夹中,并
与同学们交流。
【大显身手】
1.完成课本 P72 第 1 题。
2.有条件的同学课下完成课本 P72 第 2 题。
【开阔视野】
阅读课本 P72《网页制作三剑客》。
第 5 课《引导层动画》学案
【教师寄语】:乘着科学的翅膀,放飞创新的梦想
【学习目标】;
1.理解引导线,引导层的概念。
2.了解引导层运动渐变动画的特点。
3.熟练掌握缩放、旋转和倾斜对象的方法。
4.学会在运动渐变动画中使用引导层。
【学习重点】:
引导层及引导线的作用及创建方法。
【学习难点】:
运用引导层,制作曲线运动动画。
学习过程
【情境创设】
教师展示效果动画,请学生说出两个运动效果的异同。
【自主探究】
1.任意变形工具的使用
自主阅读教材内容,结合 Flash MX 软件,完成下列题目。
1 选用变形工具的方法:
2 完成下表
任意变形工具附属选项
附属选项 鼠标形状 使用对象 效果
旋转与倾斜 图形和元件
缩放 图形和元件 改变对象大
小
扭曲 图形
封套 图形
3 利用菜单栏→修改
【合作学习】
1. 引导层定义
引导层功能
填加引导层的方法
2. 教师演示
利用具体实例
绘制小鸟运动路径
讲解制作过程中可能出现的问题
3.分小组完成课本 P75 练一练
4.【学以致用 巩固提高】
1.对 Flash 动画“刻舟求剑”中的小船进行缩放、旋转和倾斜。
2.制作 Flash 动画“刻舟求剑”中小船小河运动的动画。
【课堂小结】
我的收获是:
我的疑问有:
【当堂测试】
1. 在 Flash 的绘图中,如果我们想由一个花瓣得到一朵完整的花,可以使用________
面板进行旋转并复制的操作达到目的,在旋转前,要使用_________工具设置花瓣的旋转中
心。
2. 下列( )不是把层和运动引导层链接起来的方法?
A.将现有的层拖到运动引导层的下面,该层在运动引导层下面以缩进形式显示。该层
上的所有对象自动与运动引导路径对齐。
B.在运动引导层下面创建一个新层,在该层上补间的对象自动沿着运动路径补间
C.在运动引导层下面创建一个新层,选择“修改”>“时间轴”>“图层”,然后在“图
层属性”对话框中选择“被引导”。
D.在运动引导层下面创建一个新层,进行相应命名即可。
3.( )不能进行形状渐变
A.用绘图工具画一个圆。
B.用绘图工具画一个方形
C.用绘图工具画一个圆,再转换成图形(Gvraphic)符号(Symbol)。
D.将(C)选项中的图形符号分解(BreakAport)。
4.一个运动引导层可以被直接转化成?
A.遮罩层
B.被遮罩层
C.普通层
D.普通帧
第 6 课《遮罩动画》学案
【教师寄语】:最困难的事情就是认识自己
【学习目标】;
1.理解遮罩层的含义,作用,特点及图标。
2.理解遮罩层与被遮罩层的关系。
3.学会使用遮罩层,进一步深化对 flash 的认识。
4.掌握遮罩动画的制作方法。
【学习重点】:
遮罩动画原理及其制作方法。
【学习难点】:
理解遮罩动层与被遮罩层的关系。
学习过程
【情境创设】
同学们,首先我们欣赏一段 MTV,大家考虑在前卖弄的学习当中,我们已经学习了哪
几种 FLASH 动画?播放(《奔跑》MTV)
【自主探究】
1.遮罩层的含义,作用,特点,图标
2 练习制作遮罩动画应用实例。
【一】 文字遮罩(鸟是人类的朋友)
归纳①遮罩动画的原理
②遮罩层与被遮罩层的关系
1.练一练
打开 flash 动画文件“鸟是人类的朋友..fla”,新建遮罩层,聚焦在空中飞翔的小鸟。
【合作探究】
1.制作遮罩动画的一般步骤是什么?
2.教师演示制作:文字遮罩效果。
3.学生自主练习。
4.学生分组完成“探照灯效果”动画实例制作。
【学以致用,巩固提高】
1. 制作 flash 动画“刻舟求剑”中剑落入水的遮罩动画。
2. 制作 flash 动画“刻舟求剑”中小船前进的遮罩动画,要求制作遮罩和小船一起运动
的动画。
【课堂小结】
我的收获是:
我的疑问有:
【当堂检测】
1.下面对创建遮罩操作的说法错误的是:( )
A.通过遮罩层来显示被遮罩层的内容
B.对于遮罩层来说的图像、形状和线条都可用
C.在遮罩层上没有必要创建有过度颜色的对象。
D.遮罩层中 Alpha 变化不影响整个动画。
2.遮罩动画的遮罩应在被遮罩层的________面还是________面?
3.在遮罩层中________部分是透明的。
4、要产生遮罩效果,至少需要几个图层?
5、遮罩层动画的特点
(遮罩层/被遮罩层)决定看到的形状
(遮罩层/被遮罩层)决定看到的内容
第 7 课《交互控制动画》学案
【教师寄语】严谨细致 勇于创新 追求卓越
【学习目标】;
1.了解交互的三种动作
2.了解帧动作,按钮动作的特点。
3.学会设置帧动作和按钮动作
【学习重点】:
添加动作脚本的方法。
【学习难点】:
帧动作的设置方法。
学习过程
【情境创设】
教师演示网页中的交互,这些交互可以通过鼠标进行,也可以通过键盘操作,还可以进
行移动对象,输入信息或进行其他形式的交互操作。那么我们怎样才能在 Flash 中创建交互
动画呢?
【自主探究】
1.交互控制动画的含义
2.人机交互控制实现方式?
3.可以在那三个地方添加动作脚本?
4.为关键帧添加动作的方法?
5.练一练
完成课本 P81,试一试
① 打开“鸟是人类的朋友 fla”,在第一帧设置停止动作。
② 利用“fscommand”设置动画的全屏播放。
【合作交流】
1.为动画添加按钮的方法有哪两种?
2.按钮元件的四帧分别是什么?
3.练一练
完成课本 P82,P83,试一试
① 创建“播放”按钮,用工具箱的工具绘制按钮,把它们放在动画的第 1 帧。
② 创建“重播”按钮,导入一个剪辑,让按钮具有动态效果,放在动画的最后一帧。
③ 从公用库里导入一个按钮,设置“停止”按钮。
④ 为“停止”按钮添加动作,分别设置单击、释放时停止播放动画。
⑤ 为“停止”按钮添加动作,分别设置鼠标滑过时播放动画。
⑥ 为“停止”按钮添加动作,分别设置回到动画第 1 帧。
【能力提升】
1.为 Flash 动画“刻舟求剑”加上封面,设置为全屏播放,出现封面后停止。
2.为 Flash 动画“刻舟求剑”添加“播放”和“停止”按钮,随时控制动画的播放。
3.为 Flash 动画“刻舟求剑”最后 1 帧加上“重播”按钮,让动画可以从头播放。。
【课堂小结】
我的收获是:
我的疑问有:
【当堂测试】
1. 按钮元件的四个帧分别是:_________、__________、_____________、
_______________。
2. 控制动画停止播放的 Action Script 命令是:________,括号中不需要使用
任何参数;控制动画播放的 Action Script 命令是________;跳转到某帧并播放的 Action Script
命令是________(目的帧)
3. 以下关于按钮元件时间轴的叙述,正确的是:________
A.按钮元件时间轴与主电影的时间轴是一样的,而且它会通过跳转到不同的帧来影响
鼠标指针的移动和动作
B.按钮元件中包含可 4 帧,分别是 UP、Down、Over 和 Hit。
C.按钮元件时间轴上的帧可以被赋予帧动作脚本。
D.按钮元件的时间轴里只能包含 4 帧的内容。
第 8 课《声音处理与作品发布》学案
【教师寄语】提高审美水平,完成审美创作
【学习目标】;
1.掌握声音导入的方法,掌握为动画添加声音。
2.学会为动画导入声音,为动画添加声音,学会
3.通过对声音的处理,提高对音乐的欣赏。
【学习重点】:
声音导入的具体制作方法以及自动播放和手动播放。
【学习难点】:
声音的获取。
学习过程:
【情境创设】
先给学生放一段流行音乐,让学生感受到音乐的美妙,提出问题,如何将音乐导入到我
们前几课做的 flash 中。
【自主探究】
1. 想把外部声音加入到 flash 动画中,应注意什么?
2. 导入声音的方法是?
【合作学习】
1. 把外部声音加入到 flash 动画中的方法。
2. 使用 flash 公用库里声音的方法。
3. 声音面板中各个按钮的作用
4. flash 动画的发布的方法。
【学以致用】
1.为动画“鸟是人类的朋友.fla”添加鸟儿清脆的叫声。
2. Flash 可以发布的文件类型有那些?怎样为他们设置参数?
3.发布“鸟是人类的朋友.fla”为.exe,.swf 类型。
【课堂小结】
我的收获是:
我的疑问有:
【当堂测试】
1.在测试动画时 Flash 自动发布的播放文件的后缀是:( )
A.swt B. C.swd D.swf
2. 下列文件格式不是 Flash 文件导出( )
A.exe B.swf C.ppt D.html
3. 在 FLASh 生成的文件类型中,我们常说的源文件是指( )
A.swf B.fla C.exe D.html
4. 在 Flash 中,如果想要将动画文件逐帧导出为 JPG 文件,执行________、_________
菜单命令是,然后在保存类型文件中选择________即可。
5.在 Flash 中文件发布的菜单命令是________、_________设置文件发布参数内容的菜
单命令是________、_________