初中信息技术网站制作教案

网站设计规划

教学目标：

让学生了解网站建设的前期准备工作。

学会如何规划一个网站。

教学重点：

建设一个网站的步骤

教学难点：

对网站的构思及策划

教学辅助手段：

制作或下载一个漂亮的网站（最好是自己制作） 多媒体电脑房软件

教学过程：

第一节

教学内容：初步了解制作网页的工具frontpage

教学目标：了解网页的基本概念

学会启动frontpage

了解frontpage的工作环境

初步了解frontpage的工作原理

教学过程：

一、 让学生观看网页，提问：什么是网页？什么是主页、网站，它们之间

是什么关系？

二、 提问：制作网页使用的工具软件是什么？学生看书后回答问题。

1 / 11

三、 怎么启动frontpage呢？教师提示，其启动方式与word,powerpoint

方式一样，让学生试启动。

四、 学生认识frontpage的操作介面，观察其与oint的操作

介面有何异同。

五、 通过观察网页，学生回答构成网页的基本元素。

六、 教师演示frontpage制作网页的方法，说明它们的许多操作与word

powerpoint一样，使学生觉得他们使用很简单，不陌生，初步熟悉frontpage

这个制作网页的工具软件。

第二节

教学内容：初步学习制作简单的网页

教学目标

1、学会创建新网页

2、学会在网页中输入文字并设置文字格式。

3、保存网页与打开网页

4、预览网页

教学过程：

一、 学会创建网页

让学生回忆word、powerpoint启动以后，会自动创建一个新页面，那

frontpage是不是也一样呢？学生演示观察。

怎样再创建一个新页面，与word、powerpoint一样吗？

二、 学习在网页里输入文字

提示：在网页里输入文字，与word完全一样，学生试练习操作。

2 / 11

提问：在网页里输入文字原来这么简单，那么设置文字格式是不是也很简

单呢？和我们前面学过的word、powerpoint一样吗？学生试用交流后，感觉很

简单， 操作上一样。

三、 怎么保存网页？

提示：他们的保存与我们前面所学的软件操作是一样的，学生试操作，互

相交流，回答教师提问，并让一名学生演示操作过程。

四、 打开保存的网页。

学生试练习操作，然后叙述操作的过程和感受。

五、 预览网页

想知道自己做好的网页是什么样子吗？让学生单击预览，观察他们与制作

好的页面有什么区别？

六、 总结。

第三节

教学内容：初步学习网页的美化

教学目标

1、学习给文字增加边框和底纹

2、学习添加水平线

教学过程：

一、 引言

在前节课，我们学习了通过给文字设置格式，美化了文字，在这节课，我

们将学习另一种美化文字的方法，它将使我们网页上的文字更加漂亮。

二、 给文字添加边框与阴影

让学生看课本，怎样进入设置对话框？

3 / 11

进入设置边框与阴影对话框，观察操作界面，学生试操作练习，对于练习

中的问题，教师给予讲解。学生体会到操作上的简便，只要会进入操作界面，

操作上就简单多了。

三、 添加水平线

先让学生观察网页上的水平线，认识水平线及其在网页中的作用。

阅读课本上的图示，了解怎样进入设置水平线的对话框，学生试操作。提

问：怎样设置已添加的水平线呢？教师通过操作讲解，让学生明白，修改水平

线的属性，一般都是在要修改对象上单击鼠标右键，在其快捷菜单里就可找到

其属性设置按钮。

四、 总结本节课内容。

第四节

教学内容：插入图片和背景

教学目标

1、学会在网页中插入图片。

2、学会给网页添加背景。

教学过程：

一、 引言。

上节课，我们学习了在网页中输入文字和添加水平线，但网页中只有文字

而没页有图片是不行的，那么怎样插入图片呢？

二、 在网页中插入图片

提示：在网页中插入图片的方法和powerpoint是一样的，让学生试操作，

分别插入剪贴画、来自文件。并调整图片的大小，观察其与powerpoint的区

别。

三、 设置图片的对齐方式

4 / 11

提示：我们在前面学习的文字的对齐方式，图片的对齐方式与其一样吗？

请同学们试一试，然后再看看课本。

学生演示并回答问题，认识到他们的对齐方式是一样的，但在其图片属性

里的对齐方式有更多种。

四、 给网页添加背景

引言：网页的背景是白色的，太缺少色彩了，那怎样给网页添上背景颜色

呢？同学们看书讨论后，尝试练习。并认识到还可用图片做背景。

一人上机演示。

五、 总结本节课内容。

第五节

教学内容：让网页更丰富(一)

教学目标

1、学会在网页中插入背景音乐

2、学会在网页中插入视频

教学过程：

一、 引言：

我们上网时，打开一些网页，会出现动听的音乐，还能在网上看电影，这

节课，我们就学习如何在网页里插入背景音乐和视频。

二、 在网页里插入背景音乐

同学们看书，了解插入背景音乐的对话框打开步骤，尝试在网页中插入音

乐，然后预览网页。

怎样设置背景音乐的播放次数？学生观看背景音乐设置对话框后让一个上

机演示。

5 / 11

三、 在网页中插入视频

学生阅读书本后尝试练习，预览网页。

观看课本， 了解视频文件的播放方式，然后尝试练习。

四、 总结本节课内容。

第六节

教学内容：让网页更丰富(二)

教学目标

1、学会在网页中插入滚动字幕

2、学会设置悬停按钮

教学过程：

一、 在网页中插入滚动字幕

引言：我们晚上看电视的时候，经常看到上面滚动的广告条，那就是字

幕，在网页中我们也经常看到字幕，其实，字幕的制作非常简单，现在我们一

起学习字幕的制作。

学生们看书后，尝试练习，很容易便做出了字幕。

