电子工业版五年级信息技术5册教案第6课 让网页“动”起来

网站工作室

第6课 让网页“动”起来
教学目标：
[认知目标]
    了解网页布局的重要性。
[能力目标]
    1. 在Frontpage中插入flash动画。
    2. 学会在表格中插入表格。
[情感目标]
    培养学生制作网页时的条理性。
教学重点：
    在网页中插入flash 动画并进行设置。
教学难点：
    1. 预览编辑时的flash 动画。
    2. 对网页的整体布局。
教学准备：
    电脑教室、制作本课所需的素材。
教学方法：
    任务驱动法、讲授法。
课    时：1课时

网站工作室

教学过程：

教学环节	教师活动	学生活动	设计意图
创设 情景 导入 新课	1.展示二个网页：一个有flash动画，另一个没有flash动画。     2.提问：看了这二个网页你更喜欢那一个，为什么？      3.讲述：第二个网页与我们以前所制作的网页相比，增加了flash动画，这样就更能吸引我们的注意力。这节课就让我们在网页中插入flash动画，让网页“动”起来。	1.观看网页     2.说说自己的感受和想法	通过对比导入，唤醒学生对美的意识，激发学生学习欲望
制作 网页 上部	【讲述】：以前，我们在网页中插入了“图片”“表格”“艺术字”，那同学们能不能根据以前知识完成如下内容。     1. 插入表格1（1行1列） 对齐方式 居中      宽度 780像素 边框粗细 0 背景图片 Top.jpg     2.插入“艺术字”-------“flash动画”并设置“艺术字”	1、 根据要求完成表格的插入和设置     2.完成艺术字的插入和设置	自主完成任务，有利于巩固新学知识
制作 网页 中部	【讲述】：刚才，同学们都完成的很好，那你们能不能根据如下要求完成表格2和表格3的插入和设置。 【任务一】：插入表格2（1行1列） 对齐方式 居中 宽度 780像素 高度 350像素 背景和边框颜色 白色 【任务二】：插入表格3（1行2列）     1. 插入表格3（1行二列）并设置属性 对齐方式 居中 宽度 88％ 高度 320像素 边框粗细 0     2.插入图片“tree.gif”     3.设置表格3第1列的属性 垂直对齐方式 相对底边居中 宽度 120像素 【指导】：在表格3的第2列插入flash动画并设置动画属性     步骤：“插入”-(“图片”-(“Flash影片” 【讲解】:刚才同学们都插入了Flash动画为何没有播放?请看大屏幕 【演示】:     ⅰ、右击插入的flash动画，选择“播放flash影片”命令     ⅱ、单击“预览”按钮，播放flash动画	根据要求完成任务一     根据要求完成任务二 根据老师的讲解练习插入flash动画并设置其属性	以任务和讲授想结合，提高学习的积极性，同时老师的讲授有利于重难点的突破
	【讲述】：网页的上部和中部的制作已经完成，下面我们一起来完成网页下部的制作     1.插入表格4并设置其相关属性 对齐方式 居中 宽度 778像素 高度 88℅ 边框粗细 0 背景图片 Down.gif 【演示】：设置段落格式 对齐方式 居中 文本之后 100px     2.设置单元格属性和输入相关信息	完成表格的插入及其设置	完善网页，激发学生对设计网页的整体美化
拓展 练习	完成“跟着做”的同学，练习“试一试” 未完成的同学，继续做“跟着做”	完成练习	巩固所学知识
评 一 评	根据本节课的学习情况，来自评一下学习情况	学生自评	对自己的学习正确定位