横山区党岔中学教师校本研修—教学设计
科目 信息 课题 站点创建与首页制作 授课教师 郭雪阳
教
学
目
标
（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）保存网页
难点由教师深入讲解。
学生认真听讲，按要求保存自己的网页。
３．总结与评价
（１）引导学生进行总结，提问本节课的重点知识，反馈学生相关知识的掌握
情况。
（２）教师与学生共同评价
同学间相互检查作业，推荐优秀作品，展示给全班同学，表扬完成情况好的同
学与帮助他人的同学。
学生总结，并继续完成自己的主页，完成的同学做老师的小助手，辅导需要帮
助的同学。
设计意图：加强总结反馈，鼓励学生互帮互助。
板
书
设
计
课
后
反
思
横山区党岔中学教师校本研修—教学设计
科目 信息 课题 制作网站——表格布局网页 授课教师 郭雪阳
教
学
目
标
（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 课时
本节教学为第 课时
教
学
流
程
１．引入
展示两个主页，一个已经创建了链接，一个没有创建链接，让学生进行比较并
找出区别，引出本课课题——超级链接。
提出：我们在先前的学习中，哪个软件中的相关操作与它类似？什么是超级链
接？找一个例子，分析链接源和链接目标分别是什么？
学生展开交流，通过对比找出不同点，并积极思考，回答老师的问题。
设计意图：通过对比操作、交流，再辅以知识迁移，明确本节课教学内容。
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 动画中三个比较重要的元件（影片剪辑，图象，按钮）之一，
按钮所起的作用是交互，制作者或使用者都可以通过按钮来控制动画的播放。
所以本节课就是在前面所做的动画的基础上，添加按钮来控制播放。
横山区党岔中学教师校本研修—教学设计
微信/支付宝扫码支付