提示：同学们观察字幕的属性设置对话框，我们还可对字幕进行怎样的设

置？

学生回答后，让学生一个个地进行尝试，体会字幕的每一个属性，然后回

答教师的提问：

“延迟”和“数量”分别对字幕的速度有什么影响？

用自己的话描述字幕的表现方式？

“文本对齐方式”指的是什么？

6 / 11

二、 设置悬停按钮

引言：当我们浏览网页的时候，经常会发现有些按钮，当鼠标移过它们上

方时，这些按钮会产生一些变化，这种按钮，就叫做悬停按钮。下面，我们就

学习悬停按钮的制作。

学生看书，了解制作悬停按钮的步骤，然后尝试练习。

教师提问：“按钮文本”指的是按钮的什么？

什么是“效果颜色“？

教师提示：有“悬停按钮“的网页，必须保存后才能看到悬停按钮。

三、 总结本结内容。

第七节 用表格来规划网页(一)

教学内容：创建表格，表格的编辑，单元格的合并与拆分

教学目标：学会创建表格，认识表格的行与列；

编辑表格，学会调整表格的行高与列宽；

学会合并单元格与拆分单元格

教学过程：

一、 学习创建表格

教师让学生观看一个网页，再删去网页上的元素，让学生了解表格在网页

制作中的作用。

教师指导学生认识表格中的行与列，行数与列数。

教师教给学生创建表格的方法与步骤，使学生认识到创建表格要知道所要

创建表格的行数与列数。

二、 表格的编辑

7 / 11

在网页中，我们发现表格的行高与列宽并不一定是均匀的，在实际制作网

页时，我们必须要调整行的高度与列的宽度，来满足我们制作网页的需要，那

么，怎么调整表格 的行高与列宽呢？

让学生看课本，观看调整的方法，然后让一个学生演示并讲解自己的操作

方法，再让几个学生在电脑上进行演示。

三、 单元格的拆分与合并

让学生观看网页上的表格，学生会发现单元格并不一致，引出单元格的合

并与拆分。

让学生自己查阅课本，找出方法，进行演示。

四、 练习

学生试创建以下表格：

第八节 用表格来创建网页(二)

教学内容：学习表格属性的设置，初步学习用表格规划网页

教学目标：较熟练的设置表格的属性，初步学会用表格来规划网页。

教学过程：

一、 设置表格的属性

(1) 让学生观看网页中的表格，及预览后的效果，学生提出疑问，表格怎么

看不见了呢？

(2) 有的表格怎么边框线与别的表格不一样？

(3) 有的表格和单元格还有背景色，这怎么设置呢？

教师告诉学生，这与以前我们对水平线、图片的设置方法一样，都是在属

性里面设置的，同样，表格的这些效果，也是在表格的属性里面进行设置的。

8 / 11

教师告诉学生，进入属性设置的方法都是一样的，都是在对象上单击鼠标

右键，从而进入属性设置的。

教师引导学生观察表格的属性设置窗口，了解基本的概念。

二、 用同样的方法学习单元格属性的设置。

三、 初步学习用表格规划网页。

教师演示，学生观察，了解用表格创建网页的作用。

第九节 用表格创建网页(三)

教学内容：学习较复杂的表格

教学目标：利用表格的嵌套来规划网页

教学过程：

一、 教师演示，让学生知道表格可以嵌套，再观察一些网页，了解嵌套在

网页制作中的重要作用。

二、 教师讲解网页的运行内涵，学生了解到网页打开时的过程，告诉学

生，表格的嵌套最多不要超过三层，否则，网页的打开会比较慢。

三、 学生练习。

第十节 网页和网站

教学内容：网页和网站

教学目标：了解网站与网页的关系；

学会网站的创建和管理

教学过程：

一、 认识网站与网页的关系

指导学生观看网站，提问，网站与网页之间有什么关系？

学生查阅课本后回答问题。

9 / 11

二、 学会网站的创建和管理

(1) 为什么要创建网站？

小学生在制作网站时，经常出现拷贝到别的计算机后，出现图片丢失的现

象，什么原因？

(2) 教师演示如何创建网站。

(3) 教师演示在网站里新增空白网页，添加图片后并保存，让学生观看屏幕

会的什么提示？

(4) 教师在网站里进行网页的切换，让学生观察到网站里的网页管理非常方

便。

三、 网页的属性

学生根据以往的经验，试打开网页的属性设置窗口。并引导学生修改网页

的标题，背景。

四、 学生练习

几名学生在电脑上合作演示制作一个简单的小网站。

第十一课 把网页链接起来(一)

教学内容：网页、网站的超级链接

教学目标：(1)了解超级链接的基本概念；

(2)学会网页之间的超链接；

(3)学会其他网站的超链接。

教学过程：

一、 超级链接的概念

学生都上过网页，又在四年级幻灯片中接触过超链接，因此 很容易理解什

么是超链接。教师引导学生浏览网页，指出什么是超链接。

10 / 11

二、 用文字和图片建立超链接

让学生从书上查阅资料，联系幻灯片中的超链接，制作网页之间的超链

接，再让一个学生在电脑上试做演示，大家共同评价。

三、 链接到其他网站

教师通过上网，给学生演示，了解网页到网站的链接。让学生看课本后，

学生试练。

四、 总结

第十二课 把网页链接起来(二)

教学内容：文件与邮件的链接

教学目标：网页与文件、电子邮件的链接

教学过程：

一、 复习上一节的内容

二、 学习网页与文件的超链接

(1) 建立直观认识，通过浏览网页，让学生观察什么样的链接是与文件的链

接。

(2) 教师演示制作与文件的超链接。

(3) 几名学生分别在电脑上为大家演示制作。

三、 学习电子邮件的超链接

用同样的方法学习电子邮件的超链接。

四、总结。

11 / 11