新人教版xp版六年级上册信息技术全册教案

六年级信息技术上册教案

第一课简单网页尝试做

教学目的与要求：

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

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

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

教学过程：

一.复习巩固

二.引入新课

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

三.建立新站点

1.打开Frontpage,单击“文件”f“新建”一“站点”，打开“新建”对话框。

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

四.建立网页

在FrontPage中创建站点后，会自动在站点文件夹内创建两个文件夹，用于制作网页时存放各类资

源。

在光标处输入网站的名称，并写上一段欢迎的文字，例如“欢迎走进温馨的XX班网上家园”。

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

五.保存网页

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

六.预览网页

1.在浏览器中预览网页。单击“文件”一“在浏览器中预览”，打开“在浏览器中预览”对话框，

单击预览。

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

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

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

第二课美化网页显身手

教学目的与要求：

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

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

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

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

教学过程：

一.复习巩固。

二.引入新课

仅有文字的网页显得有些单调，今天，我们在网页上挂上我们的全家福“班级合影”图片。

三.打开站点

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

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

四.插入图片

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

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

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

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

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

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

{①插入的图片的大小可以自由调整。单击图片，出现8个控制点，拖动这些控制点就可以改变图

片的大小。

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

五.保存图片

在保存含有图片的网页时，计算机会自动弹出一个“保存嵌入式文件”对话框。这是因为我们刚刚

从站点外“我的资料”文件夹中插入了一个图片，现在计兑机要求把这个图片存放到站点内。

文件名new_pal.jpg是计算机自动生成的。为了方便使用，我们可以重新给图片起名字。在“保存

嵌入式文件”中选择图片文件new_pal.jpg,单击下面的“重命名”按钮，可对其重命名。我们将

图片文件重命名为bjhy.jpgo

为方便图片管理，计算机自动在站点内为我们建立了一个存放图片的文件夹imageso一般情况下，

我们都把图片文件存放在这个文件夹内。

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

夹”对话框。选中“images”,单击“确定”按钮,图片文件bjhy.jpg就存放在“images”内了。

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

六.思考与练习

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

第三课浏览网页有标准

教学目的与要求：

1.掌握用表格布局的方法；

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

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

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

教学过程：

一,复习巩固

二引入新课

制作了首页，我们就好象拥有可一扇大门，推开这扇门就应该看到里面丰富多彩的内容。下而，我

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

以“班级简介”页面为例学习网页的制作。

三.插入表格

（制作网页前，我们要先设计网页内容的布局，根据设计，插入合适的表格。当要制作一个内容较

复杂的网页时，可以插入两个或多个规范的表格来定位，使每个表格不过于复杂，方便我们的编辑。）

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

放置网站标志图片和校园风光图片。

2.将光标放到第一个表格下方，再继续插入一个1行5列的表格，用于排放栏目。

3.将光标放到第二个表格下方，再继续插入一个1行1列的表格。在这个表格中制作“班级简

介”的文字及图片内容。

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

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

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

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

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

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

4.单击“确定”按钮。

五.横幅广告的制作

横幅广告并不是一种动画，而是通过横幅广告管理器制作的由多个大小相同的图片交替显示的一种

动态效果。

将校园风光图片制作成横幅广告。首先，将光标定位在插入校园风光图片的单元格内，然后

1.单击“插入”一“组件”一“横幅广告管理器”，弹出“横幅广告管理器属性”对话框；

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

3.单击“确定”按钮。

六.思考与练习

第四课网页素材先准备

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

教学重难点：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.在自己的网页中，插入一个简短的“欢迎字幕”，并试着改变字幕的颜色。

第八课链接网页成一家

一一超级链接的制作

教学目的行要求：1.认识超级链接；2.掌握建立文字、图片超级链接的方法°

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

教学过程：

—.复习巩固

二.引入新课

我们已经做好两个网页，如何使这两个网页紧密地联系起来，让更多的浏览者能方便地在它们之间

自由地进出呢？

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

个页面到另一个页面的链接叫做超级链接。

三.创建图片的超级链接

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

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

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

3.单击“确定”按钮。

｛当鼠标移动到有超级链接的文字或图片时，一般情况下，鼠标会变成手状，表明这上面有超

级链接。这时，单击就可以转入链接到的页面。

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

那么，怎样从班级简介“bjjj.htm”页面再跳回首页呢？很简单，当然还是设置超链接，将它链接

回来就行了。｝

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

五.思考与练习

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

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

第九课创建站点做网页

教学目的与要求：

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

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

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

教学过程：

一.复习巩固

二引入新课

在个人小档案网页中，每个同学都有自己的E-mail信箱。为了方便浏览者给他们写信，我们可以

为Efail信箱设置超级链接。为E-mail信箱设置超级链接的方法与文字和图片设置超级链接的方

法稍有不同。

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

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”文件，粘贴后将其更名为“grdaLhem”；

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

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

4.在第二列插入一个6行2列的表格。设置表格对齐方式为：水平居中，单元格边距、单元格

间距均为2。输入个人档案内容。

五.思考与练习

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

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

第十一课网页模板效率高

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

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

教学过程：

—.复习巩固

二.引入新课

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

由于网站是由多个网页组成的，这些网页中通常有些内容是相同的，如标志图片、横幅广告、导航

条等C怎样能使这些相同的部分，直接调入到新的网页中使用呢？这就需要网页模版。

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

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

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

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

格，，一，，选定，，一，，表格二这样，第一个表格就被选中了；

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

单击“粘贴”按钮即可；

4.复制所有的共同内容到模版文件中。把共同的内容制作完后就完成了模版网页的制作。

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

1.复制模版网页。在文件夹列表选中模版网页文件“模版一.htm"，单击“复制”按钮，再单

击“粘贴”按钮,Frontpage会自动在网站内建立一个“模版——复制（1）.htnT,把它更名为“bjry.htm”

即可；

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

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

4.保存并预览网页。

五.思考与练习

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

第十二课框架网页初体验

教学目的与要求：

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

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

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

教学过程：

一,复习巩固

二引入新课

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

园地”、“小小画廊”、“动物世界”等页面，“习作园地”页面下又含有同学们的许多篇文章。

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

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

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

(2)插入一个3行2列的表格，边框粗细为1,亮边框为兰色，暗边框为白色，并在相应单元格内插

入图片并输入文字；。

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

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

(2)再在这一表格内插入一个8行2列的表格，设置为水平居中，在相应单元格内输入文章标题及

序号c

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

首先插入4行1列的表格，分别在相应位置输入标题、作者、文章内容，最后一行插入一图片并建

立返回“习作园地”的超级链接。用相同的方法制作其他文章的页面，分别命名为xzl.htm,

xz2.htm...网页标题为习作一，习作二

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

四.在习作一创建书签

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

两部分。拖动滚动条查看很不方便，怎样才能快速查看任意一部分内容呢？

当网页中的内容较长时，我们同样可以在网页内部建立超级链接，称做书签。它是将网页中的一些

关键字与网页中的某部分内容链接起来，单击关键字，就会跳转到相应的内容。｝

1.插入书签。将光标定位在超级链接的目标位置，即文章第一部分“孙悟空三考李西歌”的前

面。

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

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

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

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

2.创建超级链接。选中需要建立超级链接的文字，即文章顶端的小标题“孙悟空三考李西歌”。

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

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

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

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

保存网页，浏览器中预览该网页，单击“孙悟空三考李西歌”，这一部分的内容就跑到屏幕的顶端

了。

五.思考与练习

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

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

第十三课框架网页渐完善

教学目的与要求：

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

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

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

教学过程：

一.复习巩固

引入新课

“风采展示”下的“小小画廊”页面可以充分展示同学们的绘画作品，今天我门就来学习如何制作

“小小画廊

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

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

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

3.制作第一幅绘画作品

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

⑵在第一行第三列的单元格内插入一个2行1列的表格，并调整好行高与列宽；

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

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

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

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

{在上面的制作中，需要不断地删除、插入、调整大小，太麻烦了。有什么更方便的办法更换单元

格中的图片呢？

由于要更换的图片在网站外，我们可以将它们导入到网站的images文件夹内，之后在调用更方便

多了,}

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

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

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

4.单击“确定”按钮。

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

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

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

3.单击“确定”按钮。

六.思考与练习

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

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

第I四课测试更新不能忘

教学目的与要求：

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

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

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

教学过程：

—.复习巩固

二.引入新课

网站做好了，要让更多的人欣赏到我们的网站，需要把网站发布出去。

完成网站内所有网页的编辑后，经过检查无误，就可以发布站点了。网站既可以发布到Internet

网上的“