tceic.com
简单学习网 让学习变简单
当前位置:首页 >> 其它课程 >>

第4课 星光闪烁—— 用Flash动画完善首页 教案


八年级 信息技术备课教案
课题 (或 章节) 授课时间 课时分配 星光闪烁——用 Flash 动画完善首页 2015 年 2 月 14 日——18 日 1 课时 1.巩固选择表格对象的方法。 2.进一步学习设置表格对象的属性。 3.掌握在网页中插入 Flash 动画文件,并学会设置 Flash 动画的参数 的方法,以控制动画的播放效果。 4.能够灵活地在网页中使用文本。

5.初步认识并尝试使用辅助设计工具定位网页元素。 学生已经掌握基本的动画制作方法, 通过本课完成对原有知识的 巩固与积累,将所学知识点进行相互区分和相互关联,促进知识间的 横纵联系,便于知识的灵活运用。 掌握在网页中插入 Flash 动画,并设置其属性和参数。 培养学生经验的积累, 1. 调整表格 2.设置网页标题 3.设置网页背景 4.使用表格对页面布局
1..对逐帧动画的理解以及制作。 2.对图层的理解与应用。

知识与 技能 教学 三维 目标

过程与 方法 情感、 态度与 价值观

德育目标

教学重点

教学难点

3.位图与矢量图的理解。 4.形状渐变动画的原理及方法。 5.正确保存 Flash 动画的源文件与播放文件。

授课类型

新课型 教学过程: 第一课时

教学用具

电子教室软件、单元测试题 二次备课及反思

一、 复习巩固 【教师】1.站点的创建? 2.属性检查器的设置? 3.使用表格布局网页。 【教师】 :本课站点已经创建成功,网站的首页也设计完毕,一 个优秀的网站应该综合运用多种元素来增强网页的表现力,丰富文档 的效果,本课我们对表格进行调整,然后用“星光闪烁”的 Flash 动 画装饰首页。
1

学习了“图形元件”的制作,同学们

二、新课讲授 【教师】演示操作 (一)、调整表格 1、 打开 Dreamweaver8, 导入站点打开自己做的首页 index.html。 上节课我们为首页插入一个 2 行 1 列的表格,把标签选择器 <table>标签的属性值分别设置为宽:600,高:450,边框为:0,对 齐方式为:居中对齐。并为表格添加了背景图像。接下来我们将调整 表格的高度。 2、选择整个表格: 方法一、在表格内任意位置单击,然后在“标签选择器”中单击 <table>标签;也可以在单元格任意位置右击,在弹出的快捷菜单中 执行“表格”→“选择表格”命令。 方法二、选择某一单元格:按住 Ctrl 键的同时单击需要选中的 单元格;或者选中“标签选择器”中的<table>标签。 方法三、选择某一行或某一列:将光标移动到行左侧或列上方, 当鼠标指针变为向右或向下的箭头图标时,单击即可。 3、设置第一行属性 选中第一行,然后在“属性检查器”中设置第一行的高为 420, 使之与插入的动画大小一致。 表格通常有两种用途:一种是用于网页元素的精确定位,通过对 于表格的高度、宽度、比例等属性的调整控制来定位页面元素,达到 精确布局的目的;另一种是可以在网页中直接显示表格数据,当遇到 网页中有大量数据需要显示的时候,就可以使用表格数据来显示。 表格的高度和宽度还可以使用百分比的形式表达。此时表格的高 度和宽度是相对于页面的宽度和高度的比值。 (二)、在首页插入 Flash 动画 步骤 1.将光标放置在表格第一行中,执行“插入”→“媒体” → Flash 命令,或者按快捷键 Ctrl+Alt+F,在弹出来的“选择文件”对 话框中, 选择 other 文件夹中具有星光闪烁动画效果 index.swf 文件。 单击“确定”按钮后,插入的 Flash 动画并不会在文档窗口中显示内 容,而是以一个带有字母的 F 的灰色框来表示的。 步骤 2.在文档窗口单击这个文件 Flash 文件,在“属性检查器” 中设置它的属性。勾选“循环”复选框和“自动播放”复选框,使在 页面加载时就开始连续播放。 步骤 3.设置 Flash 动画的参数。插入 Flash 动画后,表格的背景 图片被遮住了,无法透过星光显示出来。我们需要把 Flash 的背景变 为透明。单击“属性检查器”中的“参数”按钮,在弹出“参数”对 话框中进行设置。

2

(三)、在网页中插入文本 1、插入普通文本 将光标放置在第 2 行作为输入文本的位置,直接输入 Enter。 2、插入特殊字符 执行→“插入” →“HTML” →“特殊字符” →“版权”命令, 即可插入版权字符。此时对首页进行预览时才能看到真正的版权符号 效果。 3、设置文本属性 在网页中创建了文本后,还需要对文本的属性进行设置,调整文 本的样式、字体、大小、颜色登属性。选中 Enter,使其成高亮状态, 在“属性检查器”中进行设置。 (四)、测试网页 保存网页文件,按 F12 键在浏览器中预览效果。 知识着陆; 调整表格之前,需要先选择表格对象,一般使用“标签选择器” 进行选择,然后在“属性检查器”中设置具体的属性。 三、学生上机操作,自主探究完成效果图

