清华大学信息技术五年级下册教案.docx

清华大学信息技术五年级下册教案.docx

《清华大学信息技术五年级下册教案.docx》由会员分享，可在线阅读，更多相关《清华大学信息技术五年级下册教案.docx（38页珍藏版）》请在冰豆网上搜索。

清华大学信息技术五年级下册教案

第1课登堂入室 认识frontpage 教案

（一）教学目标：

1、理解网站，网页，首页（主页），导航，超级链接等术语。

2、掌握FrontPage的启动/退出，了解FrontPage窗口的组成。

3、掌握在FrontPage中插入文字和图片的方法，并会保存网页。

4、了解FrontPage的三种网页模式，会预览制作好的网页。

（二）教学设计与教学建议：

1、课堂引入分析：

在学习本册教材前，学生已经能够熟练上网，对网络世界有着强烈的好奇心和浓厚的兴趣，对于学生来说，网络上那些精彩的网页具有神秘的色彩，学生想不到有一天自己也可以制作网页。

针对这种情况，在课堂的引入部分，教师可以这样设计:

首先出示几个用FrontPage软件制作的网页，请学生欣赏，让学生讨论这是怎样制作出来的。

然后用FrontPage软件打开其中的一个网页，让学生观察窗口，并说一说这个窗口与学习过的哪个软件相似。

由于FrontPage与Word软件在界面的风格上和功能上有很多相似之处，因此学生很快能在这个窗口中找到熟悉的面孔。

此时，教师可以告诉学生，这个软件叫FrontPage，与学习过的Word软件同属于Office软件家族的成员，但它的主要功能是制作网页。

由于学生在Word软件中对插入文字，图片进行编辑排版的操作非常熟练，因此可以采用自主探究的学习方式让学生认识FrontPage。

教师可以给出制作网页的素材，让学生尝试在FrontPage中输入文字，插入图片。

让学生在学习这个软件的初始，自己去探索这两个软件的相同与不同。

2、重点内容分析：

在学习本课前，学生已经掌握Word软件的使用，而本节课是初步认识FrontPage软件，因此本节课可以把重点放在让学生通过已掌握的知识来初步分析FrontPage与Word的相同与不同，这样可以减少学生对学习新软件的陌生感，尽快熟悉新软件，降低学习的难度，同时也培养了学生自主学习的能力。

相同:

常用工具栏与格式工具栏中的大部分工具都一样，编辑文字和图片的方法一样。

不同:

与Word软件相比，FrontPage窗口多了视图栏;在编辑区左下角有三种网页模式;保存网页文件时，图片是采用嵌入式保存的，即同一个网页中的图片和文字被分开保存。

当然，Word与FrontPage的不同还有很多，对比两种软件的不同可以贯穿在整册教材的学习中。

用对比的方法学习，会让学生知道，很多软件的一些操作都具有相同的地方，掌握这种学习方法，会提高学生自主学习的能力，对学习新知识起到事半功倍的效果。

3、归纳提高分析：

本节课涉及到的知识可以归纳为以下几点:

（1）理解网站，网页，首页（主页），导航，超级链接等术语。

（2）FrontPage是一种制作网页的软件，由于它与Word同属于Office家族的成员，与Word软件在许多地方相似，如编辑图文等，以及它具有所见既所得的特点，因此很容易被掌握。

（3）掌握FrontPage的启动/退出，了解FrontPage窗口的组成。

（4）FrontPage有三种不同的网页模式:

普通，预览和HTML。

在普通模式下可以编辑网页，在预览模式下可以预览网页效果，在HTML模式下可以看到网页的HTML代码。

（5）掌握在FrontPage中插入文字和图片的操作，并会保存网页。

需要注意的是，网站中的文件夹和网页的名称通常使用英文，汉语拼音来命名。

（三）教学补充：

1、到下面几个网站去欣赏一些精彩的网页。

请你观察网站的首页，看看首页上一般都包含哪些信息。

东方少年

雏鹰网e童网

毛毛先锋网儿童综合网

2、在Word软件中，利用"文件"菜单中的"另存为Web页…"命令也可以把文档直接保存成网页。

可以让学生制作一个图文并茂的Word文档，并尝试着把它保存成网页，并在"IE"浏览器中浏览这个网页。

