网页电子教案（65-74）.doc

2014－2015学年度第一学期《网页制作》课程电子教案
授课课题：工具的使用 授课教师：蒋红艳 NO： 33-34
授课班级
14春微机、14春商务
授课日期

授课类型
讲授、演示
学 时 数
4
教学目标
掌握矩形工具、选择工具、渐变填充工具的使用
教学内容
漓江烟雨背景绘制
重点难点
山的调整、渐变填充
教学方法
演示、讲解
学习方法
观察、实训
教学过程设计
备注（时间分配、个性修改等）
教学步骤
及
主要内容

一、 范例展示

二、任务分析
1、绘制山：矩形工具、绿色填充、选择工具调整成山形；
2、天空：矩形工具、蓝灰白渐变填充；
3、海：矩形工具、深蓝浅蓝渐变填充；
4、山的倒影：复制山、高度压缩、调整透明度、翻转

三、教师演示
1、新建flash空白文档；
2、选择矩形工具，锁定笔触，设置填充为绿色，在舞台绘制550像素的矩形；
3、使用选择工具，把矩形调整成山的形状；
4、使用渐变填充工具，调整山为线性渐变色，山顶为亮绿，山脚为暗绿；
5、绘制天空，把天空置于山的下一层；
6、绘制海水；
7、制作山的倒影：拖动复制山，再垂直翻转，高度压缩，转换成图形元件，设置为半透明；

课堂练习
绘制天空、山、海水

小结与作业

课堂小结

本课作业

本课教学后记（课堂设计理念，实际教学效果及改进设想）

教研组长签字： 年 月 日

2014－2015学年度第一学期《网页制作》课程电子教案
授课课题：渐变动画 授课教师：蒋红艳 NO： 35-37
授课班级
14春微机、14春商务
授课日期

授课类型
讲授、演示
学 时 数
6
教学目标
1、 掌握形状渐变动画的制作方法；
2、 影片元件的理解和制作
教学内容
下雨动画制作
重点难点
1、 波纹的制作；
2、 下雨场景的布置
教学方法
演示、讲解
学习方法
观察、实训
教学过程设计
备注（时间分配、个性修改等）
教学步骤
及
主要内容

二、 范例展示

二、渐变动画的制作方法
初始状态帧、结束状态帧、创建补间
例：匀速运动的小球

二、任务分析
1、雨滴下落动画
2、波纹扩散动画
3、场景布置

三、教师演示
1、线条工具绘制白色短竖线；
2、转换为影片元件，双击进入元件内部；
3、图层1：第10帧，关键帧，拖动雨滴至舞台下方，在1至10帧之间创建补间形状；
4、图层2：第10帧，绘制白色无填充椭圆，25帧插入关键帧，第10帧椭圆设置为3，拖至雨滴正下方；25帧雨滴设置透明，拖到雨滴正下方；10至25帧之间创建补间形状；
5、图层3：制作图层2第10至25帧，粘贴至图层3第17帧，删除多余帧；
6、返回场景1，延长动画至500帧，新建10个图层，每个图层依次间隔5帧放入雨滴元件，使各雨滴匀均的滴落在湖水中；
7、测试动画

课堂练习
制作下雨动画

小结与作业

课堂小结

本课作业

本课教学后记（课堂设计理念，实际教学效果及改进设想）

教研组长签字： 年 月 日