四、展示作品,评价交流 通过教师控屏软件随机选取学生机号,由学生自己点评作品,指 出缺点和优点。
3

五、课堂小结 1.熟练对表格的操作,能选择表格的行、列、单元格等。 2.在网 页中插入 flash 可以很好的表现动感。设置 flash 的相关属性。 3. 在网页中插入文本,并设置文本的属性。 第二课时 一、复习巩固 1.开发个人网站的步骤? 2.如何为网页进行布局? 3.插入表格及设置表格属性的方法? 二、案例展示及分析 【教师】展示本课案例,请学生讨论分析。 【学生】讨论分析 (1)首先新建 HTML 页面; (2)在页面属性中设置网页的背景图像; (3)插入 11 行 3 列的表格; (4)标题行要设置为合并单元格,添加标题字并居中 (5)设置<table>标签属性 (6)为网页添加内容 (7)保存并测试网页。 三、巩固练习,实践操作 同学们在业余生活中一定很喜欢看书吧。读书可以陶冶情操,开 阔视野,增长见识,正所谓“读万卷书,行万里路” , “腹有诗书气自 华” ! 我们为网站添加一个介绍中国古典名著的网页,命名为 ex11.html,保存到 d;//八年级()班/姓名/safe/other 文件夹中。 提示: 1.制作网页需要的素材在教师发送的桌面文件接受柜中,标题文 字由自己输入。 2.设置表格对象属性时,要考虑到页面大小及表格中文字的间。 效果图如下图所示:

4

板书 设计

一、 二、 三、 四、

星光闪烁——用 Flash 完善首页 调整表格 在首页插入 Flash 动画 在网页中使用文本 测试网页,按 F12 键

教学 反思

5


推荐相关:

Flash cs5随堂实习教案星光闪烁

Flash cs5随堂实习教案星光闪烁_其它课程_初中教育_...Flash CS5 课件 知识与技能:1.理解引导动画的概念...(4) 把第 20 帧的那个星星拖到大星星的一个角...


edu_ecologychuanke164959

适用人群 Flash CS4动画设计 目录(共1章)第1章 Flash...35 4-12 卡通挑战 4分钟 36 4-13 电视闪烁 4...75 8-10 星光文字 4分钟 76 8-12 跳跃文字 ...


教案-形状渐变动画

夜空,星光闪动,黄色星星的闪烁运用了 运动渐变动画。...的第一帧为 1、3、5、7) 教学反思 这节课设计...形状渐变动画教案 4页 免费 FLASH移动渐变与形状渐变...


教案模板

教案模板_其它课程_小学教育_教育专区。库尔勒市第六中学 2014-2015 学年下学期...第四课 星光闪烁——用 Flash 动画完善首页 1) 、学会表格的调整; 知识与 ...


flash教案 逐帧动画三(静夜思)

flash教案 逐帧动画三(静夜思)_其它课程_小学教育_...4)柳叶:用笔刷第二种形状第一种大小画枝条,用第...一、任务展示 动态过程状态截屏: 在闪烁星光下,...


如何提高Flash动画的教学效果

如何提高 Flash 动画的教学效果——浅谈在高校艺术类...星光绕着文字 边沿闪烁 教师讲授路径动幽定义及制作...若干个子项目组成,每个子项 目尽量在二至节课时...


flash制作闪烁的星光(元件)

帧和第 16——29 帧中任一帧,在舞台下端的 属性面板设置补间动画为:动作或者...用flash制作星光流动边框... 暂无评价 7页 免费 第4课 Flash的元件制作 5页...


flash动画我的梦想做法

尽量画小一点) 星光闪烁 插入新建元件,图形元件“星光闪烁” ,将“星光”元件...互联网搜索教案设计(我的... 9页 免费 想要下载精美的Flash动画... 4页 免费...


Flash动画制作综合实例

第14 章 Flash 动画制作综合实例 教学提示: Flash ...14.1 星光闪烁的特效实例 大家可以想像这样一种场景...控制动画鱼影片的实例 在这个练习当中,可以用个...


Flash项目实践(第三版)教学大纲

游戏公司等企业中 Flash 动画师岗位所需二 维动态媒体...理解场景的概念和使用; (4)掌握色调工具的使用方法...“星光闪烁”影片剪辑 案例 3:制作“交互式按钮”...

网站首页 | 网站地图
All rights reserved Powered by 简单学习网 www.tceic.com
copyright ©right 2010-2021。
文档资料库内容来自网络,如有侵犯请联系客服。zhit325@126.com