3、在FrontPage中插入"来自文件"的图片时，与Word有些不同:

执行"插入"→"图片"→"来自文件…"命令，弹出"图片"对话框，在这个对话框中提供了四种获取图片的方式，从计算机上选择一个文件

使用web浏览器来选择网页或文件

打开剪贴画库，

插入剪贴画

通过照相机或扫描仪获取图片

教学反思：

第2课蓝图设计个人网站规划 教案

（一）本课教学目标：

1、根据自己站点的主题，会对自己的站点进行规划，设计。

2、会通过多种途径收集资料。

（二）教学设计与教学建议：

1、课堂引入分析：

请同学们欣赏几个网站的首页，并以学习小组为单位讨论首页一般包含哪些信息。

由此引出要规划个人网站，需要从哪几方面入手。

规划个人网站，主要包括网站名称，网站栏目及主要内容，还要考虑应准备哪些素材，收集的素材一定要围绕网站的主题。

由于制作一个网站工程比较大，可以采用小组分工合作的方式进行。

组内的同学共同商讨确定网站名称，结构，然后分工收集相关资料，并进行分类汇总。

通过这种方式不但可以节省时间，还可以培养学生合作的能力。

2、重点内容分析：

本节课的重点可以分为两点:

（1）规划网站。

对于学生来说，建设一个网站，是一件比较浩大的工程，要完成这个任务，学生会感觉到无从入手，不知道怎么做，因此本节课的重点之一是规划网站。

通过规划网站，让学生了解制作网站的过程。

规划网站的过程是:

确定网站名称——规划网站的结构——收集素材。

网站的名称相当于网站的主题，网站中的所有内容都要围绕这个主题来设计，所以确定了名称，也就确定了网站的大方向。

网站的结构指的是网站中的网页存在的层次关系。

一个网站是由很多网页组成的，网页之间存在着层次关系:

主页是最顶层，主页的下一层是网站的各个栏目，各栏目又能细分，构成第三层，甚至更多层，如下图所示。

在制作网站前画出如上图所示的网站结构图，不但可以帮助我们规划网站结构，使网站层次分明，条理清楚，还可以确定各个网页的内容，方便大家思考各网页之间的链接方式。

（2）收集素材并进行分类保存。

规划好了网站的结构，也就确定各个网页的内容，此时可以根据网站的结构收集相关的素材。

收集素材的方法有多种，可以利用素材光盘，数码相机拍摄，网上下载等方法获取文字，图片，视频，声音，动画等资料。

由于需要收集的资料很多，为了便于管理这些资料，我们可以把它进行分类整理，放在不同的文件夹中。

分类的方法有两种:

可以根据网站的栏目创建文件夹，把与栏目相关的素材存放在这个文件夹中，如针对书中图2.1的"卡通世界"，"心语日记"，"小小戏迷"，"闪客一族"，"作文乐园"，"动感地带"等创建相应的文件夹;还可以根据素材的类型创建文件夹，如"文字"，"图片"，"视频"，"声音"，"动画"等。

经过以上这些准备工作，就可以创建网站了。

3、归纳提高分析：

本节课涉及到的知识可以归纳为以下几点:

（1）在创建网站前，一定要对网站的内容，结构等进行规划，并画出网站结构图，使网站层次分明，条理清楚，并确定各个网页的内容。

（2）根据网站的结构收集相关的素材，收集素材的途径有多种，可以利用素材光盘，数码相机拍摄，网上下载等方法获取文字，图片，视频，声音，动画等资料。

（3）为了便于管理收集到的素材，我们可以把它进行分类整理，放在不同的文件夹中。

分类的方法有两种，一是根据网站的栏目创建文件夹，二是根据素材的类型创建文件夹。

（三）教学补充：

1、看看在第1课教学补充提供的网站中都包含哪些信息，并试着列出这些网站的结构，最多有几层。

2、请规划设计自己的网站，并画出网站结构图。

3、根据网站结构收集相关的资料，并建立文件夹，将收集到的资料进行分类保存。

4、收集到的资料可以根据需要进行适当的修改。

