【信息技术全册教学设计】六年级上册

六年级上册

信息技术教案

姓名:________________

学校：_______________

日期：_______________

第一课简洁网页尝试做

教学目的与要求：

1.把握建立站点的方法；

2.把握保存网页及预览网页的方法。

教学重难点：1.建立站点；2.保存网页；3.预览网页。

教学过程：

一.复习巩固

二.引入新课

目前，可以制作网站的工具软件格外多，我们选用FrontPage作为网站

制作的工具软件。

三.建立新站点

1.打开FrontPage,单击“文件”一“新建”一“站点”，打开“新建”

对话框。

2.选择“空站点”，键入站点的保存位置和名称，单击“确定”按钮。

四.建立网页

在FrontPage中创建站点后，会自动在站点文件夹内创建两个文件夹，

用于制作网页时存放各类资源。

在光标处输入网站的名称，并写上一段欢迎的文字，例如“欢迎走进温

馨的XX班网上家园

这样，一个只有文字的网页就建立好了。

五.保存网页

单击“文件”一“保存文件”，打开“另存为”对话框，输入文件名，单

击“保存”按钮。

六.预览网页

1.在扫瞄器中预览网页。单击“文件”一“在扫瞄器中预览”，打开“在

扫瞄器中预览”对话框，单击预览。

2.在FrontPage窗口中单击“预览”按钮，进行预览。

3.观察使用两种预览方法所显示的预览效果。

七.思考与练习建立一个新站点，并输入文字，保存后预览。

第二课美化网页显身手

教学目的与要求：

1.把握打开站点的方法；

2.把握插入图片的方法；

3.把握保存图片的方法。

教学重难点：1.插入图片；2.保存图片。

教学过程：

一.复习巩固。

二.引入新课

仅有文字的网页显得有些单调，今日，我们在网页上挂上我们的全家福

“班级合影”图片。

三.打开站点

1.单击“文件”一“打开站点”，弹出“打开站点”对话框。

2.单击“查找范围”后的小方块按钮，选择站点位置。单击“打开”按

钮。

四.插入图片

1.在文件夹列表中,双击new_page_l.htm,打开网页。

2.在网页上把光标移到要插入图片的位置。

3.单击“插入”一“图片”一“来自文件”，打开“图片”对话框。

4.单击“从计算机上选择文件”按钮，弹出“选择文件”对话框。

5.单击“查找范围”后的小方块按钮，选择图片文件所在的位置。

6.选择图片文件，“班级合影”，单击“确定”按钮。

