青岛版小学五年级下册信息技术教案全册

第一课网页DIY快车学习目标：1、认识Frontpage2000窗口。

2、学会在网页中输入文字。

3、学会保存网页。

教学中难点：学会在网页中输入文字。

教学过程：同学们一定都非常喜欢上网，为什么呀？因为网上有丰富多彩的信息，除了有文字，还包含图片、声音、动画和影片等。

如果让我们自己也来制作一个网页，那么应该在这之前把这些素材都准备好，并把它们都存放进一个专门的文件夹中。

好了，一切准备就绪！让我们一起来创建一个属于自己的网页！一、开启网页快车步骤：单击任务栏上的“开始”按钮，光标指向“程序”菜单中的Microsoft Front page,单击。

也可以将其发送到桌面上。

二、Front page窗口的组成有标题栏、菜单栏、常用工具栏、格式工具栏、视图栏、状态栏、编辑区等七部分组成。

三、网页的保存步骤：1、单击常用工具栏上的“保存”按钮。

2、在“另存为”对话框的“保存位置”栏中选择网页要保存的位置，系统会根据你输入的首行文字自动设置“网页标题”，如果对这个标题不满意，可以单击“更改”按钮重新进行设置。

3、在“文件名”框中输入文件名，“文件类型”为“web页”，最后单击“保存”按钮。

四、与Frintpage2000说Bye-bye步骤：但既“文件”菜单，选择“退出”命令，就退出Frintpage2000了。

学生练习：涛涛的网页、小青岛教学反思：学生对信息技术可很感兴趣，注意引导学生学会在网页中输入文字。

第二课文字大变身学习目标：1、打开一保存的网页。

2、学会设置网页中文字的字体和颜色。

3、学会预览网页效果。

教学中难点：学会设置网页中文字的字体和颜色。

教学过程：一、请出“老朋友”步骤：1、打开Frintpage2000窗口，单击“文件”菜单，在单击“打开”命令。

2、谈出“打开文件”对话框，在“查找范围”框中找到涛涛网页文件夹，选中文件，单击“打开”按钮，上节课制作的网页就被打开了。

二、对网页中的文字进行修饰步骤：1、选中要修饰的文字，单击“格式”菜单中的“字体”命令。

2、在弹出的“字体”对话框中设置字体、字型、大小和颜色，在单击“确定”按钮。

用同样的方法修饰其他文字。

注：为了使网页的文字在连接到因特网上的其他计算机上也能顺利显示，建议大家最好只是用黑体、楷体、宋体、仿宋体等常用字体。

若要是用其他比较特殊的字体，可以将它们做成图片，再是用“插图”命令将它们置入。

三、文字“通关考”步骤：1、选中网页中需要修饰的文字。

2、利用工具栏上的相应按钮对文字进行修饰。

学生练习：左对齐、加粗、居中、倾斜、右对齐、下划线的符号。

四、让文字变得更美观步骤：1、选中文字，单击菜单栏上的“格式”，在单击“段落”命令。

2、在“段落”对话框中设置段落的“对齐方式”为“两端对齐”，行距为“双倍行距”，首行缩进18磅，单击“确定”按钮。

3、设置好段落格式的网页效果如下图所示。

五、网页效果看得见步骤：单击窗口下方的“预览”标签，预览一下网页效果。

预览完毕，如果发现什么问题，可以在单击“普通”标签，返回编辑界面继续进行修改。

学生练习：课后1、2体。

教学反思：为了使网页的文字在连接到因特网上的其他计算机上也能顺利显示，建议大家最好只是用黑体、楷体、宋体、仿宋体等常用字体。

第三课缤纷新世界学习目标：1、学会插入水平线。

2、学会设置网页背景。

3、学会套用“主题”。

教学重难点：学会设置网页背景。

教学过程：一、插入水平线在制作网页的过程中，为了使网页条理清晰，通常在标题与正文之间插入一条水平线，水平线的颜色、粗细可以自由设置，插入水平线也可以美化网页。

步骤：1、打开上节保存文档，将光标定位到标题与正文之间的空行上。

单击“插入”菜单中的“水平线”命令，网页中就插入了一条水平线。