如获取的文字资料，可以在Word软件中进行编辑修改;获取的图片资料可以用Windows操作系统自带的画图软件进行修改，也可以用Photoshop等专业绘图软件进行修改，加工;获取的声音资料，可以用Windows操作系统自带的录音机进行修改，或用超级音频解霸等专业处理声音的软件进行修改;获取的视频资料可以用超级解霸，绘声绘影等软件进行加工处理。

第3课花园之匙创建个人网站

（一）本课教学目标：

1、理解网站站点的概念，掌握创建站点的操作。

2、会用表格规划网页的版面。

3、会在表格中插入文字和图片，会设置单元格中的文字格式，会设置文字和图片在单元格中的对齐方式。

4、会保存网页，并将网页中的图片保存到images文件夹中。

5、培养学生自学与合作学习的能力。

（二）教学设计与教学建议：

1、课堂引入分析：

创建站点对于学生来说并不是难点，如何规划网页的版面，对于学生来说难度更大。

因此在课堂引入部分，可以这样设计：

首先教师可以准备两个内容一样的网页，一个是没有用表格规划版面的，一个是用表格规划版面的，让学生观察预览效果，比较哪一个更好;

其次，将制作这个网页的素材提供给学生，让学生自己尝试制作这样一个网页。

学生在制作过程中会发现图文并不能按照自己的意愿随心所欲地摆在网页上，使得网页看起来很糟糕。

随之会产生疑问:

那个版面漂亮的网页是怎么做出来的

第三，教师再次出示利用表格规划版面的网页，动态出现表格线，让学生观察，学生就会看出版面是由表格规划的。

而表格是学生在Word软件中就已经学习过的，此时再让学生尝试在FrontPage中插入表格，并在单元格中插入文字和图片。

由于学生在Word软件中学习过表格的操作，对插入表格，设置单元格的格式操作比较熟悉，因此这部分可以采用让学生自主探究的方式学习。

_

2、重点内容分析：

本节课的重点可以归纳为:

（1）创建网站站点：

在FrontPage中提供了8种站点类型，我们可以根据需要选择不同的类型。

需要注意的是，在"指定新站点的位置"框中，需要输入站点的位置和名称，如输入"d:

\web"，"d:

"表示位置在"D盘"上，"web"表示站点的名称，位置和名称之间用"\"隔开，不要错输入成"/"。

（2）用表格规划网页的版面：

创建站点对于学生来说是重点，但不是难点。

如何规划网页的版面，对于学生来说难度更大。

因此本节课的难点放在如何规划网页的版面上。

可以应用表格很好地控制文字和图像在页面上出现的位置，把文字和图像规范地按照行或列对齐，使整个页面看上去紧凑而统一，非常美观大方。

而表格对于学生来说并不陌生，在Word软件中已经学习过，这就使学生感觉到制作网页的难度大大降低了。

尽管用FrontPage制作网页对于学生来说是全新的知识，但由于FrontPage与Word同属于Office家族的成员，在许多功能上有太多的相似之处，我们可以在这实行"拿来主义"，把在Word中学习到的表格知识拿到FrontPage中，如插入表格，插入或删除行或列，合并或拆分单元格，设置行高或列宽，在单元格中插入文字或图片，设置单元格中文字或图片的对齐方式，对单元格中的文字设置字体，字号，字的颜色等操作，这体现了知识的迁移思想。

3、归纳提高分析：

本节课涉及到的知识可以归纳为以下几点:

（1）创建网站站点，选择"只有一个网页的站点"类型。

（2）通过"文件夹列表"打开要编辑的网页，了解网站的建设情况。

（3）用表格来规划网页的版面。

根据网站结构对插入的表格进行拆分，合并单元格，设置行高，列宽，插入或删除行，列等。

（4）在单元格中插入文字和图片，设置单元格中的文字或图片的对齐方式，设置文字的字体，字号，颜色等。

（5）在FrontPage中，当网页包含图像元素时，这样的网页被保存时，图片是采用嵌入式保存的，即同一个网页中的图像和文字被分开保存。

通常要将所有的图片保存在images文件夹中，这样有助于使站点的结构更加清晰，便于管理。

（三）教学补充：

1、什么叫网站站点：

创建网站站点的操作并不难，难的是学生对于"网站站点"这个概念不理解。

什么是网站站点网站站点就是一组内容相关的网页的集合体。

