您现在的位置:manbetx正规大网 >>优秀教案

让网页“动”起来

时间:2017-09-05 作者:admin 来源:本站 次浏览 分类:优秀教案

 

6 让网页“动”起来

教学目标:

[认知目标]

    了解网页布局的重要性。

[能力目标]

    1. Frontpage中插入flash动画。

    2. 学会在表格中插入表格。

[情感目标]

    培养学生制作网页时的条理性。

教学重点:

    在网页中插入flash 动画并进行设置。

教学难点:

    1. 预览编辑时的flash 动画。

    2. 对网页的整体布局。

教学准备:

    电脑教室、制作本课所需的素材。

教学方法:

    任务驱动法、讲授法。

    时:1课时

教学过程:

教学环节

教师活动

学生活动

设计意图

创设

情景

 

导入

新课

    1.展示二个网页:一个有flash动画,另一个没有flash动画。

    2.提问:看了这二个网页你更喜欢那一个,为什么?

     3.讲述:第二个网页与我们以前所制作的网页相比,增加了flash动画,这样就更能吸引我们的注意力。这节课就让我们在网页中插入flash动画,让网页起来。

    1.观看网页

    2.说说自己的感受和想法

 

 

 

    通过对比导入,唤醒学生对美的意识,激发学生学习欲望

 

制作

网页

上部

【讲述】:以前,我们在网页中插入了图片”“表格”“艺术字,那同学们能不能根据以前知识完成如下内容。

    1. 插入表格111列)

对齐方式

居中

     宽度

780像素

边框粗细

0

背景图片

Top.jpg

    2.插入艺术字”-------“flash动画并设置艺术字

    1 根据要求完成表格的插入和设置

    2.完成艺术字的插入和设置

 

 

 

 

 

    自主完成任务,有利于巩固新学知识

制作

网页

中部

【讲述】:刚才,同学们都完成的很好,那你们能不能根据如下要求完成表格2和表格3的插入和设置。

【任务一】:插入表格211列)

对齐方式

居中

宽度

780像素

高度

350像素

背景和边框颜色

白色

【任务二】:插入表格312列)

    1. 插入表格31行二列)并设置属性

对齐方式

居中

宽度

88

高度

320像素

边框粗细

0

 

    2.插入图片“tree.gif”

    3.设置表格31列的属性

垂直对齐方式

相对底边居中

宽度

120像素

【指导】:在表格3的第2列插入flash动画并设置动画属性

    步骤:插入”-(“图片”-(“Flash影片

【讲解】:刚才同学们都插入了Flash动画为何没有播放?请看大屏幕

【演示】:

    、右击插入的flash动画,选择播放flash影片命令

    、单击预览按钮,播放flash动画

    根据要求完成任务一

    根据要求完成任务二

根据老师的讲解练习插入flash动画并设置其属性

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

     以任务和讲授想结合,提高学习的积极性,同时老师的讲授有利于重难点的突破

 

【讲述】:网页的上部和中部的制作已经完成,下面我们一起来完成网页下部的制作

    1.插入表格4并设置其相关属性

对齐方式

居中

宽度

778像素

高度

88℅

边框粗细

0

背景图片

Down.gif

【演示】:设置段落格式

对齐方式

居中

文本之后

100px

    2.设置单元格属性和输入相关信息

    完成表格的插入及其设置

 

 

 

 

 

 

 

 

    完善网页,激发学生对设计网页的整体美化

拓展

练习

    完成跟着做的同学,练习试一试

未完成的同学,继续做跟着做

    完成练习

    巩固所学知识

    根据本节课的学习情况,来自评一下学习情况

    学生自评

    对自己的学习正确定位

Copyright © 2015 万博亚洲All rights reserved.   技术支持:安徽聚拓信息科技有限公司
电话:0551-67698451 地址:合肥市新站区文忠路与学林路交口向西200米  皖ICP备15022883号 公安机关备案号:34019002600147