2、双击水平线，弹出“水平线属性”对话框，为水平线设置适合的宽度、高度、对齐方式和颜色，单击“确定”按钮。

二、给网页穿上漂亮的外衣步骤：1、单击“格式”菜单，选择其中的“背景”命令。

2、在弹出的“网页属性”对话框中勾选“背景图片”，单击“浏览”按钮，在弹出的“选择文件”对话框中选择好背景图片，单击“确定”按钮，返回“网页属性”对话框，在单击“确定”按钮。

3、瞧，网页北京设置好了。

漂亮吗？三、我的网页主题步骤：1、单击“格式”菜单，在单击“主题”命令。

2、在弹出的“主题”对话框中选择“秋叶”主题，单击“确定”按钮。

3、条用“秋叶”风格主题背景后，网页呈现的效果如下图所示。

用你已经掌握的知识继续修饰网页步骤：1、对网页的标题条用“标题1”格式，方法是：将光标定位到标题文字处，在格式工具栏中选择“标题1”格式。

2、对剩下的文字套用“标题4”格式，保存你做的修改。

学生练习：课后1、2题。

教学反思：在设置网页背景时要注意选材要与内容吻合！第四课在线图画展学习目标：1、学会在网页中插入剪贴画。

2、学会插入来自文件的图片。

3、学会设置图片格式。

4、学会制作“自动缩略图”教学中难点：学会在网页中插入剪贴画和来自文件的图片。

教学过程：一、插入剪贴画1、打开“涛涛的画展”，迥光标定位在要插入剪贴画的位置。

单击“插入”菜单“图片”子菜单中的“剪贴画”命令。

2、在弹出的“剪贴画库”对话框中选择剪贴画的类别。

3、单击你喜欢的剪贴画，在弹出的工具菜单中选择“插入剪辑”按钮，将剪贴画插图网页中，调整好他的大小和位置。

4、单击工具栏上的“保存”按钮，弹出“保存嵌入式文件”对话框，你可以单击“重命名”按钮对图片文件重新命名，并单击“改变文件夹”按钮将此图片保存到“taotao”文件夹中，以使该网页在任何一台连通互联网的计算机上都能正常显示。

二、在网页中插图你喜欢的图片步骤：1、将光标定位到要插图片的位置，单击菜单栏上的“插入”在单击“图片”子菜单中的“来自文件”命令。

2、在弹出的“选择文件”对话框中选择图片文件，单击“确定”按钮。

3、插入图片后的效果如下图所示。

三、去掉图片的背景，让网页更加美观步骤：1、选中图片，打开图片工具栏，单击绘图工具栏箭头按钮，在单击一下图片中的棕色背景，将棕色设置为透明。

2出现如下图所示的提示框，单击“确定”按钮。

3、看，图片中的棕色背景去掉了。

4、继续插入好看的图片，完成“涛涛的画展”网页。

四、自动缩略图当我们要制作一个类似图片索引的网页时，可以在这个网页中放置很多张小图片作为索引，当浏览者对某张图片感兴趣时，他可以先单击小图片，再从弹出的窗口中浏览清晰的大图片，这些小图片就称为“缩略图”。

用Frontpage2000可以轻松实现“自动缩略图”的功能。

步骤：1、选择“工具”菜单中的“网页选项”命令。

2、在弹出的“网页选项”对话框中单击“自动缩略图”选项卡，按你喜欢的方式设置缩略图片的格式，单击“确定”按钮。

3、选定需要制作缩略图的图片，单击图片工具栏上的“自动缩略图”按钮。

看，自动缩略图就做好了。

用此方法为其他两幅图片设置缩略图。

最后，你可以通过尺寸控点调整缩略图的大小。

4、切换到“预览”状态，单击任意一幅缩略图，就可以切换到其放大图片的窗口了。

学生练习：课后1、2、3、4、5题。

教学反思：学生积极性很高，动手能力很强，但要注意控制课堂气氛！第五课动感新地带（一）学习目标：1、学会插入滚动字幕。

2、学会在网页中插入悬停按钮。