打个形象的比喻，站点就象一本书，而网页就象书中的一篇一篇的文章。

书把文章集中在一起，而站点把网页集中在一起。

2、文件夹列表：

创建站点之后，会在FrontPage窗口出现一个新的列表框，叫做"文件夹列表"，用来显示当前打开的站点中所有的文件和文件夹。

通过"文件夹列表"框，我们可以清楚了解网站的建设情况。

也可以利用文件夹列表为站点添加新的网页。

单击〖常用〗工具栏上的〖文件夹列表〗按钮可以打开或关闭"文件夹列表"框。

3、在FrontPage中插入表格与在Word中插入表格，有些不同，如下图所示。

在Word软件中插入表格

在FrontPage软件中插入表格

在FrontPage中，由于表格主要是为规划网页版面服务的，所以与Word相比主要有以下几点不同:

（1）在插入表格对话框中，增加了"边框粗细"的设置。

为了让用表格规划过的网页版面看起来更加美观，可以把"边框粗细"的值设置为"0"，将表格的边框线隐藏起来。

（2）通常在指定宽度时，选用"百分比"，并将值设置为"100"，表示表格与页面同宽。

（3）可以调整"单元格边距"和"单元格间距"。

4、在制作网页时，要插入的素材图片很多，有些图片可以直接使用，有些图片则需要进行一些处理。

在FrontPage中的"图片"工具栏可以对插入的图片进行简单的处理，在Word软件中也有类似的"图片"工具栏。

对比两者的"图片"工具栏，我们会发现FrontPage中的"图片"工具栏在处理图片上功能更强。

FrontPage的"图片"工具栏

Word的"图片"工具栏

第4课美景装饰修饰首页

（一）本课教学目标：

1、能够打开保存的站点。

2、能够为网页设置背景颜色或背景图片，并为网页添加背景音乐。

3、能够在网页中插入组件，如滚动字幕和悬停按钮。

4、培养学生自学能力和小组合作学习意识。

（二）教学设计与教学建议：

1、课堂引入分析：

制作好的网页看起来整齐多了，但白色的背景使得网页看起来不太美观，静止的页面让网页的视觉效果不够吸引人。

本节课的主要任务就是美化网页。

因此在课堂的引入部分可以这样设计:

首先，教师可以让学生打开第3课制作的主页，想办法让自己的主页更漂亮。

这个环节可以采用小组合作共同探究的学习方式，然后让做得漂亮的小组汇报探究学习的成果。

其次，教师出示一个带有"滚动字幕"和"悬停按钮"的网页，让学生观察，并说一说与自己制作的网页相比有哪些优点。

讨论在生活中是否见过这样的效果。

学习在网页中插入"滚动字幕"和"悬停按钮"，学生可参考教材或教师提供的学习资料进行自主学习，如果自学有困难也可采用小组合作的方式进行学习。

这样可以兼顾到对知识技能掌握不同程度的学生，同时也体现了学生在课堂教学中得主体地位。

2、重点内容分析：

本节课的重点是美化网页，为网页添加背景颜色，背景图片或背景声音，插入滚动字幕和悬停按钮，让网页在视觉和听觉上更具冲击力。

让学生想办法使自己的主页更漂亮。

在完成这个任务中，学生可能会想到用以下这些手段来美化网页:

（1）设置字体，字号，字的颜色。

（2）插入艺术字。

（3）为网页添加背景颜色或背景图片。

（4）设置表格的边框和底纹。

（5）设置单元格的边框和底纹。

为网页添加背景颜色和图片，与在Word或PowerPoint中的操作相似，因此只要告诉学生是在"网页属性"对话框中进行设置就可以了，让学生自己尝试做。

本节课的难点放在插入滚动字幕和悬停按钮上。

在生活和学习中，学生经常在公交车，地铁，火车站，机场，银行，商场等地方看到"滚动字幕"。

"悬停按钮"这种效果也很常见，如使用各种软件时，当鼠标指向工具按钮时，按钮的颜色会发生变化。

当学生理解了什么是"滚动字幕"和"悬停按钮"之后，操作起来也就变得容易了。

3、归纳提高分析：

本节课涉及到的知识可以归纳为以下几点：

（1）打开保存的站点。