{①插入的图片的大小可以自由调整。单击图片，消灭8个把握点，拖动

这些把握点就可以转变图片的大小。

②网页上常用的图形格式有Gif和Jpeg两种。

五.保存图片

在保存含有图片的网页时，计算机会自动弹出一个“保存嵌入式文件”

对话框。这是因为我们刚刚从站点外“我的资料”文件夹中插入了一个

图片，现在计算机要求把这个图片存放到站点内。

文件名new_pal.jpg是计算机自动生成的。为了便利使用，我们可以重

新给图片起名字。在“保存嵌入式文件”中选择图片文件new_pal.jpg,

单击下面的“重命名”按钮，可对其重命名。我们将图片文件重命名为

bjhy.jpgo

为便利图片管理，计算机自动在站点内为我们建立了一个存放图片的文

件夹images。一般情况下，我们都把图片文件存放在这个文件夹内。

在“保存嵌入式文件”对话框内，选择图片文件bjhy.jpg,单击“转变

文件夹”，打开“转变文件夹”对话框。选中“images”，单击“确定”

按钮，图片文件bjhy.jpg就存放在“images”内了。

单击“确定”按钮就完成了对网页和图片的保存。

六.思考与练习

在网页中插入图片，将插入图片的网页保存，并将图片存放到images文

件夹内。

第三课扫瞄网页有标准

教学目的与要求：

1.把握用表格布局的方法;

2.把握横幅广告的制作方法；

3.完成班级简介页面的制作。

教学重难点：L表格的布局与插入；2.制作横幅广告。

教学过程：

一.复习巩固

二.引入新课

制作了首页，我们就好象拥有可一扇大门，推开这扇门就应当看到里面

丰富多彩的内容。下面，我们用“班级简介”页面、“班级荣誉”页面、

“活动剪影”页面……来丰富我们的家园。本课，我们以“班级简介”

页面为例学习网页的制作。

三.插入表格

（制作网页前，我们要先设计网页内容的布局，依据设计，插入合适的

表格。当要制作一个内容较简单的网页时，可以插入两个或多个规范的

表格来定位，使每个表格不过于简单，便利我们的编辑。）

1.新建一个网页。先插入一个2行2列的表格，再将第2列合并成

一个单元格。这一表格用来放置网站标志图片和校园风光图片。

2.将光标放到第一个表格下方，再连续插入一个1行6列的表格，

用于排放栏目。

3.将光标放到第二个表格下方，再连续插入一个1行1列的表格。

在这个表格中制作“班级简介”的文字及图片内容。

布局做好后，网页基本完成了一半。接下来，只要把相应的内容放到不

同的单元格就可以了。

四.给网站名单元格添加背景

将光标定位在单元格内，然后

1.单击“表格”一“属性”一“单元格”，弹出“单元格属性”对话

框;

2.选中“使用背景图片”；

3.单击“扫瞄”，选择背景图片文件”背景图2.gif”；

4.单击“确定”按钮。

五.横幅广告的制作

横幅广告并不是一种动画，而是通过横幅广告管理器制作的由多个大小

相同的图片交替显示的一种动态效果。

将校园风光图片制作成横幅广告。首先，将光标定位在插入校园风光图

片的单元格内，然后

1.单击“插入”一“组件”一“横幅广告管理器”，弹出“横幅广告

管理器属性”对话框；

2.单击“添加”按钮，依次添加要显示的图片；

3.单击“确定”按钮。

六.思考与练习

第四课网页素材先预备

教学目的与要求：1.了解网站建设规划流程；2.收集整理资料。

教学重难点：1.网页的连接；2.网站的规划。

教学过程：

一.引入新课

我们的校园生活丰富多彩，班级活动活泼好玩，怎样让远方的伙伴了解

我们的校园生活呢？为了更好地展示我们班级的风采，让更多的人认识

和观赏我们，我们可以制作班级网站，发布到因特网上，让更多的人了

解我们班。

二.网页之间如何联系

1.在因特网上，利用超级链接可以便利地将与网站主题相关联的一个个

网页链接起来，使其变成一张有序的网，为人们呈现丰富的主题内容。

2.以“中国儿童中心”的首页为例，介绍网页的链接。

在“中国儿童中心”网站中，网页是由一层层的超级链接组织起来的。

如第一个页面中包括“芝麻开门”、“故事地界”、“能力大比拼”、“嬉戏

天地”等栏目，“嬉戏天地”栏目又分别链接有“益智嬉戏”网页、“趣

味嬉戏”网页、“技巧嬉戏”网页三大内容。当我们选择“益智嬉戏”时,

又看到许多嬉戏名称供我们选择。

3.请学生任凭找一个网站，点击网页，体验超级链接。

三.网站规划与素材预备

网站是由多个网页链接组成的，在开始制作网站前最好做好整体规划。

1.确定网站主题。网站的主题决定制作网站的风格，决定网站所包含的

网页信息。

2.搜集素材。通过多种渠道搜集网站所需要的各种素材。

3.筛选、整理素材。对搜集来的素材进行必要的选择、修改、编排、整

理，筛选出各类网页所需要的素材。有时还需要依据实际情况自己动手

完成一些必要的文字、图片等素材。

4.做好网站建设规划。依据我们筛选、整理的素材，依据不同的分类，

规划整理到不同的网页中。同时要留意使页面布局主题突出、美观大方、

有自己的特色。

5.选择网页制作软件，开始制作。

四.思考与练习

为自己的班级网站设计一个欢迎首页。

第五课使用表格版面齐

教学目的与要求：

1.了解表格在网页中的作用；

2.把握插入表格的方法；

3.把握首页命名及设置网页标题的方法。

教学重难点：1.利用表格制作网页。

教学过程：

一.复习巩固

二.引入新课

一个好的网页不仅内容要充实，而且版面要美观。为了一个好的视觉效

果，需要精心装点自己的家园。打开我们的网页，怎样将网页中的文字、

图片摆放得更美观一些呢？

三.利用表格制作网页

插入表格的方法格外简洁，但在插入表格之前，我们需要知道自己要画

一个几行几列的表格。

1.新建网页并设置网页背景。

单击“新建”按钮，新建一个网页。将适合的图片设置成网页背景

2.打开“插入表格”对话框。

单击“表格”一“插入”一“表格”，弹出“插入表格”对话框。

3.输入行、列数，设置布局参数，单击“确定”按钮。

4.通过鼠标调整表格的列宽。

5.在合适的位置放入欢迎文字、全家福、欢迎词等。

四.设置网页标题

在“保存网页”对话框中设置网页标题。

1.输入文件名：index

2.单击“更改”弹出“设置网页标题”对话框

3.输入网页标题“首页”，单击“确定按钮”

{index.htm是网站常用的首页名。这是因为，我们在扫瞄器中输入一个

网址时，扫瞄器会自动查找该地址的index.htm文件，并将其打开。｝

五.思考与练习

建立一个介绍自己的网页。并将内容通过表格定位。

第六课图像声音齐上阵

教学目的与要求：

1.把握设置背景图片的方法；

2.把握设置背景音乐的方法；

3.把握保存背景音乐的方法。

教学重难点：1.设置背景图片；2.设置背景音乐。

教学过程：

一.复习巩固

二.引入新课

我们在扫瞄许多网页时，可以听到美丽的音乐，看到秀丽的背景。今

日，我们就揭开它的神秘面纱。

三.为网页设置背景

1.单击“格式”一“背景”，打开“网页属性”对话框。

2.选择“背景”标签，选中“背景图片”，单击“扫瞄”，选择背景图片,

单击“确定”按钮。

四.为网页配背景音乐

1.在“网页属性”对话框中选择“常规”标签。

2.单击“扫瞄”按钮，弹出“背景音乐”对话框，选择背景音乐文件，

单击“确定”按钮。

五.保存网页

1.把“背景.gif”更名为“bj.gif"，保存在images文件夹内。

2.把“背景音乐.mid”更名为“bjyy.mid”,保存在站点根目录下。

六.思考与练习

为自己的网页设置背景图片和音乐。

第七课网页越做越秀丽

教学目的与要求：

1.了解表格的一般操作；

2.把握制作欢迎字幕的方法。

教学重难点：1.制作欢迎字幕。

教学过程：

一.复习巩固

二.引入新课

我们常常会在网站上看到一行或多行滚动的文字，就和电影中移动的字

幕一样，格外好玩。今日，我们学习制作滚动字幕的方法。

三.拆分单元格

（在制作滚动字幕之前，要确定字幕的位置。我们可以将“欢迎走进温

馨的XX班网上家园”单元格拆分为两行，下面一行用于放置字幕。）

拆分单元格的方法：将光标定位在要拆分的单元格中，然后

1.单击“表格”一“拆分单元格”，弹出“拆分单元格”对话框；

2.设置拆分的方式，如：拆分成行；

3.设置拆分的行数，如：2行；

4.单击“确定”按钮。

四.制作欢迎字幕

将光标定位在要插入字幕的单元格中，

1.单击“插入”一“组件”一“字幕”，弹出“字幕属性”对话框；

2.输入文字；

3.单击“确定”按钮。

（在一个内容较简单的网页中，要较好地定位内容，需要对表格进行分

割、行列的插入或删除、单元格的合并、拆分等。这些操作都可以在“表

格”菜单中进行，操作方法也很相像。）

五.思考与练习

1.在表格内进行表格的插入、删除、拆分、合并等操作；

2.在自己的网页中，插入一个简短的“欢迎字幕”，并试着转变字幕的

颜色。

第八课链接网页成一家

——超级链接的制作

教学目的与要求：L认识超级链接；2.把握建立文字、图片超

级链接的方法。

教学重难点：1.建立图片的超级链接

教学过程：

一.复习巩固

二.引入新课

我们已经做好两个网页，如何使这两个网页紧密地联系起来，让更多的

扫瞄者能便利地在它们之间自由地进出呢？

当我们在网上冲浪的时候，常常会单击页面上某些文字或图片来进入我

们的目标页面。我们把从一个页面到另一个页面的链接叫做超级链接。

三.创建图片的超级链接

首先，打开网页文件，选中要设置超级链接的图片。然后

1.单击“插入”一“超链接”，弹出“创建超链接”对话框；

2.选择超链接到的网页。如：bjjj.htm

3.单击“确定”按钮。

｛当鼠标移动到有超级链接的文字或图片时，一般情况下，鼠标会

变成手状，表明这上面有超级链接。这时，单击就可以转入链接到的页

面。

创建好首页到“班级简介”页面的超级链接后，我们可以轻松地从首页

进入到“班级简介”页面。那么，怎样从班级简介“bjjj.htm”页面再

跳回首页呢？很简洁，当然还是设置超链接，将它链接回来就行了。｝

四.观察设置超级链接前后，“首页”文字有什么变化。

五.思考与练习

1.请给自己的首页加上一个文字或图片的超级链接

2.保存网页并到扫瞄器中进行测试，观察鼠标指针的变化

第九课创建站点做网页

教学目的与要求：

1.把握指向信箱超级链接的设置方法；

2.把握设置网页过渡效果的方法。

教学重难点：为个人小档案网页中的E-mail信箱设置超级链接

教学过程：

一.复习巩固

二.引入新课

在个人小档案网页中，每个同学都有自己的E-mail信箱。为了便利扫瞄

者给他们写信，我们可以为E-mail信箱设置超级链接。为E-mail信箱

设置超级链接的方法与文字和图片设置超级链接的方法稍有不同。

三.为个人小档案网页中的E-mail信箱设置超级链接。

1.右键单击E-mail信箱，单击快捷菜单中的“超链接”菜单项，弹

出“创建超级链接”对话框；

2.单击“制作发送电子邮件的超链接”按钮，弹出“创建电子邮件

超链接”对话框;

3.在光标处输入邮箱地址；

4.单击“确定”按钮；

5.单击“确定”按钮。

E-mail的超级链接设置好后，扫瞄网页时，单击该超级链接，系统会自

动进入写新邮件的窗口。

制作了许多类似的个人小档案网页，为了使这些相像的网页的显示效果

产生肯定的变化，我们可以为每位同学的个人档案网页设置网页过渡效

果。

四.为个人小档案网页设置网页过渡效果

1.在设置网页过渡效果的网页中单击“格式”一“网页过渡”，弹出

“网页过渡”对话框；

2.设置过渡时间；

3.设置过渡效果；

4.单击“确定”按钮。

五.思考与练习

1.制作自己小组同学的个人小档案，并设置好电子邮件的超链接

2.在制作的网页中，设置网页过渡效果

第十课更多效果在连续

教学目的与要求：

1.建立同学通信录网页；

2.设计制作人物的具体介绍页面。

教学重难点：1.利用图片属性设置图片的大小；2.制作个人小档案。

教学过程：

一.复习巩固

二.引入新课

同学们肯定都有秀丽的电话簿、好玩的纪念册等，里边记录着每位朋友

的个人资料和联系方式。

在我们的班级网站中，我们可以把同学们的照片和名字放在网页上，制

作成图文并茂的同学录。

三.利用图片属性设置图片的大小

在表格内插入照片时，过大的照片会将表格撑大，影响整体布局，这时

需要对图片大小进行调整。为了使全部的照片大小一致，我们可以使用

“图片属性”来设置。

1.右键单击图片，单击“图片属性”快捷菜单项，弹出“图片属性”

对话框；

2.选择“外观”标签；

3.选中“指定大小”；

4.取消“保持纵横比”；

5.输入宽度和高度的象素值；

6.单击“确定”按钮。

用同样的方法把其他照片设置为同样大小。

｛图片宽度与高度的象素值，可通过受动调整第一幅图片获得。

我们在制作网页时，常常会用到网页属性、表格属性、单元格属性、图

片属性等。除了使用菜单打开的方式外，利用鼠标右键的快捷菜单更便

利。｝

四.制作个人小档案

1.复制“模版一.htm”文件,粘贴后将其更名为“grdal.hem”；

2.插入一个1行2列的表格；

3.在第一列单元格内插入一照片；

4.在第二列插入一个6行2列的表格。设置表格对齐方式为：水平

居中，单元格边距、单元格间距均为2。输入个人档案内容。

五.思考与练习

1.把个人小档案网页制作成模版，完成其他同学的个人档案

2.美化网页中的表格及文字

第十一课网页模板效率高

教学目的与要求：L把握建网页模版的方法；2.学会布置荣誉室。

教学重难点：L模版网页；2.班级荣誉网页。

教学过程：

一.复习巩固

二.引入新课

荣誉大厅网页主要是展示班级的一些荣誉照片及图片的说明文字。怎样

布局呢？

由于网站是由多个网页组成的，这些网页中通常有些内容是相同的，如

标志图片、横幅广告、导航条等。怎样能使这些相同的部分，直接调入

到新的网页中使用呢？这就需要网页模版。

下面，我们用班级简介网页制作一个模版网页，并利用这个模版来完成

班级荣誉网页的制作。

三.用班级简介网页制作一个模版网页

1.新建一网页，照bjjj,htm的样子设置好网页属性，并保存为“模

版一.htm”；

2.在已有网页中选中共同内容。打开“bjjj.htm”网页，将表格定

位在第一个表格，单击“表格”一“选定”一“表格”。这样，第一个表

格就被选中了；

3.复制选中的内容到模版网页。单击工具栏中的“复制”按钮，再打开

模版文件”模版一.htm”，单击“粘贴”按钮即可；

4.复制全部的共同内容到模版文件中。把共同的内容制作完后就完

成了模版网页的制作。

四.用模版网页制作班级荣誉网页

1.复制模版网页。在文件夹列表选中模版网页文件“模版一.htm”,

单击“复制”按钮，再单击“粘贴”按钮，FrontPage会自动在网站内

建立一个“模版——复制版）.htm制把它更名为“bjry.htm”即可；

2.打开“bjry.htm”网页，在导航栏下方插入一个4行4列的表格;

3.分别插入图片和文字到相应的单元格内，并调整图片大小；

4.保存并预览网页。

五.思考与练习

1.利用自己制作的模版网页，制作其它网页。

第十二课框架网页初体验

教学目的与要求：

1.把握插入水平线的方法；

2.把握插入书签，建立网页内超级链接的方法。

教学重难点：1.创建书签

教学过程：

一.复习巩固

二.引入新课

同学们有许多特长，我们可以通过“风采展示”网页进行展示。“风采展

示”网页下面含有“习作园地”、“小小画廊”、“动物世界”等页面，“习

作园地”页面下又含有同学们的许多篇文章。

三.制作“风采展示”网页

1.制作“风采展示”网页，将网页命名为“fczs.htm"，标题为“风

采展示”。

(1)单击“插入”一“水平线”选项，在页面插入一水平线；

(2)插入一个3行2列的表格，边框粗细为1,亮边框为兰色，暗边框为

白色，并在相应单元格内插入图片并输入文字；。

2.制作“习作园地”页面，将该页命名为“xzyd.htm"，标题为“习

作园地

(1)插入一个表格，并设置表格背景；

(2)再在这一表格内插入一个8行2列的表格，设置为水平居中，在相应

单元格内输入文章标题及序号。

3.制作“习作园地”下的文章。

首先插入4行1列的表格，分别在相应位置输入标题、作者、文章内容,

最终一行插入一图片并建立返回“习作园地”的超级链接。用相同的方

法制作其他文章的页面，分别命名为xzl.htm,xz2.htm网页标题为

习作一，习作二……

4.完成这三级页面的超级链接。

四.在习作一创建书签

｛习作一的文章“悟空、八戒油城见闻”，文章这么长，分为“孙悟空三

考李西歌”、“猪八戒逛油城”两部分。拖动滚动条查看很不便利，怎样

才能快速查看任意一部分内容呢？

当网页中的内容较长时，我们同样可以在网页内部建立超级链接，称做

书签。它是将网页中的一些关键字与网页中的某部分内容链接起来，单

击关键字，就会跳转到相应的内容。｝

1.插入书签。将光标定位在超级链接的目标位置，即文章第一部分

“孙悟空三考李西歌”的前面。

(1)单击“插入”一“书签”选项，弹出“书签”对话框；

(2)输入书签名称“孙悟空三考李西歌”；

⑶单击“确定”按钮。

这时，就在指定位置插入了一个标记，这就是我们插入的书签。

2.创建超级链接。选中需要建立超级链接的文字，即文章顶端的小

标题“孙悟空三考李西歌二

(1)选中文章顶端的小标题；

(2)单击“插入”一“超链接”，弹出“创建超链接”对话框；

(3)选中我们已经插入的书签“孙悟空三考李西歌”；

(4)单击“确定”按钮。

保存网页，扫瞄器中预览该网页，单击“孙悟空三考李西歌”，这一部分

的内容就跑到屏幕的顶端了。

五.思考与练习

1.在什么情况时使用书签比较便利？

2.对其他几篇比较长的文章建立书签

第十三课框架网页渐完善

教学目的与要求：

1.学会制作“小小画廊”网页；

2.把握导入图片文件到网站的方法。

教学重难点：L制作“小小画廊”网页

教学过程：

一.复习巩固

二.引入新课

“风采展示”下的“小小画廊”页面可以充分展示同学们的绘画作品，

今日我门就来学习如何制作“小小画廊”。

三.制作“小小画廊”页面

1.复制“模板一.htm”，粘贴并命名为“xxhl.htm"，网页标题“小

小画廊”；

2.插入5行3列的表格，中间一列单元格设置白色背景，并调整列

宽；

3.制作第一幅绘画作品

(1)在第一行第二列的单元格内插入一个3行3列的表格；

(2)在第一行第三列的单元格内插入一个2行1列的表格，并调整好行高

与列宽；

(3)在单元格内设置背景颜色，输入文字或插入图片，调整大小；

(4)在单元格内输入文字，插入图片，调整大小。

4.复制制作好的第一行的表格到后面各行，再将图片和文字更换一

下即可。

四.导入图片文件到images文件夹中

｛在上面的制作中，需要不断地删除、插入、调整大小，太麻烦了。有什

么更便利的办法更换单元格中的图片呢？

由于要更换的图片在网站外，我们可以将它们导入到网站的images文件

夹内，之后在调用更便利多了。｝

1.单击“文件”一“导入”选项，弹出“导入”对话框；

2.单击“添加文件”添加要导入的文件；

3.单击“修改”，修改文件位置和名字；

4.单击“确定”按钮。

五.通过images文件夹，更换成其他绘画作品和作者照片。

1.选中第二行的绘画作品，打开“图片属性”对话框；

2.单击“扫瞄”，更改“图片源”为images文件夹中的hh2.gif文

件；

3.单击“确定”按钮。

六.思考与练习

1.导入图片有什么好处？

2.将自己的计算机绘画作品制作成一个网页

第十四课测试更新不能忘

教学目的与要求：

1.把握通过HTTP发布网站的方法；

2.把握通过FTP发布Web网站的方法。

教学重难点：L通过HTTP发布网站；2.通过FTP发布Web网站。

教学过程：

一.复习巩固

二.引入新课

网站做好了，要让更多的人观赏到我们的网站，需要把网站发