重庆西师版小学信息技术五年级下教案新部编本全
-
教师学科教案
[
20
–
20
学年度
第
__
学期
]
任教学科：
_____________
任教年级：
_____________
任教老师：
_____________
xx
市实验学校
育人犹如春风化雨，授业不惜蜡炬成灰
课
题
教学时间
活动任务
第一单元我的个人主页
第
1
课
我的第一个网页
1
课时
1
、
认识<
/p>
frontpage,
了解它的界面
2
、
制作一张文字网页
3
、了解什么是网页，它的含义
1
、
完成活动任务
2
、
激发学生学习兴趣
3
、
鼓励学生自主探索学习和小组协作学习的能力
重难点：网页的保存和预览
任务驱动法、自主探索学习法、反馈矫正法、互助协作学习法
教材配套素材包，多媒体教室和网络演示平台
教学目标
重、难点
教学方法
教具学具
学过程
一、引入
：
同学们都非常喜欢上网，喜欢网上
的游戏、音乐、电影、动画等等，那么大家真的
了解网络吗？每次玩游戏的时候你打开的
有趣的网站你知道他是怎么做出来的吗？那么就
和我一起来探索这其乐无穷的网络世界吧
。
介绍：什么是
WEB
介绍：什么是网页、网站，它们的区别。
（可先打开各种不同类型的网站调动学生学习主动性）
不管是做网站还是网页，都需要用到专门的制作工具，这就是我们本学期将要学到的
一个新工具：
frontpage2003.
，今
天我们要做一张网页
让我们一起来认识它。
二、新课教学：
教师演示
1
、
启动
frontpage2003
2
、
认识<
/p>
frontpage2003
的工作环境
（讲解中可结合视频演示）
3
、
制作文字网页
（
1
）
请同学们仔细观察
front
page
的工作界面，
看看与
word
有什么相同和不同。
教师：原来在<
/p>
frontpage
里输入文字和
wor
d
是一样的，好吧，大家可以输入你想说
的一句话，同学们，你
的网页就要完成了，大家开始干吧。
（生输入任意文字，
先做好的学生可让其充当小老师帮组其他同学，
帮会一个学生
有加分）
4
、网页保存
教师：
好了，大家都把要说的话录入完毕了，现在我们要把这张网页保存起来，因为只
有保存起
来，这张网页才算真正的完成。
保存的时候，请大家一定要记
好：请把你做的这一张网页文件名改为：
动手吧
（
个别学生提问
:
为什么不能取自己想取的名字呢。教师可做解释
）
育人犹如春风化雨，授业不惜蜡炬成灰
5
、网页预览
好了，
大功告成，
我们自己动手的第一张网页就做好了，
下面我们来看看它到底是个什
么样子。我们现在需要在
IE
浏览器里看看它的样子。
演示：
选择“文件”菜单中的“在浏览器中预览”
下的“<
/p>
microsoft internet explorer 6.0
”
，
这样，就可以在
IE
中打开刚才制作的网页了。怎么样，你的是不是这个样子呢？
（有个别学生还会发现另一种更方便的预览方式，即：软件视图工具栏中的“预览”
，
可请学生上台介绍）
问题：
可能会有学生想修改文字内容，但不会，这时老师可做补充：
我们可通过
视图工具栏
上的设计标签切换到文字录入模式，进行文字的修改。
小结：
1
、你发现
frontpage
工具栏上
的按钮和
word
有什么异同了吗？
2
、通过
自己的努力，你学会什么，自己发现了什么？哪些还没弄懂？
（没弄懂的由老师进行辅导，时间不够则放在下节课解决）
本课反思或总结：
课
题
教学时间
活动任务
教学目标
1
、对网页文字能进行美化
2
、熟悉网页中文字的基本设置
3
、了解水平线的作用
重点：对文字的基本设置
难点：水平线设置
任务驱动法、自主探索学习法、教师演示、互助协作学习法
教材配套素材包，多媒体展示平台
1
学会设置网页中的文字
2
在网页中插入水平线
第
2
课
让网页漂亮起来
1
课时
重、难点
教学方法
教具学具
教学过程
一、新课引入
我们的第一个网页在上
节课已经大功告成，
想必大家很兴奋，
今天，
< br>让我们来为自己动
手制作的网页进行一些简单的美化，让它更漂亮。
首先请同学们启动
frontpage
（提示大家启动的方式）选择文件菜单中的“打开”
，找到
育人犹如春风化雨，授业不惜蜡炬成灰
上节课你保存的作品。
（此环节也是
一个复习的环节，可让学生自己完成，如果存在问题，可由老师演示）
二、新课教学
为了让我们的网页更生
动漂亮，
下面我们来对文字进行一些设置，
只需简单的设置，<
/p>
你
的网页就会完全不一样了。来，一起来看看我们的电脑小博士是
怎么操作的。
播放教学视频
看完请学生思考：这个
操作的步骤有没有同学能回忆起我们曾在哪儿学过？
（学生思
考回答，教师提示，进行知识迁移的训练。
）
原来，
frontpage
和
word
真是一对兄弟，它们的界面不禁相似，连操作都差不多。请大
< br>家试着来为你网页中的文字进行一番美化吧。
教师提示：可参考书中的步骤，也可自己进行设置。
完成后提问：你还发现另一种更快捷的设置方式了吗？
学生发表见解，教师补充
小结：我们可以用这种方法对网页中的其他文字进行设置。
插入修改水平线
< br>在网页制作过程中，
为了使网页条理清晰，
美化网页，<
/p>
我们可以在标题和正文之间插入
一条水平线。就像这样（演示水平
线）
请大家结合书中的第
3
步自己来完成水平线的插入。
教师：水平线也是可以美化的，请大家到书中寻求方法。
（指定小老师，和教师本人一起其他学生。
）
保存网页
挑战：
建立一个新网页，输入五首唐
诗或者宋词，按照自己的喜好设置字体、字号、颜色。
本课反思或总结：
课
题
教学时间
活动任务
教学目标
重、难点
教具学具
第
3
课
让网页有声有色
1
课时
1<
/p>
、学会设置网页的背景颜色和背景图片
2
、学会给网页设置背景音乐
完成活动任务
重点：网页背景图片和颜色的设置
教材配套资源包，多媒体展示平台
育人犹如春风化雨，授业不惜蜡炬成灰
教学过程
一、
复习
复习文字设置的方法，可让学生演示，或提问
二、
新课教学
同学们，
大家都还记得当你打开那个熟悉的
4399
网页时，
上面充满了各种美妙的音乐，
游戏还有好看的色彩，这些网页是怎么做出来
的呢？今天我们就要给自己的网页来配配色，
插入一首音乐，让我们的网页有声有色，愿
意一起来做吗？好，我们开始吧！
1
、给网页设置背景音乐
出示一张做好的配有音乐的网页让学生实际感受
打开上节课做好的网页
教师演示设置背景音乐的方法
提示：
将相关音乐文件放入网络素材包，让学生自由选择自己喜欢的音乐文件。
预览一下，你的网页有声音了吗？
（期间可安排小老师及教师本人巡回指导）
2
、设置背景颜色和图片
网页有声了，怎么让它有色呢？让我们一起来看看电脑小博士
是怎么做的
（观看教学视频，
）
请同学们
2
人为一组参考教学视频内容和书中的步骤共
同来完成颜色和图片的设置，
（
2<
/p>
人为小单位，可边做可讨论，教师指导）
图片素材已经准备好，学生可访问素材包来获取
教师解疑：
（
1
）
如何将图片设为背景？
（
2
）
“水印”效果是什么意思？
（
3
）除了用现成的图片，还能自己制定一种喜欢的颜色吗？
以上可由教师演示，学生示范来解决
试一试：
网上有很多可爱的动画
GIF
图片，请大家试试
到网上去下载这样的动画文件来做你的
背景图片，看看有何效果？
（讲解如何搜索下载
GIF
图片）
完成我的记录
本课反思或总结
育人犹如春风化雨，授业不惜蜡炬成灰
课
题
教学时间
活动任务
第二单元让你的网页充满动感
第
1
课在网页中插入图片
1
课时
1
了解图片在网页中的作用
2
学会在
frontpage
中插入图片
1
、掌握打开网页的方法
2
、会在网页中插入图片
,
并对图片进行简单设置
3
、熟悉根据路径找到文件的方法
重点：图片的插入
难点：图片的设置
任务驱动法、自主探索学习法、教师演示、互助协作学习法
教材配套素材包，多媒体展示平台
教学目标
重、难点
教学方法
教具学具
教学过程
一、新课引入
我们的网页在同学们的
小手的控制下
,
已经变得很漂亮了
,<
/p>
从今天开始我们，进入第二单
元的学习，让我们的网页充满动感。
二、新课教学
为了让我们的网页更生动漂亮，我们首先要为我们的网页加上漂亮的图片让它图文并
茂。孩子们，我们学习过
word
，请那位孩子来告诉老师，在
word
里，是怎样插入图片的。
请一
位同学当一当小老师，我们一起来回忆一下。
在
word
中，我们插入图片的方法是点击插入菜单，选择图片，然后选择来自
文件。这
种方法，在我们网页制作中适不适用呢？请孩子们打开你们的网页试试。看在<
/p>
word
里适用
的方法，在网页制作中适
用吗？
（学生尝试自主探索方法）
这种方法行吗？（行）
frontpage
和
word
真不愧是一对兄弟，许多操作都有它们的共同<
/p>
之处。其实，计算机软件都有一个很大的特点，就是，如果我们要在文件里插入新的东东，
只要点击“插入”菜单，就会有许多惊喜等着我们。
有了图片，我们还可以对图片进行许多设置，包括调整图片大小，给图片加镜框，移动
图片位置等设置，怎么才能完成这些操作呢？打开你的书本到
11
页，在书这个聪明的小伙
伴的帮助下，试一试。
学生参考教材内容，对图片进行简单设置。
< br>同学们都很能干，
大部分同学都能对自己的图片进行简单设置，
< br>让我们根据电脑小博士
的操作提示，一起来温习一下在
f
rontpage
中插入图片设置图片的方法。播放教学视频。
从电脑小博士的操作中，我们可以知道，只要找对了图片的路径，在我们的网页中就可<
/p>
以插入自己喜欢的图片了。根据今天的教学内容，你可以完成以下操作吗？
将照片的位置挪动到网页左上角
在网页中插入二到三张图片，将它们排得更漂亮。
学生尝试试一试的内容。
让我们来看
看，经过同学们的妙手，你的网页有没有插入漂亮的图片。展示学生的作
品。
本课反思或总结：
育人犹如春风化雨，授业不惜蜡炬成灰
课
题
教学时间
活动任务
第
2
课网页舞动的文字
1
课时
1
能熟练使用滚动字幕来增加网页效果。
2
能使用动态
HTML
效果变换文字效果。
1
、
掌握在网页中插入滚动字幕的方法。
2
、会对字幕属性时行简单设置
3
、掌握动态
HTML
效果在网页正文中的应用。
重点：滚动字幕的插入与设置
难点：
动态
HTML
效果的应用。
任务驱动法、自主探索学习法、教师演示、互助协作学习法
教材配套素材包，多媒体展示平台
教学目标
重、难点
教学方法
教具学具
教学过程
一、新课引入
同学们，在浏览别人网
站时，经常都可以看到一些特殊的效果，如舞动文字，随机应变
的文字等，今天，就让我
们一起走进
Frontpage
世界，让我们的网页中添加上舞
动的文字。
二、新课教学
在
frontpage
中，我们可以添加上滚动
的文字。怎样添加呢？今天，我们考一考大家对
教材的自学能力，请孩子们打开教材
19
页，给大家五分钟时间，自学第一节内容，边看，
边想，在这一节内容中，包含几个操作要点？
学生自学教材。
请一位会看书的孩子
来告诉老师，
在插入滚动字幕的操作过程，
我们应该注意几个操
作
要点，并板书：
插入菜单——
WEB
组件；
动态效果——字幕
字幕的属性设置：
如字幕的文字，速度，出现方式，重复次数，背景颜色，大小，出来
方向等设置。
有了操作要点，孩子们，你能根据，黑板上提示的操作要点，在你的
网页中插入一幅你
喜欢的滚动字幕吗？
学生根据操作要求进行尝试操作。
看
来，同学们的自学能力确实不错，请两位小朋友，将你的自学成果展示给大家看看。
请学
生演示操作，并大声说一说，你的做法。
插入的字幕究竟有没
有在滚动呢？让我们选择预览视图来看看成果。
有了滚动文字
，
我们的网页一下就增加了许多的动感。
其实，
frontpage
还可以为文字变
魔术，我们鼠标移
上去，文字的颜色就会改变，鼠标移走又会变回原来的颜色。
（展示有动
态
HTML
效果的网页）
想学这个魔术吗？让我们看看电脑小博士是怎么做的。
播放教学视频。
看了电脑小博士的讲解，你有什么疑惑吗？
学生提出在这一操作上存在的困难，教师适时解疑。
小小魔术师们，根据电脑小博士的提示，用你的小手，在你的网页上变一变文字变色
小魔术。
育人犹如春风化雨，授业不惜蜡炬成灰
学生尝试动态
HTML
效果的设置。
拓展：
字幕的属性有许多设置，请大
家打开你的字幕属性里，看看，为日后特殊字幕的设置
打下良好的基础。
本课反思或总结：
课
题
教学时间
活动任务
第
3
课更多的炫酷效果
1
课时
1
了解网页中的行为。
2
会使用
Frontpage
中的行为制作弹出消息
和交换图片。
1
、掌握制作弹出消息的方法。
2
、知道
onclick
< br>的含义。
3
、会利用交换图形
的方法，改变鼠标指向时的图片。
重点：弹出消息的制作
难点：行为中交换图片的应用。
任务驱动法、自主探索学习法、教师演示、互助协作学习法
教材配套素材包，多媒体展示平台
教学目标
重、难点
教学方法
教具学具
教学过程
一、复习引入
孩子们，我们在上一节
课同大家一起变了一个小魔术，有哪个孩子能告诉老师，是怎样
变这个魔术的吗？应用了
哪个菜单？
学生演示动态
HTML<
/p>
效果的设置方法。
根据孩子的操作，引入格式下的“行为”菜单。
格式中的“行为”菜单，可以为我们网页中制作许多的炫酷效果，今天，就让我们更
< br>进一步走进“行为”菜单，看看，在“行为”菜单中，我们可能制作哪些效果。
二、新课教学
首先，我们来看看利用
“行为”菜单为标题添加弹出消息的方法：
我们打开书本
15
页，一起来读一读，弹出消息的设置。
教师同学生一起通过读教材，领悟书本知识的操作要点。
光说不做，可不行，我们一起读了这段文字，大家理解到了？知道在我们的网页里为标
题添加弹出消息的方法了吗？现在落实行动，
打开我们保存的网页，<
/p>
为我们的网页标题上添
加弹出消息。
学生尝试操作。教师巡视指导。
请学生演示操作。并说一说，他是怎样做的。
如果我们要让这个弹出消息只有在我们单击鼠标时出现，
该怎么做呢？先让我们
来认识
两个专业词语：
onmouseover
，它的意思是当鼠标放在上面时，
onclick
，它
的意思是在按鼠
育人犹如春风化雨，授业不惜蜡炬成灰