（2）插入组件——字幕和悬停按钮，可以使网页具有动态效果，网页更加生动。

（3）为网页添加背景颜色，背景图片或背景声音，可以增加网页的视觉和听觉效果。

需要注意的是:

（1）要想浏览网页经过修饰的效果，一定要先保存网页，再预览。

（2）字幕和悬停按钮的效果在"普通"网页模式下是看不到，在"预览"网页模式下可以看到。

（三）教学补充：

1、在"网页属性"对话框中为网页设置背景，是针对整个网页进行设置的。

而实际上我们在因特网上看到的许多精彩的网页，不同的内容会有不同的背景，这是怎么做出来的呢其实非常简单，带有不同背景的网页是用表格规划的，每一个单元格都是一个独立的部分，只要选好单元格，设置单元格的底纹，就可以达到目的。

效果如右图所示。

2、在网页中除了把文字做成悬停按钮外，还可以用图片制作悬停按钮，效果是鼠标悬停之前为一张图片，鼠标悬停之后换成另外一张图片。

打开教材22页，按图4-8所示打开"悬停按钮属性"对话框，然后按下图所示操作:

①单击"自定义"

②单击"浏览"

④单击"确定"

③选择图片

第一次通过"浏览"插入的图片是鼠标悬停前要显示的图片。

⑤单击"浏览"

⑦单击"确定"

⑥选择图片

鼠标悬停前

鼠标悬停后

第二次通过"浏览"插入的图片是鼠标悬停后要显示的图片。

第5课卡通世界设置共享边框

（一）本课教学目标：

1、利用"文件夹列表"为站点创建新的文件夹。

2、利用"文件夹列表"为站点添加新的网页，并将网页保存到站点中指定的文件夹里，会更改网页标题。

3、运用"共享边框"制作一组风格统一的网页。

（二）教学设计与教学建议：

1、课堂引入分析：

通过第1单元的学习，学生已经掌握了一般网页的制作过程，会用表格规划网页的版面，由于只制作了主页，所以还体会不到网页之间可以跳跃访问的神奇。

本节课将围绕网站中的"卡通世界"栏目利用"共享边框"制作一组风格统一的网页。

为了让学生理解什么是"共享边框"，什么是"网页标题"，在课堂的引入部分，教师可以这样设计:

首先，出示一组利用"共享边框"制作的风格统一的网页，让学生通过IE浏览器欣赏，在欣赏的过程中教师提出要求:

（1）在IE浏览器的窗口中，网页的文件名是什么在什么位置可以看到在标题栏上显示了什么通过显示的内容你能知道什么。

（2）观察这组网页的内容，说一说它们有什么特点：

其次，教师更改其中一个网页的"共享边框"部分，让学生观察其他几个网页有什么变化让学生通过讨论归纳出"共享边框"的特点。

教师小结"网页标题"和"共享边框"知识点。

理解了什么是"网页标题"和"共享边框"，操作也就变得容易了。

教师可以准备一些学习资料和素材，让学生通过自主学习或小组合作学习的方式来进行本节课的学习，在学生自学的过程中，让学生及时反馈学习成果，学生遇到的共性问题，可以让已经解决问题的学生通过多媒体演示操作过程（提倡），也可以是教师演示操作过程。

2、重点内容分析：

本节课的重点可以归纳为两点：

（1）更改网页标题：

对于新建的网页，默认的文件名为new_page_1。

htm，在进行保存的时候，与Word软件有所不同的是多了一项"网页标题"，这是一个非常重要的知识点，如果学生弄不清楚什么是"网页标题"，那么在后面制作网站的过程中就会出现站点结构混乱的现象。

由于站点中的网页一般都是用英文字母或数字命名的，因此通过网页文件名不能直观看出网页的内容，如果将"网页标题"改成中文，则能够更清晰地反映网页的内容。

在浏览网页时，浏览器的地址栏显示的是网页的文件名，而在标题栏中则会直接显示出网页的中文名，这使得站点结构变得更为清晰，为今后网站的建设带来极大的便利。

如下图所示。

网页标题

网页文件名

（2）设置"共享边框"：

本节课围绕网站中的"卡通世界"栏目，学习了利用"共享边框"制作一组风格统一的网页。

