第4课 星光闪烁——用Flash动画完善首页 教案
一、 教材分析:
本课《星光闪烁》选自信息技术八年级下册(彩色版)【清华大学出版社】第四课的内容。本课是综合运用多种元素来增强网页的表现力,丰富文档的显示效果。在Dreamweaver 中,可为网页添加Flash动画、Java小程序、音频播放插件等内容。
二、 教学目标:
1.学会表格的调整。
2.学会怎样插入Flash动画,设置其属性和参数;
3.通过用Flash动画修饰网页,使其更加美观,从而培养学生的审美意识,增强学生的学习兴趣。
4.让学生自主学习,培养他们的自学能力和探究、创新能力。
教学重点:
调整表格和在网页中插入Flash动画,并设置相关属性。
教学难点:
插入flash动画并设置Flash动画的属性。
教学用具:
多媒体网络教室。
教学方法:
任务驱动法、演示法、自主探究学习法
时间安排:
(2课时)第1课时
三、教学过程:
1、情境导入 :(Flash动画网页欣赏)
对于一个网页,信息的表达是多种多样的,我们可以使用文字、图片等,我们也可以为网页添加动画、音频、视频等,为了让我们的网站看起来有动感,吸引别人的眼球,我们应该学会在网页中使用Flash。这节课我们就来一块学学怎么在网页中使用Flash动画。(导入课题)
2、出示学习目标:
①学会表格的调整;
②能在首页中插入Flash 动画,并对其相关属性进行设置。
3、新课讲授
打开站点“安全自护我能行”
调整表格 (让学生打开书 第 23 页,阅读 “智多星”。)
任务1:选择对象
表格、行、列、单元格属性的设置是以选择这些对象为前提的。
(a)在表格内任意位置单击,然后在“标签检查器”中单击
标签;也可在单元格任意位置右击,在弹出的的快捷菜单中执行“表格”——“选择表格”命令即可。
(b)选择某一单元格:按住Ctrl键的同时单击需要选中的单元格;或者选中“标签选择器”中的标签。
(c)选择某一行或某一列:将鼠标移动到行左侧或列上方,当鼠标指针变为向右或向下的箭头时单击即可。
[学生打开lx.html操作练习,教师巡视辅导(如果是做得好的学生,请学生操作演示)]
任务2:设置第一行属性
为了插入Flash动画,我们要对第一行的属性进行设置,使之与Flash动画的大小一致。首先选中第一行,然后在“属性检查器”设置它的高度为420像素。我们表格的宽度为600像素,高度为450像素,因此第二行的高度自动改为30像素。
[学生实践练习,教师巡视辅导]
任务3:在首页插入Flash动画
我们已经做好插入动画之前的准备,下面我们就来插入Flash动画。插入Flash动画的步骤如下:
第一步:将光标放置在第一行中,进行“插入”——“媒体”——“SWF”命令,或按快捷键Ctrl+Alt+F,在弹出的对话框中,选择other文件夹中index.swf文件单击“确定”就插入好了Flash动画,但它不会在文档窗口中显示内容,而是以一个带有字母F的灰色框来表示。
第二步:选择这个Flash文件,在“属性检查器”
|