资料简介
横山区党岔中学教师校本研修—教学设计
科目 信息 课题 站点创建与首页制作 授课教师 郭雪阳
教
学
目
标
(1)认识 FrontPage 软件窗口结构,比较与 Word 窗口的相同与不同点。
(2)了解站点与主页的概念,理解站点的意义,学会建立、删除站点。
(3)掌握简单网页的新建方法,能够在网页中插入、排版文字,掌握图片、水
平线的插入方法及属性的设置方法,能够灵活应用“网页属性”对话框,设置
网页属性,如背景、背景音乐等
(4)掌握保存网页的方法,了解网页保存与普通文档保存的不同点。
教学
重点
(1)认识 FrontPage 2003 窗口结构及主要菜单的功能。
(2)掌握建立、删除网站的基本方法,网站的管理作用。
(3)掌握简单网页设计的基本方法,如文字、图片以及水平线的插入与编辑等。
(4)掌握设置网页属性的一般方法。
教学
难点
(1)站点的作用和存储路径。
(2)网页的保存。
课前
准备
本课题教学共 2 课时
本节教学为第 课时
教
学
流
程
1.引入
教师活动:以学生上网、浏览网页为切入口,提出问题。
同学们非常喜欢上网,大家一般都登录哪些网站呢?(以此提问网站、网页和
首页。)同学们喜欢上网浏览别人制作精美的网页、获取丰富的信息,是否想过
自己制作网页供别人去浏览呢?如今网页制作的软件有很多,如:Dream
weaver 、FrontPage 、东方网页王等。今天我们就来学习如何使用 FrontPage
来制作网页。
学生活动:思考回答问题,明白以下几点。
(1)网站包含多个网页,通过超级链接可以把不同的页面链接起来。
(2)网站的第一个页面称为主页,主页的文件名一般为 index.htm 或者
default.htm,主页也是网页。
设计意图:由学生已掌握的知识入手,自然过渡,激发兴趣,活跃气氛。
2.新授
(1)FrontPage 启动与窗口的组成(与 Office 中的其他软件作比较,如 Word,
比较有什么不同点?)
6 种视图模式:“页面”、“文件夹”、“报表”、“导航”、“超级链接”和“任务”,
通过切换视图模式,可以有针对性地查看站点内容或网站结构。
横山区党岔中学教师校本研修—教学设计
编辑区的 4 种工作模式:设计、拆分、代码和预览。
学生打开软件,仔细观察,类比学习,同时翻看教材,了解新知识。
设计意图:传授软件学习的方法——类比法、知识迁移。
(2)站点的建立
由于我们的网站需要制作多个网页文件以及相关图片、声音文件等,所以网站
建设初期就要做好管理准备,我们以站点的形式来管理网站内部文件。
任务 1 在 D 盘下建立一个站点,站点名称:自己学号加姓名。
指导学生对照书本进行学习(限时)。
学生明确教师要求后,阅读教材,开展对照着教材的自学活动。
学生操作期间教师巡视课堂,做个别辅导。
针对学生中普遍存在的问题,教师可做详细讲解。
对学生自学后的完成情况做简单评价(如:学生举手反馈完成与否)与总结。
学生交流自学后的操作情况,可安排学生演示操作。
深入一问:在文件夹列表中看到了什么?
分析多出的文件夹列表栏,多了一个文件夹,里面有两个子文件夹和主页,图
片存放在“images”文件夹中。
设计意图:传授软件学习的方法——对照教材,操作步骤自学法。
(3)设计首页
引导学生分析一般首页组成情况,提出课堂制作要求。
学生构思自己网站首页中各对象的布局,可跳出教材中各对象的具体摆放要求,
但要求出现元素不得缺少。
任务 2 新建首页,要求首页中有如下对象:
网站的标题与图片徽标。网站的宗旨(文字介绍)。水平线(起分隔作用)。
链接到下一页的标记(可为文字,也可为图片)。
以上内容可以类比 Word 中对象的插入方法来进行。
学生示范,讲解如何插入图片(来自剪贴画与来自文件)、插入水平线等。
设计意图:在完成基本任务的前提下,鼓励学生创新;类比学习法、知识迁移
学习法。
(4)编辑与预览主页
提出具体编辑要求,引导学生设置相关对象的属性。
横山区党岔中学教师校本研修—教学设计
任务 3 编辑主页
设置网站标题文字为 36 磅(7 级)字。
设置水平线粗细为 5 磅。
设置首页标题为:欢迎您来到……。
选择一张淡雅图片,将其设置为首页背景图片。
为首页加上背景音乐。
学生示范,讲解如何设置文字、图片、水平线以及网页属性等。
教师强调:必须切换到“普通” 窗口下编辑。
网页背景图片的效果与要求。预览网页(分辨率)。
(5)保存网页
难点由教师深入讲解。
学生认真听讲,按要求保存自己的网页。
3.总结与评价
(1)引导学生进行总结,提问本节课的重点知识,反馈学生相关知识的掌握
情况。
(2)教师与学生共同评价
同学间相互检查作业,推荐优秀作品,展示给全班同学,表扬完成情况好的同
学与帮助他人的同学。
学生总结,并继续完成自己的主页,完成的同学做老师的小助手,辅导需要帮
助的同学。
设计意图:加强总结反馈,鼓励学生互帮互助。
板
书
设
计
课
后
反
思
横山区党岔中学教师校本研修—教学设计
科目 信息 课题 制作网站——表格布局网页 授课教师 郭雪阳
教
学
目
标
(1)了解网页设计中表格的作用。
(2) 掌握网页中表格的制作方法、表格属性的设置方法以及单元格的修饰与
编辑方法,能够在单元格中正确插入文字和图片。
(3)能够根据网页设计内容,正确布局表格的结构,掌握表格嵌套的设计方法。
教学
重点
(1)了解表格在网页设计中的重要作用和功能。
(2)掌握插入、编辑表格的方法及表格的属性设置方法。
(3)掌握单元格的修饰与属性设置。
教学
难点 表格的嵌套设计在网页设计中的应用。
课前
准备
本课题教学共 2 课时
本节教学为第 课时
教
学
流
程
1.复习
以复习提问的方式来回顾站点的建立、网页的新建以及网页中文字、图像等对
象的插入,学生认真回顾,回答教师提问。为本节课教学做一定铺垫。
2.引入
(1)观看两个页面并进行比较:一个使用表格布局,但表格边框隐藏(看不出
表格痕迹),其页面工整,文本、图片摆放对称,具有一定规律;另一个页面凌
乱,图文混杂,摆放杂乱。你更喜欢怎样的页面布局?
提出问题:有什么办法可以达到第一个页面的效果?
(2)观察第三个页面,内容与第一个页面相同,显现页面的表格边框。
学生讨论,交流,回顾 Word 中学习过的表格,明白表格在 FrontPage 中的作用。
3.新授
(1)分析表格结构
展示一些由表格布局的网页,引导学生分析其表格结构,自然过渡到教材中的
例子(biaoge.htm),分析结构,得出表格的布局(如表格有几行几列,哪些行
做了哪些处理)。
任务 1 规划网页表格布局
分层完成该任务,基础相对薄弱一些的同学仅要求读懂教材中的网页表格布局,
知道规则,根据表格的行数与列数,调整至最终样式;基础扎实、操作能力较
强的同学可以跳出课本,自行设计表格网页布局,并将自己的表格设计绘制在
书本上。
横山区党岔中学教师校本研修—教学设计
学生可根据自己的实际情况选择任务难度,并动手分析与创意设计。
建议:使用多个非嵌套的表格来布局。
设计意图:分层教学,培养学生模仿以及创新能力。
(2)完成表格布局
FrontPage 中表格的插入和编辑与 Word 中的表格操作类似,教师无需讲解,引
导学生进行知识迁移。
任务 2 新建一个页面,用表格布局该网页,并在该网页中放入相应内容
打开站点,新建网页,以“biaoge.htm”为文件名保存。
按前面分析的要求插入一个表格。
调整表格结构(主要是行列的插入、删除,单元格的合并、拆分、调整大小等)。
老师可安排操作熟练的同学进行演示。
(3)充实网页页面内容
任务 3 在表格中插入图片、输入文字
建议:插入图片对象前,对图片做一定处理,例如选择风格统一的图片,调整
图片大小至同一尺寸等。注意图片的保存。
(4)调整表格属性,美化页面
预览制作的网页,修饰网页,让网页看起来更美观。
任务 4 表格属性以及单元格属性的设置
表格属性的设置,如去除网格线、设置表格背景色等。
使用不同的颜色区分各板块,设置单元格属性。
强调:学会利用右击后弹出的快捷菜单中的命令。
学生根据自己的实际情况选择任务难度,可按教师具体要求修饰、调整表格,
也可根据自己的意图修饰、调整表格。(表格边框的调整都需掌握)
设计意图:完成必须要求掌握的知识同时,给学生一定的自主空间,鼓励他们
去创新,而非一成不变的生硬模仿。
(5)表格的嵌套
有时为了制作出更加美观的网页,我们可以使用表格的嵌套来实现。
任务 5 加入横向目录导航条,尝试使用表格嵌套的方法解决问题。
学生动手制作网页。
4.总结与评价
横山区党岔中学教师校本研修—教学设计
本节课我们学习了在 FrontPage 中插入表格、编辑表格以及表格嵌套的基本方
法。请同学回答几个问题、并演示几个基本操作。展示表格页面制作完成的优
秀作品,表扬完成任务的同学,对未完成的同学给予激励,鼓励他们利用课余
时间继续完成。
学生回答问题:
(1)表格在 FrontPage 中起到了的作用:定位对象。
(2)表格编辑的基本操作。
关注课堂学生操作达成率。
板
书
设
计
课
后
反
思
横山区党岔中学教师校本研修—教学设计
科目 信息 课题 网页中动态效果的制作 授课教师 郭雪阳
教
学
目
标
(1)理解动态网页与网页动态效果的区别。
(2)掌握网页动态效果的制作。
教学
重点 滚动字幕、交互式按钮等动态效果的制作
教学
难点 各种效果对象的属性设置
课前
准备
本课题教学共 1 课时
本节教学为第 课时
教
学
流
程
1.引入
老师打开静态网页和加有动态效果的网页,请学生感受它们的不同。学生观察、
比较两张网页,指出它们的不同点。师生共同分析网页,引入新课的学习。
2.新授
任务 1 滚动字幕的制作
教师巡视,个别给予指导。
学生完成任务后,展示作品,并演示操作。小结设置滚动字幕的关键点:
文本的大小、字体、颜色等。
表现方式。
运动方向。
背景色的设置。
任务 2 交互式按钮的制作
教师巡视,个别给予指导。
学生展示作品,演示操作,小结制作交互式按钮的关键点:
按钮文本的设置。
按钮的颜色、背景色以及效果等。
图片按钮。
任务 3 网页中插入一个 Flash 动画
教师巡视,个别给予指导。
学生展示作品,演示操作,小结插入 Flash 动画的关键点:
横山区党岔中学教师校本研修—教学设计
Flash 显示窗口的大小调整。
预览模式下才能看到 Flash 效果。
插入 Flash 后的网页保存。
学生参照教材内容完成网页动态效果制作,并比较分析其他同学的作品,对照
自己的作品加以完善。
培养学生自主学习,发现问题的能力,师生共同分析问题并给予解决。
3.总结与评价
(1)学习过程评价,展示学生的作品,师生给予评价,激发他们更大的主动性
与积极性。
(2)归纳总结。
学生对照“自我评价”表,进行过程性学习的评价。
板
书
设
计
课
后
反
思
横山区党岔中学教师校本研修—教学设计
科目 信息 课题 设计具有交互功能的网页 授课教师 郭雪阳
教
学
目
标
1.知识目标:了解交互网页的概念,了解表单的功能及表单元件的使用方法,
了解网上信息调查的设计方法。
2.技能目标:掌握表单元件的功能及使用方法,掌握表单各组件属性的设置方
法。
3.情感目标:让学生在运用、学习、制作的过程中感受表单给网页带来的交互
作用,了解珍稀动物保护知识。
教学
重点
(1)表单元件的正确插入。
(2)表单元件的属性设置。
教学
难点 表单元件的属性设置,根据实际需要正确运用表单元件。
课前
准备
让学生明确本课的教学目标;提供给学生一个
自学的平台;给学生一个自我评价的空间。
本课题教学共 1 课时
本节教学为第 课时
教
学
流
程
1.引入
让学生完成一个珍稀动物保护知识小测试,反馈测试结果。使学生在实际应
用中感受表单网页,了解珍稀动物保护知识。
2.新授
(1)通过分析刚才的珍稀动物保护小测试来介绍表单元件。讲解简单表单的制
作。
布置任务 1:完成简单的个人信息的表单制作。
老师巡视并及时指出学生操作过程中的问题,学生完成任务 1,并根据老师的
提示修改自己网页中存在的问题。
由于学生第一次接触,所以采用教师讲解的方式,目的是让学生掌握表单元件
的正确插入。
(2)反馈任务 1 中比较普遍的问题。学生认真思考老师的提问,积极回答问题。
布置任务 2:在任务 1 的基础上完成个人信息调查的表单。
学生完成任务 2,熟悉表单元件的属性设置。老师让个别学生进行演示,给优
秀学生一个展示自我的空间。
(3)布置任务 3,完成环保知识、个人爱好、网站意见和建议的表单制作。
学生根据老师给的文字,使用正确的表单元件,完成整个表单网页的制作。老
师演示学生作品,分析学生所运用的表单元件,讲解表单的提交。学生和老师
一起分析作品,并积极回答老师的问题。
横山区党岔中学教师校本研修—教学设计
设计意图:表单的插入不难,关键是如何正确地应用,在这儿给学生一个自我
创作的空间。让学生了解表单元件的运用不是唯一的,了解表单的提交方式。
(4)布置拓展任务:修饰表单网页。
学生完成拓展任务,老师展示学生作品,并做出评价。本部分让学生运用前面
所学知识,充分发挥学生的想象力。
3.小结
老师展示其它表单网页,总结本课知识,帮助学生进行回顾,并做出拓展和梳
理。
板
书
设
计
课
后
反
思
横山区党岔中学教师校本研修—教学设计
科目 信息 课题 运用框架结构制作网页 授课教师 郭雪阳
教
学
目
标
1、知识目标
了解框架结构的基本知识、框架的作用及框架属性
2、技能目标
1)能够使用框架结构设计网页
2)学会设置网页的框架属性,根据网页具体情况调整框架结构
3、情感目标
通过框架结构网页设计,提高学生对网页整体架构的设计能力和鉴赏能力。
教学
重点
1、框架网页的建立
2、调整、填充框架网页
3、框架网页的保存
教学
难点
1、更改和设置网页的框架属性
2、框架网页的保存
课前
准备
本课题教学共 1 课时
本节教学为第 课时
教
学
流
程
一、知识点回顾:
师生共同回顾已经学习的网页制作的基本知识和方法,引入制作框架网页
的学习
二、新授课:
理解框架网页的特点和概念(创设情境、对比教学)
(1)教师展示普通页面的网页和框架结构的网页,请学生仔细观察对比框架网
页的特点
(2)教师对比生活中的布告栏,总结什么是框架结构的网页
2、讲解框架网页的设计方法(任务驱动教学法):
(1)创建框架网页:打开站点文件,由“新建网页”引入“新建框架网页”,
在“新建”对话框中的“框架网页”选项卡中选取 1~2 个框架模板说明内容网
页在框架中的作用;
(2)调整框架结构:拆分和删除框架结构
(3)填充框架网页:“设置初始网页”和“新建网页”,插入悬停按钮和横幅广
告器
(4)框架网页的保存:教师引导学生观察框架结构中各网页的名称,引入网页
的保存
3、学生完成“实践任务一”,教师巡视指导
横山区党岔中学教师校本研修—教学设计
4、由学生存在的问题引入“框架属性”的设置:
(1)由“新建网页”更改为“设置初始网页”引入问题,提问:当我们在制作
网页时若需要设置网页的背景颜色或背景图片时,我们该如何操作设置?从“网
页属性”引入“框架属性”。
(2)由网页的美观引入“边距”的设置,其余设置让学生在实践任务二中体会
5、学生完成“实践任务二”
6、展示优秀作品,评价作品(让学生在观看同学的作品时,领会“框架属性”
的不同设置)
三、探索实践
鼓励学有余力的同学思考如何处理横幅广告器中的图片,使得图片和横幅
广告器的大小相适应,以及如何在图片上添加文字
四、归纳总结
请学生归纳框架网页的制作
板
书
设
计
课
后
反
思
横山区党岔中学教师校本研修—教学设计
科目 信息 课题 网页超链接的制作 授课教师 郭雪阳
教
学
目
标
(1)了解超级链接的含义及链接源和链接目标的含义,掌握同一站点内以及不
同站点间网页超级链接的创建方法。
(2)掌握网页内书签的作用及创建书签链接方法,掌握交互式按钮、框架网页
内超级链接的设置方法。
(3)理解热区链接的含义及创建方法。
教学
重点
(1)超级链接的含义及链接源和链接目标的含义。
(2)超链接的制作方法——给文字、图片制作超链接,制作书签链接,给交互
式按钮制作超链接,框架页面内的超链接,图片区域制作超链接等。
教学
难点
(1)书签链接中名称及对应链接位置的设定。
(2)在框架页面中制作超链接时,目标对象所选择的显示窗口形式。
课前
准备
本课题教学共 1 课时
本节教学为第 课时
教
学
流
程
1.引入
展示两个主页,一个已经创建了链接,一个没有创建链接,让学生进行比较并
找出区别,引出本课课题——超级链接。
提出:我们在先前的学习中,哪个软件中的相关操作与它类似?什么是超级链
接?找一个例子,分析链接源和链接目标分别是什么?
学生展开交流,通过对比找出不同点,并积极思考,回答老师的问题。
设计意图:通过对比操作、交流,再辅以知识迁移,明确本节课教学内容。
2.新授
(1)站内超级链接
引导学生回顾 PowerPoint 中超链接的制作方法(教师提示:右击链接源,利用
快捷菜单制作超链接),辅以教材中的内容,让学生自行探究并完成以下操作:
任务 1 同一站点内不同页面之间的链接
制作首页(欢迎页)到表格页的超链接。
给表格页内交互式按钮设置超级链接,链接到相关页面。
给框架页内交互式按钮设置超级链接,链接到相关页面。
教师巡视,及时指导,安排学生示范操作并讲解如何制作超链接。
交互式按钮的超链接制作要求在框架网页中演示操作。老师可以提问学生:演
示者操作的对吗?有没有问题?
引导学生发现问题:超链接制作完成后需要检验(保存后预览)。
横山区党岔中学教师校本研修—教学设计
教师讲解,突破难点,再交由学生操作。
以上是同一站点内不同网页之间的链接,有时一个页面中内容过多,需要不断
拖动滚动条实现阅读,能否实现快速跳转呢?
任务 2 同一站点内同一页面内的跳转(链接):在“动物趣闻”页面内制作书
签链接。
教师讲解:由生活中的书签引入,介绍“书签链接”的概念,然后再演示如何
操作。
提示:书签链接的双向性问题(返回)。
学生认真听讲后模仿制作,教师巡视进行指导并反馈学生的完成情况。
(2)站间超级链接
仅凭我们课堂上制作的这些页面还不足以详细介绍我们的主题,此时我们还可
以借助超链接,链接到因特网上的其他网站,以丰富我们的内容。
任务 3 借助热区链接,为“友情链接”页面制作超链接,链接我国一些自然
保护区网站。
有了以上基础,可安排学生自学教材中有关热区链接的相关内容,学生探究操
作后教师再安排学生进行演示,辅助以提问的形式检验学生的自学情况。
3.总结与评价
开展同学间的互助,检验其链接完成情况,推荐优秀同学做展示。引导学
生分类总结本节课的知识点。
板
书
设
计
课
后
反
思
横山区党岔中学教师校本研修—教学设计
科目 信息 课题 初识 flash 软件 授课教师 郭雪阳
教
学
目
标
1、学会启动 flash 的方法,认识 flash 的工作界面
2、初步理解动画制作中涉及的基本概念
3、了解动画制作的一般步骤
教学
重点
1、重点:各种工具的使用方法
2、 难点:层、填图、橡皮使用技巧
教学
难点 激发学生为学习动画的制作的兴趣,培养学生乐于接受的探究新知识的精神。
课前
准备
本课题教学共 1 课时
本节教学为第 课时
教
学
流
程
一、情境导入:
在所有的动画中,最流行的动画是 flash 动画,同学们可能最喜欢的也是 flash
动画。我们一起来看几个 flash 动画。
教师演示几个 flash 动画:教师作品,灿烂动画.swf
二、师生学习活动:
这些动画是如何制作的呢?要学会制作,我们就要一起来研究认识一个非常有
名的动画制作软件:flash。用它制作的软件不仅占用空间小,而且品质高,交
互功能强,音形并茂。Flash 动画格式是网上最流行的动画格式。
1、认识 flash 动画软件
(1) Flash 动画软件的启动
执行“开始—程序—Macromedia—Macromedia Flash8”命令,也可单击 Flash8
快捷方式
(2)flash 编辑窗口的介绍
窗口主要组成:菜单栏 常用工具栏 控制工具栏 绘图工具栏 图层区 时间轴
场景 舞台 工作区等。
教师在介绍上述概念时,可以通过将工具面板作为一个重点,激发学生的学习
兴趣和动手能力。
主要介绍:选择工具 线条工具 椭圆工具 矩形多边形 铅笔 刷子 颜料 橡
皮等
简要图形
横山区党岔中学教师校本研修—教学设计
让学生在画出图形后,充分利用相关工具进行颜色等修改。
(2) 讲解绘制场景的方法。
完成书上探究内容:
师生探究制作方式:
步骤:
(1)确定背景:天蓝色 (2)划一个长方形,绿色,再用铅笔平滑平线将矩
形分成二分,删除一部分 (3)画长方形及房侧面 (4)画蘑菇顶及上面的
斑 (5)画房子的窗 门 绿斑 (6)画云 (7)画 小蘑菇 (8)保存
三、小结并练习
板
书
设
计
课
后
反
思
本节课运用 Macromedia Flash8 软件制作简单的动画,学生动手能力得到
提高。
横山区党岔中学教师校本研修—教学设计
科目 信息 课题 制作一个简单的动画 授课教师 郭雪阳
教
学
目
标
1、学会制作一个简单的动画,认识 flash 时间轴、层、帧,元件等知识
2、学会利用相关命令制作元件的概念
教学
重点 时间轴 层 帧知识 补间动画
教学
难点 关键帧 补间动画 位图转矢量图
课前
准备
本课题教学共 1 课时
本节教学为第 课时
教
学
流
程
1、引入:出示本课要制作的一个动画的效果
2、师生活动
活动一
师生看书,完成书第 8 页作业:移动的小球
注意点:(1)如何设置动画的大小
(2)关键帧的意义及作用
(3)补间动画的意义 成功创建的标志
(4)播放与测试、保存的作用
活动二:如何使用 Flash 软件将位图转换成矢量图,并从中分离出一个对象。
将上图分解成如下的图:
教师讲解:
(1) 选中图形,使用“修改—位图—转换位图为矢量图”
教师讲解转换过程中的参数,可以让学生观察实践。
横山区党岔中学教师校本研修—教学设计
(2) 如何却除无关颜色 使用选择工具及橡皮等
(3) 如何转换成图形元件。转换面图形元件后的优点。
活动三。让喜羊羊在时间轴上移动。学生练习。
3、小结
板
书
设
计
课
后
反
思
激发学生为学习动画的制作的兴趣,培养学生乐于接受的探究新知识的精神。
横山区党岔中学教师校本研修—教学设计
科目 信息 课题 Flash 动画制作
制作基本动画 授课教师 郭雪阳
教
学
目
标
1、 理解关键帧、层的意义。
2、掌握“动画补间”动画制作的一般步骤,学会“动画补间”动画的制作方法。
教学
重点 “动画补间”动画的制作方法
教学
难点 理解关键帧、层的意义
课前
准备
本课题教学共 1 课时
本节教学为第 课时
教
学
流
程
1、创设情境,导入新课
(1)、教师播放“一个太阳从左向右移动的动画”。提问:这个动画好不好看,
同学们想不想学习制作一下,导入新课。
设计意图:激发学生的学习兴趣。
2、师生互动,自主学习
(1)、教师演示,学生根据教师的演示,并参照教材进行制作。
(2)、学生依照教材中文字描述的操作步骤独立操作,教师巡视作个别指导。
(3)、对于共有的问题,教师做集中讲解。
(4)、小组讨论,分析作品的优劣,并推荐出较好的作品。
(5)、教师展示学生的作品,鼓励学生,并让学生尝试总结“动画补间”动画
的主要步骤。
设计意图:通过协作学习培养了学生的合作精神,通过自主学习培养了学生自
学能力,为进一步学习打下了基础,通过作品评价提高了学生鉴赏能力与审美
水平。
3、探究学习,实践操作
(1)、教师出示本节课的探究任务:制作“旋转的风车”。
(2)、学生实践操作,遇到问题相互讨论。
(3)、教师巡视,帮助学生,对于共有的问题给与点评。
共有问题:1 网轮角度设置 2 风车的中心点问题设置。
(4)、修改动画,教师展示学生作品。
横山区党岔中学教师校本研修—教学设计
设计意图:通过设计这一活动,巩固本节课所学的内容,由学生根据已有的知
识和技能,创造性地制作自定主题的 Flash 动画作品,培养学生的创造能力。
4、巩固提高,课堂小结
(1)、教师总结本课教学内容,点评学生制作过程中遇到的问题。
(2)、请学生说出“动画补间”动画制作的主要步骤。
设计意图:帮助学生理清思路,巩固本节课所学习的内容。
板
书
设
计
课
后
反
思
横山区党岔中学教师校本研修—教学设计
科目 信息 课题 制作基本动画:
移动的太阳,旋转的风车 授课教师 郭雪阳
教
学
目
标
1、 理解关键帧、层的意义。
2、掌握“动画补间”动画制作的一般步骤,学会“动画补间”动画的制作方法。
教学
重点 “动画补间”动画的制作方法
教学
难点 理解关键帧、层的意义
课前
准备
本课题教学共 1 课时
本节教学为第 课时
教
学
流
程
1、 创设情境,导入新课
(1)、教师播放“一个太阳从左向右移动的动画”。提问:这个动画好不好看,
同学们想不想学习制作一下,导入新课。
设计意图:激发学生的学习兴趣。
2、 师生互动,自主学
(1)、教师演示,学生根据教师的演示,并参照教材进行制作。
(2)、学生依照教材中文字描述的操作步骤独立操作,教师巡视作个别指导。
(3)、对于共有的问题,教师做集中讲解。
(4)、小组讨论,分析作品的优劣,并推荐出较好的作品。
(5)、教师展示学生的作品,鼓励学生,并让学生尝试总结“动画补间”动画
的主要步骤。
设计意图:通过协作学习培养了学生的合作精神,通过自主学习培养了学生自
学能力,为进一步学习打下了基础,通过作品评价提高了学生鉴赏能力与审美
水平。
3、 探究学习,实践操作
(1)、教师出示本节课的探究任务:制作“旋转的风车”。
(2)、学生实践操作,遇到问题相互讨论。
(3)、教师巡视,帮助学生,对于共有的问题给与点评。
共有问题:1 网轮角度设置 2 风车的中心点问题设置。
(4)、修改动画,教师展示学生作品。
设计意图:通过设计这一活动,巩固本节课所学的内容,由学生根据已有的知
横山区党岔中学教师校本研修—教学设计
识和技能,创造性地制作自定主题的 Flash 动画作品,培养学生的创造能力。
4、 巩固提高,课堂小结
(1)、教师总结本课教学内容,点评学生制作过程中遇到的问题。
(2)、请学生说出“动画补间”动画制作的主要步骤。
设计意图:帮助学生理清思路,巩固本节课所学习的内容。
板
书
设
计
课
后
反
思
横山区党岔中学教师校本研修—教学设计
科目 信息 课题 “形状补间”动画 授课教师 郭雪阳
教
学
目
标
1、掌握“形状补间”动画制作的一般步骤,学会“形状补间”动画的制作方法。
2、学会创建影片剪辑的方法,理解影片剪辑的意义。
3、分析比较“动画补间”动画和“形状补间”动画的区别,进一步理解动画制
作的原理。
教学
重点 “形状补间”动画的制作方法
教学
难点 创建影片剪辑的方法,理解影片剪辑的意义
课前
准备
本课题教学共 1 课时
本节教学为第 课时
教
学
流
程
1、 创设情境,导入新课
(1)、教师播放“花儿开放”的动画,提问,导入新课。
设计意图:激发学生的学习兴趣。
2、 师生互动,自主学习
活动 1:花朵开放
(1)、教师演示,学生根据教师的演示,并参照教材进行制作。
(2)、学生依照教材中文字描述的操作步骤独立操作,教师巡视作个别指导。
(3)、对于共有的问题,教师做集中讲解。
(4)、小组讨论,分析作品的优劣,并推荐出较好的作品。
(5)、教师展示学生的作品,鼓励学生,并让学生尝试总结“形状补间”动画
的主要步骤。
设计意图:通过协作学习培养了学生的合作精神,通过自主学习培养了学生自
学能力,为进一步学习打下了基础,通过作品评价提高了学生鉴赏能力与审美
水平。
活动 2:将风车转动做成影片剪辑
出示本节课的探究任务:将动画“旋转的风车”中的风车做成影片剪辑,
从元件库中反复将风车元件拖动到场景,并调整其大小和位置,这样就能在场
景中方便地加进多个旋转的风车,使画面更为丰富。
横山区党岔中学教师校本研修—教学设计
步骤 1:讨论制作思路
步骤 2:学生实践操作,遇到问题相互讨论。
步骤 3:教师巡视,帮助学生,对于共有的问题给与点评。
活动 3:形状渐变动画的补充:
(1)文字形状渐变 关键:对文字进行分离
(2)老鼠变小猪 关键:位图转化为图形,再将图形进行分离
3、巩固提高,课堂小结
(1)、教师总结本课教学内容,点评学生制作过程中遇到的问题。
(2)、请学生说出“形状补间”动画制作的主要步骤。
板
书
设
计
课
后
反
思
横山区党岔中学教师校本研修—教学设计
科目 信息 课题 Flash 动画制作之一
绘制七巧板 授课教师 郭雪阳
教
学
目
标
1、熟悉 Flash 软件的操作界面;
2、运用 Flash 软件绘制七巧板
教学
重点 绘制七巧板
教学
难点 如何选用合适的工具正确绘制七巧板
课前
准备
本课题教学共 1 课时
本节教学为第 课时
教
学
流
程
教学过程:
一:打开 Flash 软件
“开始”菜单―――“程序”―――Flash MX 2004
Flash 可以用来制作静态图像和可互动的动画,可以任意缩放不失真,文件体
积不大,适宜网络图形和动画的制作。
二:认识 Flash 8 操作环境
菜单栏
工具栏
面板属性
三:绘制七巧板
操作步骤:
1、绘制一蓝色边框,红色填充色的矩形。选择矩形绘图工具,调整好边框及填
充颜色,按住 Shift 键绘制正方形。
2、使用线条工具,按住 Shift 键绘制正方形的两条对角线。参照书本 p84 图绘
制其余线条,可画辅助线。多余线条擦除方法:选用箭头工具,点击多余线条,
按键盘上 Delete 键进行删除。
3、填充颜色。使用颜料桶工具,对七巧板的七歌板块进行颜色填充。
4、使用橡皮擦工具(注:选用“擦除线段”状态),擦除所有的线条。
5、用箭头工具将七巧板的每个板块小心的移开。(注:移动过程中避免色块的
重叠)
四:构建运动造型
横山区党岔中学教师校本研修—教学设计
使用绘制完成的七巧板,构建运动造型。
借助箭头工具来移动,定位板块;
使用任意变形工具旋转板块。
使用菜单命令进行水平及垂直翻转。
五:实践
绘制七巧板,并使用已绘制的七巧板,构建运动造型。
六:教学反思
初次接触 Flash 软件,学生对如何正确使用工具栏的工具还存在一些问
题。绘制七巧板的过程中,绘制直线时,直线与直线没有正确相交,出现相邻
板块同色问题,经指导修改完成。
板
书
设
计
课
后
反
思
初次接触 Flash 软件,学生对如何正确使用工具栏的工具还存在一些问题。
绘制七巧板的过程中,绘制直线时,直线与直线没有正确相交,出现相邻板块
同色问题,经指导修改完成
横山区党岔中学教师校本研修—教学设计
科目 信息 课题 Flash 动画制作之二
计算机动画制作初步 授课教师 郭雪阳
教
学
目
标
1、将原来静态的跑步姿态的图形加工为动态的跑步造型;
2、熟悉 FLASH 制作中的几个关键性的概念:图层、时间轴、帧等;
3、熟悉 FLASH 制作中的两种重要动画形式:形状渐变动画和运动渐变动画。
教学
重点 将原来静态的跑步姿态的图形加工为动态的跑步造型
教学
难点
1、理解帧的概念;
2、了解两种重要动画形式:形状渐变动画和运动渐变动画分别用于何种情况
课前
准备
本课题教学共 1 课时
本节教学为第 课时
教
学
流
程
教学过程:
一、 操作步骤 1:
1:打开 Flash 软件
“开始”菜单―――“程序”―――Flash MX 2004
2:文件——打开上次绘制的七巧板,并在第 20 帧处插入关键帧
方法:右键单击第 20 帧选关键帧
3:学生上台演示,在第 20 帧处将七巧板构建成跑步造型
(复习上节课内容)
4:构建动画,选中图层 1 第一帧,设置动画中间为“形状”
二、 讲解场景属性设置,时间轴作用,帧,关键帧以及动画形式形状渐变动
画的含
三、 操作步骤 2:
1:插入一图层,默认名为“图层 2”,并讲解图层含义
2:在图层 2 第一帧处输入文本“跑步”,讲解 FLASH 工具箱中文本工具的使用
3:在图层 2 第 20 帧处插入关键帧,并将文字“跑步”拖动一个位置,与第一
帧位置不同
4:构建动画,选中图层 2 第一帧,设置动画中间为“动作”
四、 讲解形状渐变动画和运动渐变动画的区别
横山区党岔中学教师校本研修—教学设计
五、 通过菜单栏中“控制”——“播放”,观看效果。
实践:使用已绘制的七巧板,加工为动态的跑步造型,并添加文字的运动变化。
六、 教学反思:
由于是第一次接触动画的制作,对于 FLASH 中的一些关键性的概念学生理
解起来比较困难,如关键帧、图层等。对于动画的两种基本形式,形状和运动
渐变动画,能在老师的指导下完成,但是形状渐变动画和运动渐变动画分别用
于何种情况,还不是很清楚。
板
书
设
计
课
后
反
思
由于是第一次接触动画的制作,对于 FLASH 中的一些关键性的概念学生理
解起来比较困难,如关键帧、图层等。对于动画的两种基本形式,形状和运动
渐变动画,能在老师的指导下完成,但是形状渐变动画和运动渐变动画分别用
于何种情况,还不是很清楚。
横山区党岔中学教师校本研修—教学设计
科目 信息 课题 Flash 动画制作之三
奥运五环的制作 授课教师 郭雪阳
教
学
目
标
1、熟悉 FLASH 制作中的关键性概念:元件;
2、完成奥运五环的制作以及文字的制作;
3、巩固 FLASH 制作中的重要动画形式:运动渐变动画。
教学
重点 奥运五环的制作
教学
难点 理解元件的概念
课前
准备
本课题教学共 1 课时
本节教学为第 课时
教
学
流
程
教学过程:
一、操作步骤 1:
1:打开 Flash 软件
“开始”菜单―――“程序”―――Flash MX 2004
2:元件的新建
在菜单栏中插入——新建元件,选择图形元件,并命名为 wh1,这里要制作奥
运五环中的一个环,其他的四个通过复制粘贴完成
方法:选择椭圆工具,并设置其线条颜色和填充颜色
注意:线条颜色根据五环的颜色设置,填充颜色设置为“无”。另外还可以设置
线条粗细
3:元件的复制
第一个五环完成后,用选择工具将其选中,然后再次通过插入——新建元件,
命名为 wh2,
将复制的 wh1 粘贴其中,并根据奥运五环颜色改变它的线条颜色
4:用同样的方法完成其他三个圆环
5:元件的新建(制作文字),命名为 wz
选择文字工具,设置其大小,字体,颜色等后在元件中输入“心系奥运放飞梦
想”
技巧:阴影文字的制作
选中该文字,按住 CTRL 的同时,拖动鼠标,将该文字复制,并将复制的文字换
一颜色,利用方向键将文字微调,实现阴影效果。
至此,元件制作完毕。
二、操作步骤 2:讲解元件的功能
三、操作步骤 3:
回到场景中
1:五环的运动
(1) 在图层 1 第一帧处,将五环 wh1,wh2,wh3,wh4,wh5 依次拖入场景中,并
根据奥运五环的造型构件好,此时,五个环是五个独立的个体,将五环
横山区党岔中学教师校本研修—教学设计
全部选中,通过修改——组合,将其组合成一个统一的整体。
(2)在图层 1 的 30 帧处,插入一关键帧,并将五环移动至某一位置(不同于
第一帧)
(3)构建动画,选中图层 1 第一帧,设置动画中间为“形状”
(4)实现奥运五环从高处落下运动。
2:文字的运动
(1) 新建图层 2,在图层 2 第一帧处,将制作好的元件 wz 拖入
(2) 在图层 2 的 30 帧处,插入一关键帧
(3) 在图层 2 第一帧处,将文字通过任意变形工具进行缩放,旋转
(4) 构建动画,选中图层 1 第一帧,设置动画中间为“形状”
(5) 实现文字旋转出现在场景中。
四、操作步骤 4
通过菜单栏中“控制”——“播放”,观看效果
实践:完成奥运五环以及文字的运动动画
五、教学反思
在上节课构建七巧板动画的基础上,引入了元件的概念,制作了奥运五环的动
画。学生的完成情况较好,但是对于如何正确使用元件,如:何时何处使用元
件,学生了解的还不是十分深刻,大部分只是在单纯的模仿教师的演示。
板
书
设
计
课
后
反
思
在上节课构建七巧板动画的基础上,引入了元件的概念,制作了奥运五环
的动画。学生的完成情况较好,但是对于如何正确使用元件,如:何时何处使
用元件,学生了解的还不是十分深刻,大部分只是在单纯的模仿教师的演示。
横山区党岔中学教师校本研修—教学设计
科目 信息 课题 Flash 动画制作之四
镂空文字 授课教师 郭雪阳
教
学
目
标
通过应用文本工具和创建遮罩层,当使用遮罩层,可透过文字看到被遮罩
的动态效果
教学
重点 理解遮罩层的含义
教学
难点 理解遮罩层的含义
课前
准备
本课题教学共 1 课时
本节教学为第 课时
教
学
流
程
教学过程:
一、操作步骤 1:
1:打开 Flash 软件
“开始”菜单―――“程序”―――Flash MX 2004
2:新建文档
3:新建元件
插入——新建元件。输入名称,行为选为“影片剪辑”。
二、操作步骤 2:
讲解元件影片剪辑与图形的区别。
三、操作步骤 3:
在元件影片剪辑中操作
在图层 1 第一帧处,选择工具箱中文本工具,在编辑区输入文字“心系奥运放
飞梦想”
四、操作步骤 4:
(1)新建图层 2,并将图层 2 拖到图层 1 的下面;
(2)在图层 2 第一帧处,绘制一个矩形,矩形大小可通过工具箱中任意变形工
具改变,并将其放在文字的左侧;
(3)在图层 1 的 30 帧处,插入帧,延长时间轴到第 30 帧;
(4)在图层 2 的 30 帧处,插入关键帧,并用选择工具将文字拖到文字的右侧;
(5)构建动画,选中图层 2 第一帧,设置动画中间为“形状”
五、操作步骤 5:
右击图层 1 的层名处,在快捷菜单中选择“遮罩层”
六、操作步骤 6:
回到场景中
从库中将该影片剪辑元件拖到场景中
横山区党岔中学教师校本研修—教学设计
七、操作步骤 7
通过菜单栏中“控制”——“测试影片”,观看效果
八、操作步骤 8
讲解遮罩层含义
实践:制作“镂空文字”动画效果。
九、教学反思:
遮罩层是 FLASH 图层中非常重要的图层,由于遮罩层的效果与实际对于“遮
罩”两字的理解正好相反,所以在讲解“遮罩层”概念时比较困难,通过对作
品的制作来逐步理解这个概念。理解这个概念非常重要,只有理解透彻,才能
举一反三。
板
书
设
计
课
后
反
思
遮罩层是 FLASH 图层中非常重要的图层,由于遮罩层的效果与实际对于
“遮罩”两字的理解正好相反,所以在讲解“遮罩层”概念时比较困难,通过
对作品的制作来逐步理解这个概念。理解这个概念非常重要,只有理解透彻,
才能举一反三。
横山区党岔中学教师校本研修—教学设计
科目 信息 课题 Flash 制作之五
引导层的使用 授课教师 郭雪阳
教
学
目
标
通过制作小球曲线运动的动画,学会正确使用引导层
教学
重点 通过引导层引导小球进行运动
教学
难点 引导层的正确使用
课前
准备
本课题教学共 1 课时
本节教学为第 课时
教
学
流
程
教学过程:
引入:
播放一段小球曲线运动的动画。
前一次课上,我们讲了遮罩层的使用,今天我们再来研究一下怎样使用运动引
导层,让小球进行曲线运动。
一:制作小球元件
1.使用新建元件工具,新建一个图形元件,命名为“小球 1”。在小球 1
的编辑界面,
2.使用椭圆工具画一小球。
3.再插入一个图形元件“小球 2”,制作方法与小球 1 相同。
二:制作路径元件
1.插入一影片剪辑元件,命名为“路径”,为两个小球创建运动路径。
2.将小球 1 元件拖到“路径”元件的图层 1 第一帧的地方。
3.添加运动引导层,在引导层的第一帧处,使用铅笔工具,为小球添加
一条曲线运动路径。并在 30 帧处插入一普通帧。
4.为小球 1 构建动画。在 30 帧处插入关键帧,创建补间动画。并在开始
帧与结束帧处将小球的中心点置与路径的两个端点。
5.在图层 1 处插入一新的图层,将小球 2 拖到新图层的第一帧处,并为
小球 2 构建动画,使其运动的方向与小球 1 相反。
三:测试动画
回到“场景”中,将制作完成的路径元件拖到场景中,通过“控制”菜单
的“测试影片”测试所做动画。
四:实践
尝试制作两个小球相对运动的动画,注意正确使用引导层。
横山区党岔中学教师校本研修—教学设计
五:教学反思
引导层也是 FLASH 中非常重要的图层,在以前制作的动画中,无论是运动
渐变还是形状渐变,动画都是无规则的动画效果,而有了引导层,制作动画时,
动画就会朝着制作者设定的路径进行运动,有利于制作出符合一定效果的动画。
板
书
设
计
课
后
反
思
引导层也是 FLASH 中非常重要的图层,在以前制作的动画中,无论是运动
渐变还是形状渐变,动画都是无规则的动画效果,而有了引导层,制作动画时,
动画就会朝着制作者设定的路径进行运动,有利于制作出符合一定效果的动画。
横山区党岔中学教师校本研修—教学设计
科目 信息 课题 Flash 制作之六
按钮元件的使用 授课教师 郭雪阳
教
学
目
标
学会在动画制作中正确使用按钮元件
教学
重点 制作按钮元件
教学
难点 在按钮元件中编辑添加动画
课前
准备
本课题教学共 1 课时
本节教学为第 课时
教
学
流
程
教学过程:
引入:
动画展示:用按钮来控制一段动画的播放。
在前面我们所做的动画的基础上,我们可以考虑加上一个按钮,简单的来
控制一下它的播放,今天我们就来讲讲有关按钮元件的制作。
一:制作按钮
1.使用新建元件工具,新建一个元件,类型为“按钮”。
2.进入到按钮元件的编辑界面,对按钮的四个状态进行编辑:在“弹起”
状态使用椭圆工具画上一个圆填充色为红色,在“指针经过”状态将按钮的填
充色变为绿色,“按下”状态时改为七彩色。
3.将按钮元件拖到场景中进行测试,按钮在指针经过及按下的不同状态呈现不
同的颜色。
二:使用按钮控制动画播放
双击库中的按钮元件图标,回到按钮元件的编辑界面。
添加一个新的图层,在按钮的“指针经过”状态,插入一个关键帧,然后把库
中已经做好的一个影片剪辑类型的元件拖到这一帧中。此影片剪辑类型的元件
为一段简单的文字变幻的动画。
三:测试动画
回到场景中,将按钮元件拖到场景中,通过测试影片,在指针经过按钮的时候,
相应的动画就会进行播放。指针离开按钮,动画就停止播放。
四:实践
利用上节课所学知识先制作一个影片剪辑类型的元件,内容为一段简单的动画。
然后新建一按钮元件,使用按钮来控制此段动画的播放。
横山区党岔中学教师校本研修—教学设计
五:教学反思
按钮是 FLASH 动画中三个比较重要的元件(影片剪辑,图象,按钮)之一,
按钮所起的作用是交互,制作者或使用者都可以通过按钮来控制动画的播放。
所以本节课就是在前面所做的动画的基础上,添加按钮来控制播放。
板
书
设
计
课
后
反
思
按钮是 FLASH 动画中三个比较重要的元件(影片剪辑,图象,按钮)之一,
按钮所起的作用是交互,制作者或使用者都可以通过按钮来控制动画的播放。
所以本节课就是在前面所做的动画的基础上,添加按钮来控制播放。
横山区党岔中学教师校本研修—教学设计
查看更多