对于学生来说，理解"共享边框"的概念是重点，也是难点，解决了这个问题，设置"共享边框"也就变得容易了。

"共享边框"实际是多个网页共享的区域，或者说是公共部分，可以放置任何对象，如文本，悬停按钮或图片等。

使用"共享边框"的好处是，当站点中的网页非常多时，其中一个网页的"共享边框"部分被修改了，其他与之共享的网页会同时改变，这会大大减少修改网页的工作量。

3、归纳提高分析：

本节课涉及到的知识可以归纳为以下几点：

（1）利用"文件夹列表"为站点创建新的文件夹，文件夹的名称用字母来表示。

最好是自己能看得懂的，如ktsj是"卡通世界"汉语拼音的声母。

（2）利用"文件夹列表"为站点添加新的网页，将网页保存到站点中指定的文件夹里，文件名用字母表示，网页标题用中文表示。

这样在今后浏览网页时，浏览器的标题栏会直接显示出中文名，便于识别网页的内容，也便于以后进行网页间的链接。

（3）运用"共享边框"可以制作一组风格统一的网页。

"共享边框"是站点上由多个网页共享的区域，可以放置任何对象，如文本，悬停按钮或图片等。

当"共享边框"被修改了，所有共享这个区域的网页就会同时改变。

（三）教学补充：

1、关于网页标题：

由于站点中的网页一般都是用英文字母或数字命名的，因此通过网页文件名不能直观看出网页的内容，如果将"网页标题"改成中文，则能够更清晰地反映网页的内容，如下图中，在"文件夹"视图中，我们可以清晰地看到，在ktsj文件夹中有5个网页，通过标题，就能知道每个网页的内容了。

"文件夹"视图

网页标题：

如果在保存网页时，忘了更改网页标题了，可以通过网页属性再更改网页标题，操作过程如下图所示。

①选取网页文件右击

②单击"属性"

③输入网页标题

④单击"确定"

2、将网页中的图片保存到指定的文件夹中：

网页中的图片默认的保存位置是站点文件夹下，如果要改变图片保存的位置，操作过程如下图所示。

3、共享边框：

"共享边框"是站点上由多个网页共享的区域，可以出现在网页的顶端（类似于页眉），底端（类似于页脚），左边或右边。

①单击"改变文件夹"

②选择保存的位置

③单击"确定"

第6课幻影移形创建横幅广告

（一）本课教学目标:

1、学会利用组件"横幅广告管理器"在网页中插入横幅广告。

2、学会在网页中插入水平线分割网页。

3、学会利用设置表格或单元格背景色的方法为网页添加背景。

4、学会为悬停按钮设置超级链接。

（二）教学设计与教学建议：

1、课堂引入分析：

通过前面的学习，学生已经掌握了一般网页的制作过程，会用表格和共享边框规划网页的版面，由于制作的网页都是静态的，且网页之间没有建立链接关系，所以还体会不到网页的神奇。

本课围绕"卡通世界"栏目，学习在网页中插入横幅广告和水平线，并在网页之间建立超链接关系。

FrontPage不仅仅是一个网页的编辑器和站点管理器，还具有强大的多媒体功能，它的一个组件"横幅广告管理器"能够使多张画面自动切换，大大增添了页面的动感，这是非常吸引孩子的一个内容。

在课堂的引入部分，教师可以这样设计:

首先播放一段拍摄的影片资料，内容是一些繁华的商业街上有大幅的广告牌，上面的画面是动态，总是几张图片在循环播放，让学生讨论这些广告牌有什么优点把生活实际直接引入课堂。

然后请学生欣赏几个带有横幅广告效果和水平分割线的网页，在欣赏的过程中教师提出要求：

（1）在网页上你看到了什么效果，你认为这样制作出来的网页效果如何。

（2）点击网页上的悬停按钮，你发现了什么。

教师小结"横幅广告"，"水平线"，"超链接"知识点。

在接下来的教学环节中，教师可以准备一些学习资料和素材，让学生通过自主学习或小组合作学习的方式来进行本节课的学习，在学生自学的过程中，让学生及时反馈学习成果，学生遇到的共性问题，可以让已经解决问题的学生通过多媒体演示操作过程（提倡），也可以是教师演示操作过程。

2、重点