最新青岛版小学五年级下册信息技术教案全册精编版
-
2
0
2
0
年
青
岛
版
小
学
五
年
级
下
册
< br>信
息
技
术
教
案
全
册
精
编
版
精品好文档，推荐学习交流
第一课
网页
DIY
快车
学习目标：
1
、认识
Frontpage2000
窗口。
< br>
2
、学会在网页中输入文字。
3
、学会保存网页。
教学中难点：学会在网页中输入文字。
教学过程：
同学们一定都非常喜欢上
网，为什么呀？因为网上有丰富多彩的信息，除了有文
字，还包含图片、声音、动画和影
片等。如果让我们自己也来制作一个网页，那
么应该在这之前把这些素材都准备好，并把
它们都存放进一个专门的文件夹中。
好了，一切准备就绪！让我们一起来创建一个属于自
己的网页！
一、开启网页快车
步骤：单击任务栏上的“开始”按钮，光标指向“程序”菜单中的
M
icrosoft Front
page,
单击。也可以将其发送到桌面上。
二、
Front
page
窗口的组成
有标题栏、菜单
栏、常用工具栏、格式工具栏、视图栏、状态栏、编辑区等七部
分组成。
三、网页的保存
步骤：
仅供学习与交流，如有侵权请联系网站删除
谢谢
19
精品好文档，推荐学习交流
1
、单击常用工具栏上的“保存”按钮。
2<
/p>
、在“另存为”对话框的“保存位置”栏中选择网页要保存的位置，系统会根据你输
入的首行文字自动设置“网页标题”，如果对这个标题不满意，可以单击“更改”按钮
重新进行设置。
3
、
在“文件名”框中输入文件名，“文件类型”为“
web
页”，
最后单击“保存”按钮。
四、与
Fr
intpage2000
说
Bye-bye
< br>步骤：但既“文件”菜单，选择“退出”命令，就退出
Frintpage200
0
了。
学生练习：涛涛的网页、小青岛
教学反思：
学生对信息技术可很感兴
趣，注意引导学生学会在网页中输入文字。
第二课
文字大变身
学习目标：
1
、打开一保存的网页。
2
、学会设置网页中文字的字体和颜色。
3
、学会预览网页效果。
教学中难点：学会设置网页中文字的字体和颜色。
仅供学习与交流，如有侵权请联系网站删除
谢谢
19
精品好文档，推荐学习交流
教学过程：
一、请出“老朋友”
步骤：
1
、
打开
Frintpage2000
窗口，单击“文件”菜单，在
单击“打开”命令。
2
、谈出“打开
文件”对话框，在“查找范围”框中找到涛涛网页文件夹，选中文件，
单击“打开”按钮
，上节课制作的网页就被打开了。
二、对网页中的文字进行修饰
步骤：
1
、
选中要修饰的文字，单击“格式”菜单中的“字体”命令。
2
、在弹出的“字体”对话框中设置字体、字型、大小和颜色，在单击“确定”按钮。
用同样的方法修饰其他文字。
注：为了使
网页的文字在连接到因特网上的其他计算机上也能顺利显示，建议大
家最好只是用黑体、
楷体、宋体、仿宋体等常用字体。若要是用其他比较特殊的
字体，可以将它们做成图片，
再是用“插图”命令将它们置入。
三、文字“通关考”
步骤：
1
、选中网页中需要修饰的文字。
<
/p>
2
、利用工具栏上的相应按钮对文字进行修饰。
< br>
学生练习：左对齐、加粗、居中、倾斜、右对齐、下划线的符号。
仅供学习与交流，如有侵权请联系网站删除
谢谢
19
精品好文档，推荐学习交流
四、让文字变得更美观
步骤：
1
、
选中文字，单击菜单栏上的“格式”，在单击“段落”命令。
2
、在“段落”对话框中设置段落的“对齐方式”为“两端对齐”，行距为“双倍行距”
，首
行缩进
18
磅，单击“确定”按钮
。
3
、设置好段落格式的网页效果如
下图所示。
五、网页效果看得见
<
/p>
步骤：单击窗口下方的“预览”标签，预览一下网页效果。预览完毕，如果发现什么
问题，可以在单击“普通”标签，返回编辑界面继续进行修改。学生练习：课后
1
、
2
体。
教学反思：
为了使网页的文字在连接
到因特网上的其他计算机上也能顺利显示，
建议大家最好只是用黑体、楷体、宋体、仿宋
体等常用字体。
第三课缤纷新世界
学习目标：
1
、学会插入水平线。
2
、学会设置网页背景。
3
、学会套用“主题”。
教学重难点：学会设置网页背景。
仅供学习与交流，如有侵权请联系网站删除
谢谢
19
精品好文档，推荐学习交流
教学过程：
一、插入水平线
在制作网页的过程中
，为了使网页条理清晰，通常在标题与正文之间插入一条水
平线，水平线的颜色、粗细可
以自由设置，插入水平线也可以美化网页。
步骤：
1
、
打开上节保存文档，将光标定位到标题与正文之间的空行上。单击“插入”菜单
中的“水
平线”命令，网页中就插入了一条水平线。
2
、双击水平线，弹出“水平线属性”对话框，为水平线设置适合的宽度、高度、对
齐方式和颜色，单击“确定”按钮。
二、给网页穿上漂亮的外衣
步骤：
1
、
单击“格式”菜单，选择其中的“背景”命令。
2
、在弹出的“网页属性”对话框中勾选“背景图片”，单击“浏览”按钮，在弹出的“选< p>
择文件”对话框中选择好背景图片，单击“确定”按钮，返回“网页属性”对话框，在单< p>
击“确定”按钮。
3
、瞧，网页北京设置好了。漂亮吗？
三、我的网页主题
步骤：
1
、
单击“格式”菜单，在单击“主题”命令。
仅供学习与交流，如有侵权请联系网站删除
谢谢
19
精品好文档，推荐学习交流
2
、在弹出的“主题”对话框中选择“秋叶”主题，单击“确定”按钮。
3
、条用“秋叶”风格主题背景后，网页呈现的效果如下图所示
。
用你已经掌握的知识继续修饰网页
步骤：
1
、
对网页的标题条用“标题
1
”格式，方法是：将光标定位到标题
文字处，在格式
工具栏中选择“标题
1
”格式。
2
、对剩下的文字套用“标
题
4
”格式，保存你做的修改。
学生练习：课后
1
、
2
题。
教学反思：
在设置网页背景时要注意选材要与内容吻合！
第四课
在线图画展
学习目标：
1
、学会在网页中插入剪贴画。
2
、学会插入来自文件的图片。
3
、学会设置图片格式。
4
、学会制作“自动缩略图”
教学中难点：学会在网页中插入剪贴画和来自文件的图片。
教学过程：
仅供学习与交流，如有侵权请联系网站删除
谢谢
19
精品好文档，推荐学习交流
一、插入剪贴画
1
< br>、打开“涛涛的画展”，迥光标定位在要插入剪贴画的位置。单击“插入”菜单“图片”
< br>子菜单中的“剪贴画”命令。
2
、在弹出的“剪贴画库”对话框中选择剪贴画的类别。
3<
/p>
、单击你喜欢的剪贴画，在弹出的工具菜单中选择“插入剪辑”按钮，将剪贴画插
图网页中，调整好他的大小和位置。
4
、单击工具栏上的“保存”按钮，弹出“保存嵌入式文件”对话框，你可以单击“重命
名”按钮对图片文件重新命名，并单击“改变文件夹”按钮将此图片保存到
“
taotao
”文
件夹中，以使该网页在任何一台连通互联网的计算机上都能正常显示。
二、在网页中插图你喜欢的图片
步骤：
1
、
将光标定位到要插图片的位置，单击菜单栏上的“插入”在单击“图片”子菜单中
的“来
自文件”命令。
2
、在弹出的“选择
文件”对话框中选择图片文件，单击“确定”按钮。
3
、插入图片后的效果如下图所示。
三、去掉图片的背景，让网页更加美观
步骤：
1
、
选中图片，打开图片工具栏，单击绘图工具栏箭头按钮，在单击一下图片中的
棕色背景，
将棕色设置为透明。
仅供学习与交流，如有侵权请联系网站删除
谢谢
19
精品好文档，推荐学习交流
2
出现如下图所示的提示框，单击“确定”按钮。
3
、看，图片中的棕色背景去掉了。
4
、继续插入好看的图片，完成“涛涛的画展”网页。
四、自动缩略图
当
我们要制作一个类似图片索引的网页时，可以在这个网页中放置很多张小图片
作为索引，
当浏览者对某张图片感兴趣时，他可以先单击小图片，再从弹出的窗
口中浏览清晰的大图
片，这些小图片就称为“缩略图”。用
Frontpage2000
可以轻松
实现“自动缩略图”的功能。
步骤：
1
、
选择“工具”菜单中的“网页选项”命令。
2
、在弹出的“网页选项”对话框中单击“自动缩略图”选项卡，按你喜欢的方式设置
缩略图片的格式，单击“确定”按钮。
3
、选定需要制作缩略图的图片，单击图片工具栏上的“自动缩略图”按钮。看，自
动缩略图就做好了。用此方法为其他两幅图片设置缩略图。最后，你可以通过尺
寸控点
调整缩略图的大小。
4
、切换到“预
览”状态，单击任意一幅缩略图，就可以切换到其放大图片的窗口
了。
< br>
学生练习：课后
1
、
2
、
3
、
4
、
5
题。
教学反思：
仅供学习与交流，如有侵权请联系网站删除
谢谢
19
精品好文档，推荐学习交流
学生积极性很高，动手能力很强，但要注意控制课堂气氛！
第五课
动感新地带（一）
学习目标：
1
、学会插入滚动字幕。
2
、学会在网页中插入悬停按钮。
教学中难点：学会插入滚动字幕和悬停按钮。
教学过程：
一、游来游去的字幕
我们时常可以在
电视屏幕下方一行缓缓移动的文字，称作滚动字幕。滚动字幕通
常用来发布一些通知或重
要说明。在网页中，也可以实现“滚动字幕”效果。
步骤：
1
、
打开“涛涛的画展”，将光标定位在需要插入滚动字幕的位置。单击“插入”菜单
“组件
”子菜单中的“字幕”命令。
2
、在
弹出的“字幕属性”对话框中设置文本内容、字幕滚动的方向和速度，最后设
置滚动字幕
的表现方式和文本对齐方式。
3
、在
“重复”栏中勾选“连续”，在“背景颜色”下拉列表中选择滚动字幕的背景颜色。
<
/p>
4
、设置完毕，单击“确定”按钮，效果如下页图所示。
注意：
IE
浏览器支
持滚动字幕。但有的浏览器（例如版本较低的
Netscape
浏览
器）则不支持滚动字幕，此时滚动字幕效果无法实现。
仅供学习与交流，如有侵权请联系网站删除
谢谢
19
精品好文档，推荐学习交流
5
、单击窗口左下方的“预览”标签，或单击“文件”菜单中的“在浏览器中预览”命令，
打开浏览器窗口，就可以看到“欢迎光临涛涛的个人画展！”这几个字在网页中从右
向左滚动的效果了。
二、闪烁的按钮
步骤：
1
、
将光标定位到滚动字幕下面，设置该段落的对齐方式为“居中”对齐。
2
、单击“插入”菜单“组件”子菜单中的“悬停按钮”命令。
3
、弹出“悬停按钮属性”对何况，在“按钮文本”
框中输入“我喜欢的卡通”，单击“浏
览”按钮，选择“涛涛的画展”网页文件与之连接
，在设置好“按钮颜色”、“背景颜
色”、“效果”和“效果颜色”等参数，单击“确定
”按钮。
4
、设置好的按钮效果如下
图所示。你可在浏览器中打开网页预览效果：当鼠标指
针移到按钮上时，按钮颜色发生变
化，单击鼠标，“涛涛的画展”王也就被打开了。
学生练习：
课后
1
、
2
、
3
、
4
题。<
/p>
教学反思：
新新授课时要通过一定的视频来调动学生的感官和思维的活跃度，来
激发学生的兴趣，这
样有利于降低难度！
第六课
动感新地带（二）
学习目标：
1
、学会设置动态效果。
仅供学习与交流，如有侵权请联系网站删除
谢谢
19
精品好文档，推荐学习交流
2
、学会设置网页的切换方式。
教学中难点：学会设置动态效果和设置网页的切换方式。
教学过程：
一、舞动的文字
步骤：
1
、
打开“涛涛的网页”，单击“格式”菜单中的“动态
HTML
效
果”命令。
2
、选中网页的标题“涛
涛的网页”，在“
DHTML
效果”工具来“开启〈选择一种事
件〉”下拉菜单中选择“网页加载”事件。
< br>3
、在“应用〈选择一种事件〉”下拉菜单中选择“飞入”效果。
4
、在“〈选择设置〉”下拉菜单中选择“从顶部”
选项。
5
、网页加载的效果就设置好
了，单击常用工具栏上的“在浏览器中预览”按钮，玉
兰网页的实际效果。你会看到，在
打开浏览器窗口的同时，标题文字“涛涛的网页”
也从顶部快速飞入。
< br>
注意：在“
DHTML
效果”
工具栏中，有个“删除效果”按钮，弹机这个按钮，可以取
消以前设置的动态效果。
在“
DHTML
效果”工具栏中，有个用来突出显示动态效果的按钮。默认状态下，设
置完动态效果后，
按扭成凹下状态，设置动态效果的文字四周会出现蓝色的背景
框。如果你不想突出显示设
置了动态效果的文字，就可以单击一下这个按钮，蓝
色背景框就会消失。
仅供学习与交流，如有侵权请联系网站删除
谢谢
19
精品好文档，推荐学习交流
学生练习
：利用“
DHTML
效果”工具栏，设置动态效果。
二、图片“变脸秀”
步骤：选中“涛涛的画展”网页中的一幅图片，打开“
DHTML
效果”工具栏。单击“开
启〈选择一种事件〉”，选择“鼠标悬停”事件。
2
、在“应用〈选择一种效果〉”下拉菜单中选
择“交换图片”。
3
、在“〈选择设
置〉”下拉菜单中选择“选择图片”选项。
4
、弹出“选择文件”对话框，选择一幅你喜欢的图片，单击“确定”按钮。
<
/p>
5
、保存你所做的修改，单击“预览”标签，玉兰网页的实际效果
。
学生练习：利用“
DHTML
效果”工具栏，使用其它的动态效果。
三、网页变变变
步骤：
1
、
单击“格式”菜单中的“网页过渡”命令。
2
、弹出“网页过渡”对话框，在“事件”列表中，选中“进入网页”。
3
、设置“过渡效果”为“圆形收缩”、“周期”为
< br>3
秒，单击“确定”按钮。
4
、单击常用工具栏上的“保存”按钮，保存网页。
5
、单击常用工具栏上的“在浏览器中预览”按钮，玉兰你刚才设置的网页
过渡效
果。
学生练习：课后
1
、
2
题。
教学反思：
仅供学习与交流，如有侵权请联系网站删除
谢谢
19
精品好文档，推荐学习交流
学生对设
置动态效果很感兴趣，但部分同学学习中有一定的难度，需
要进一步看练习！
第七课
个性小简历
学习目标：
1
、学会在网页中插入表格。
2
、学会单元格的拆分、合并与删除操作。
教学中难点：学会在网页中插入表格。
教学过程：
一、在网页中插入表格
步骤：
1
、
新建一个网页，输入标题文字“聪聪
.
个人简历”，并设置背景
色。单击鼠标确定
插入表格的起始位置，单击“表格”菜单“插入”子菜单中的“表格”
命令。
2
、弹出“插入表格”对话框
，输入表格的行数、列数和边框线的宽度，单击“确定”
按钮。
3
、一个
7
行
6
列的表格就做好了，现在可以往表格中输入文字了，方法与<
/p>
word2000
一样，请你将表格填写完整吧！
二、单元格的拆分与合并
步骤：
仅供学习与交流，如有侵权请联系网站删除
谢谢
19
精品好文档，推荐学习交流
1
、拖动鼠标选中第
3
行的第
< br>2~6
个单元格，单击“表格菜单中的”合并单元格“命
令。
2
、看，“通信地址”一栏的格
式就设置好了。
3
、继续用“合并单
元格”命令调整其它单元格。
提示：把插入点光标定位到要拆
分的单元格里。选择“表格”菜单中的“拆分单元格”
命令。在弹出的“拆分单元格”对
话框设置适当的参数即可。
三、删除表格中多余的一行
步骤：
选中要删除的行，单击“表格
”菜单中的“删除单元格”命令即可。
学生练习：课后
1
、
2
题。
教学反思：
教师系
统讲解保证每一个学生达到了本课基本要求。给出足够的时间
让学生自己练习，可以让学
有余力的同学超前学习新知识或自学其他
软件，挖掘其潜在能力。
第八课
表格魔法师
学习目标：
1
、学会设置表格属性。
2
、学会设置单元格属性。
教学中难点：学会设置表格属性。
仅供学习与交流，如有侵权请联系网站删除
谢谢
19
精品好文档，推荐学习交流
教学过程：
一、表格随心变—改变表格的背景颜色
步骤：
1
、
在表格中单击鼠标右键，选择快捷菜单中的“表格属性”命令。
2
、弹出“表格属性”对话框，选择背景颜色为白色，单击“确定”按钮。
3
、看，表格的背景颜色变成了白色了。
二、改变表格边框的粗细和颜色
步骤：
1
、
将光标定位到任意一个单元格中，单击右键，在弹出的快捷菜单中选择“表格属
性”命令
。
2
、弹出“表格属性”对话框，单
击“边框”栏中“颜色”框右端的小三角，在弹出的颜色
列表中选择绿色，在“粗细”框
中可以设置边框的粗细为“
1
”。如果想隐藏表格边
框，就可以将“粗细”值设置为“
0
”。
3
、设置好的表格效果如下图所示。
三、单元格巧设计
单元格中的文本单
元格的对齐方式有时也需要调整。我们车已用格式工具栏的“左
对齐”、“居中对齐”、
“右对齐”按钮进行设置，也可以通过“单元格属性”命令进行设
置。
< br>
步骤：
仅供学习与交流，如有侵权请联系网站删除
谢谢
19
精品好文档，推荐学习交流
1
、首先选中所有的单元格，单击鼠标右键，选择“单元格属性”命令。
2
、在弹出的“单元格属性”对话框中设置文字的水平和垂直对
齐方式，单击“确定”
按钮。
3
、为表格中的文字修改字体，设置好的表格格式如下图所示。
四、设置单元格的背景、边框颜色
步骤；
1
、
将光标定位到“照片”单元格中，单击鼠标右键，选择快捷菜单中的“单元格属
性”命令
，探出“单元格属性对话框，选择背景色为黄色，在调整单元格边框的颜
色，单击”确定
“按钮。
2
、设置好的表格如下图所示。
学生练习：课后
1
、
2
、
3
、
4
、
5
题。
教学反思：
教师通过网络软件实现演
示法使教学更加直观、清晰，可以更好的进
行教学！
第九课
娱乐新天地
学习目标：
1
、学会给网页配上背景音乐。
2
、学会在网页中插入电影文件。
仅供学习与交流，如有侵权请联系网站删除
谢谢
19