教学中难点：学会插入滚动字幕和悬停按钮。

教学过程：一、游来游去的字幕我们时常可以在电视屏幕下方一行缓缓移动的文字，称作滚动字幕。

滚动字幕通常用来发布一些通知或重要说明。

在网页中，也可以实现“滚动字幕”效果。

步骤：1、打开“涛涛的画展”，将光标定位在需要插入滚动字幕的位置。

单击“插入”菜单“组件”子菜单中的“字幕”命令。

2、在弹出的“字幕属性”对话框中设置文本内容、字幕滚动的方向和速度，最后设置滚动字幕的表现方式和文本对齐方式。

3、在“重复”栏中勾选“连续”，在“背景颜色”下拉列表中选择滚动字幕的背景颜色。

4、设置完毕，单击“确定”按钮，效果如下页图所示。

注意：IE浏览器支持滚动字幕。

但有的浏览器（例如版本较低的Netscape浏览器）则不支持滚动字幕，此时滚动字幕效果无法实现。

5、单击窗口左下方的“预览”标签，或单击“文件”菜单中的“在浏览器中预览”命令，打开浏览器窗口，就可以看到“欢迎光临涛涛的个人画展！”这几个字在网页中从右向左滚动的效果了。

二、闪烁的按钮步骤：1、将光标定位到滚动字幕下面，设置该段落的对齐方式为“居中”对齐。

2、单击“插入”菜单“组件”子菜单中的“悬停按钮”命令。

3、弹出“悬停按钮属性”对何况，在“按钮文本”框中输入“我喜欢的卡通”，单击“浏览”按钮，选择“涛涛的画展”网页文件与之连接，在设置好“按钮颜色”、“背景颜色”、“效果”和“效果颜色”等参数，单击“确定”按钮。

4、设置好的按钮效果如下图所示。

你可在浏览器中打开网页预览效果：当鼠标指针移到按钮上时，按钮颜色发生变化，单击鼠标，“涛涛的画展”王也就被打开了。

学生练习：课后1、2、3、4题。

教学反思：新新授课时要通过一定的视频来调动学生的感官和思维的活跃度，来激发学生的兴趣，这样有利于降低难度！第六课动感新地带（二）学习目标：1、学会设置动态效果。

2、学会设置网页的切换方式。

教学中难点：学会设置动态效果和设置网页的切换方式。

教学过程：一、舞动的文字步骤：1、打开“涛涛的网页”，单击“格式”菜单中的“动态HTML效果”命令。

2、选中网页的标题“涛涛的网页”，在“DHTML效果”工具来“开启〈选择一种事件〉”下拉菜单中选择“网页加载”事件。

3、在“应用〈选择一种事件〉”下拉菜单中选择“飞入”效果。

4、在“〈选择设置〉”下拉菜单中选择“从顶部”选项。

5、网页加载的效果就设置好了，单击常用工具栏上的“在浏览器中预览”按钮，玉兰网页的实际效果。

你会看到，在打开浏览器窗口的同时，标题文字“涛涛的网页”也从顶部快速飞入。

注意：在“DHTML效果”工具栏中，有个“删除效果”按钮，弹机这个按钮，可以取消以前设置的动态效果。

在“DHTML效果”工具栏中，有个用来突出显示动态效果的按钮。

默认状态下，设置完动态效果后，按扭成凹下状态，设置动态效果的文字四周会出现蓝色的背景框。

如果你不想突出显示设置了动态效果的文字，就可以单击一下这个按钮，蓝色背景框就会消失。

学生练习：利用“DHTML效果”工具栏，设置动态效果。

二、图片“变脸秀”步骤：选中“涛涛的画展”网页中的一幅图片，打开“DHTML效果”工具栏。

单击“开启〈选择一种事件〉”，选择“鼠标悬停”事件。

2、在“应用〈选择一种效果〉”下拉菜单中选择“交换图片”。

3、在“〈选择设置〉”下拉菜单中选择“选择图片”选项。

4、弹出“选择文件”对话框，选择一幅你喜欢的图片，单击“确定”按钮。

5、保存你所做的修改，单击“预览”标签，玉兰网页的实际效果。