信息技术教学设计
授课时间
课 型
3.9——3.13
新授 教学方法
课 题
合作、探讨 教具
网页制作

教学目的：1、通过学生相互间的合作来获 取新知。如：设置网页背景，超链
接等2、培养学生间的相互合作关系。

教学重点、难点：

培养学生间的相互合作关系

教学步骤
一、生互相探讨
1、启动FrontPage
2、创建空白网页
单击菜单栏“文件”|“新建”|“站点”，选择“新建”模板中的“空站点”。
3、插入文本文件
单击菜单栏“插入”|“文件”，利用打开的“选择文件”对话框选择教学 光
盘实例库第五章中“悉尼奥运”文件插入。
4、修饰文字
设定字体、字号、颜色，页末输入“华夏风流”。
5、设定背景颜色
在编辑区单击 鼠标右键，打开“网页属性”|“背景”选项卡，单击颜色列
表框的箭头，设定背景颜色。
6、预览
单击“预览”，进行预览；若不满意，可再单击“普通”进行修饰。
7、保存
单击“文件”|“另存为”命令，在打开的“另存为”对话框中输入文件名，
保存类型为“Web”页，单击“更改”按钮，在打开的“设置网页标题”对话框
中输入“27届奥运 ”，单击“确定”。
试一试：创建第二个网页“华夏风流”，方法同上。
8、创建超链接。
要求：把第一个网页链接到第二个网页，第二个网页又能链回到第一个网
页。
9、预览
单击“预览”，观察用鼠标单击“华夏风流”时，能否跳到该网页；单击“返
回上页”时能否返回“27届奥运”网页。
试一试：新建两个空白网页，文件名分别为“ page_3”和“ page_4”，网
页标题分别为“历史见证”和“奥运历史”。并把其相应的文 件插入其中，然后
建立网页间的超链接。
二、小结
你学到了什么？（生自己说）

教学回顾：
这节课完全是放给学生来做的， 目的是想让他们通过自己的学习来发现新知，一节课
下来，发现学生的自学能力不是太强。

信息技术教学设计
授课时间
课 型
3.16——3.20
新授 教学方法
课 题
讲练
插入图片及修饰图片
教具
教学目的：
1、学会在网页插入图片。
2、学会设置图片属性，图片边框等操作。
3、学会制作与设置图片缩约图。

教学重点、难点：
制作与设置图片缩约图
教学步骤
一、复习回顾
二、新课
1、插入图片
A、讲解：其实在FrontPage中插入图片与在Wo rd中插入图片一样，（操作）
“插入图片来自文件”。
B、生练习操作。
2、设置图片属性
A、讲解：
在所插入图片上右击键选择图片属性，会出现设置图 片属性窗口，在其出
现的窗口中有三个选项卡：常规、视频、外观。可根据不同的需要的来设置。
B、生自己试着来做
C、生按师要求来设置图片
要求：1、边框粗细为2。
2、转化为GIF格式。
3、图片工具栏的使用
A、重点讲解：
文本工具、绝对定位工具、自动缩约图工具
B、了解热点工具。
C、学生自己做
D、学生按教师的要求来做
要求：1、把图片制作成自动缩略图。
2、把图片绝对定位拖到最右边。
三、巩固练习
四、小结
本节主要讲解了图片的 设置，在这节里你应该重点学会设置图片属性，图
片边框等操作；学会制作与设置图片缩略图。

教学回顾：
这节课大部分时间是通过教师讲解的，但一节课下来，效果不是太明显的，
可能是由于速度太快了吧。

信息技术教学设计
授课时间
课 型
3.23——3.27
新授 教学方法
课 题
讲练
创建超链接
教具
教学目的：
学会怎样进行超链接（1、学会怎样链接到网页2、学会怎样链接到计算机
中的某一个文件）
教学重点、难点： 超链接的方法

教学步骤
一、复习回顾
1、新建站点
2、保存网页（并更改标题）
3、对图片的修饰及设置（要求：插入 一副图片，并将其边框粗细设置为2，
将其绝对定位，并在其上添加文字）
二、新课
1、生自己做
（要求：新建一个空站点，并在其站点下新建至少两个网页，在新网页中
插入文字和图片。）
2、谈话：
在前面咱们所学的Word、Excel中都学过超级链接，大家都还记得吗？其
实在FrontPage中也有超链接，方法跟咱们以前学过的一样。来看一下。
3、师讲解：
A、首先选中文字或图片。
B、单击工具栏中的超链接按钮或“插入”菜单中的“超链接”。
C、在名称里单击所要链接 的网页，如果要链接到某一个文件，单击“右下
角的第三个按钮”，从计算机中选择一个文件。
4、生自己练习。

三、生巩固练习
四、师小结
这节课我们主要 学习了超链接，其实对于这个咱们已经很熟悉了，关键是
根据来链接，到底选择什么。
教学回顾：
学生对超链接已经并不陌生了，通过这节课的学习，学生大部分掌握了超
链接。

信息技术教学设计
授课时间
课 型
3.30——4.3
新授 教学方法
课 题
讲练
设置网页背景和背景音乐

教具
教学目的：
1、学会怎样添加背景音乐。
2、学会设置网页背景。

教学重点、难点：学会怎样添加背景音乐及设置网页背景。

教学步骤
一、复习回顾
实际操作：超链接
二、新课
1、添加背景音乐
A、谈话：当你打开某个网页时，可能会听到动听音乐声，这是怎么做出来
的呢？这节课咱们就来揭开它 的奥秘。
B、讲解：在网页的编辑区击右键，在弹出的快捷菜单中选择“网页属性”，
之后会 打开网页属性的窗口，在“常规”选项卡中有一项“背景音乐”，单击其
后面的“浏览”按钮，选择一个 背景音乐。
C、在“循环次数”里可以设置循环的次数。
2、生练习
3、设置网页背景
A、谈话：为了使网页更加美观，通常都需要设置网页的背景，怎么来设置
呢？
B、 讲解：在网页的编辑区击右键，在弹出的快捷菜单中选择“网页属性”，
之后会打开网页属性的窗口，在 “背景”选项卡根据需要来设置，可以用图片
来作为背景，也可以用颜色来作为背景。
C、生练习
三、师检查练习结果
叫生上台演示
四、小结



教学回顾：

信息技术教学设计
授课时间
课 型
教学目的：
1、学会怎样新建框架网页。
2、学会保存框架网页。
4.6——4.10
新授 教学方法
课 题
讲练 教具
框架网页

教学重点、难点：
学会如何来保存框架网页。
教学步骤
一、巩固练习
叫生上台演示操作上节课的内容，具体为：
1、新建一个空站点。
2、保存当前的网页。
3、新建一个空白网页并保存。
4、给第一页设置背景。
5、给第二页设置背景音乐。
二、新课
1、导入
谈话：制作网页时，在 很多时候要用到框架网页，如：书上的例子（出示成果），但具
体何为框架网页？看书P105页。
2、识记框架网页并检查效果。
3、讲授框架网页。
A、新建框架网页
（1）方法：单击“文件|新建|网页”，然后在出现的窗口中选择第二个选项卡——框架
网页，根据需 要来选择类型。
（2）生自己练习
B、保存框架网页
（1）谈话：框架网页与普通网页的保存方法不同，具体应为：
（2）讲解：当你单击保存后 ，在出现的对话框中看右下角的预览里的提示，其实框架
网页是由好几个网页组成的，看清预览里的提示 是保存哪个网页的，然后根据要求来选择
保存位置与文件名。
（3）生自己练习。
三、巩固练习
叫生登台演示
四、小结
教学回顾：

这节课内容不多，80%的学生掌握较好！

信息技术教学设计
授课时间
课 型
教学目的：
通过本节课的综合练习，使学生进一步熟练掌握以前学过的操作。
4.13——4.17
复习 教学方法
课 题
讲练 教具
练习

教学重点、难点：
熟练以前的操作
教学步骤
具体要求：
把“ 网上邻居|USER|新建文件夹”中“C试题”文件夹拷贝到“D盘”下，
并将其改成自己的名字，然 后再进行操作。
1、在FrontPatg中新建一个“横幅和目录”的框架网页。
2、在横框中新建一个“欢迎光临我的网站”的字幕。
3、将字模方向设置为左，表现方式为滚动条，背景颜色为蓝绿色。
4、将字模的字体设置为隶书，加粗，36磅。
5、在左框中输入目录文字：“珍珠港事件” 、“中途岛大海战”、“英吉利海
峡的空中战”、“西线的静坐战”。
6、在右框架把C试题文件夹中的文件按“以HTML方式处理”形
式插入。
7、将C试题文件夹下的图片插入文字的右下方，并将其绝对定
位。
8、在右框架网页中将C试题文件夹下的作为其背景音乐。
9、将C试题文件夹下的图片设置为左框架网页的背景。
10、将整个框架网页保存到姓名文 件夹下，其中整个框架保存为横
幅保存为，左框架保存为，右框架保存为。

教学回顾：


题完成的不是太好，可能与上课时练习较少有较大的关系吧。

信息技术教学设计
授课时间
课 型
教学目的：
1、网页中用表格定位方法，输入文字。
2、对表格的行列的编辑及修饰。
4.20——4.24
新授 教学方法
课 题
讲练 教具
插入表格

教学重点、难点：
表格行列的编辑及修饰。
教学步骤
一、复习回顾
二、引入
我们在Word、Excel中都学过插入表格，在Fro ntPage中也可以插入表格，并且还可
以用表格来定位。
三、新课
1、插入表格
A、讲解：依次单击菜单栏的“表格|插入表格”，之后会打开插入表格的对话 框，在出
现的对话框中设置所需表格的行列即可。
B、生练习
2、行列的编辑 < br>A、讲解：同在Word、Excel中一样，也可以对行列进行编辑，如插入行（列），删除
行 （列），合并单元格，拆分单元格等操作，方法也同其一样。
B、师示范
C、生练习
3、行列的修饰
A、讲解：在表格内右击，在出现的快捷菜单中选择“表格属性”，在其出现 的对话框
中可以进行设置，具体可根据实际情况来确定，其中在出现的快捷菜单选择“单元格属性”，< br>可以设置单元格的一些属性。
B、生练习
四、师小结
教学回顾：

能基本掌握所学知识。

信息技术教学设计
授课时间
课 型
教学目的：
1、学会如何插入表单和文本框。
2、会对表单和文本框进行其属性设置。
4.27——4.30
新授 教学方法
课 题
讲练
表单和文本框
教具
教学重点、难点：
表单和文本框的属性设置。
教学步骤
一、复习回顾
二、新课
1、插入表单
方法：单击“插入|表单|表单”。
2、插入文本框
A、单行文本框
方法：单击“插入|表单|单行文本框”。 属性设置：在其上双击（或击右键在右键菜单中选择“表单域属性”），在名称里输入
此文本框的内 部名称，在“初始值”里输入此文本框默认的选项，在宽度里输入此文本框
的宽度，在TAB顺序里输入 1至999的数值，表示按下TAB的顺序，在密码域里可以选
择“是与否”，单击“验证有效性”可以 设置此单行文本框的有效性。
B、滚动文本框
方法：单击“插入|表单|滚动文本框”。
属性设置：在其上双击（或击右键在右键菜单中选择“表单域属性”），在名称里输入
此文本框 的内部名称，在“初始值”里输入此文本框默认的选项，在宽度里输入此文本框
的宽度，在TAB顺序里 输入1至999的数值，表示按下TAB的顺序，在行数里输入滚动
的行数，单击“验证有效性”可以设 置此单行文本框的有效性。
3、生练习
三、巩固练习
四、师小结
教学回顾：

学习情况较好。

信息技术教学设计
授课时间
课 型
教学目的：
了解并知道怎么发布站点。
5.4——5.8
新授 教学方法
课 题
讲练 教具
发布站点

教学重点、难点：
了解并知道怎么发布站点。
教学步骤
一、引入
主页做完后，需将它发布到Internet上，才能让别人浏览到。下面我们来学习如何发
布站点。
二、预备知识
发布站点，就是将我们在自己计算机制作的站点，上传给Internet上的 某个网站的
WWW服务器。在发布站点之前，首先要向选定的网站申请主页空间。申请后，我们会得到一个主页地址、账号、口令。在Internet上申请主页空间一般需要缴纳一定数量的租金，
但也有许多站点可提供免费主页空间。
三、发布站点
步骤：
1、打开“发布站点”对话框
在“网页”视图中打开“悉尼奥运”站点，从“文件”菜单中选 择“发布站点”，打开
“发布站点”对话框。
2、输入Web服务器网址
在“指定发布站点的位置”文本框中，输入Web服务器分配给的地址，单击发布。
3、输入账号、口令
当站点发布向导询问账号、口令时，输入在申请主页空间时得到的账号、口令，单击
“完成”。
4、完成发布。
四、生自己练习
教学回顾：
教学效果较好。

信息技术教学设计
授课时间
课 型
教学目的：
5.11——5.15
复习 教学方法
课 题
讲练 教具
复习

进一步熟悉Frontpage，掌握它的点滴知识。
教学重点、难点：
表格行列的编辑及修饰。
Frontpage复习题
一、选择题：
1、浏览器是浏览网页的软件，目前常用的浏览器是：( )
A．Outlook Express B．Internet Explorer C．Microsoft FrontPage D．Foxmail
2、 下列软件中，不是网页制作工具的是： ( )
A：Access B：Dreamweaver C：FrontPage D：记事本
3、 下面哪一个不是网页的扩展名： ( )
A：.htm B：.html C：.php D：.xls
4、 文字建立链接后，通常在文字的下方会产生 ( )
A：波浪线 B：下划线 C：着重号 D：以上都不对
5、 FrontPage保存的默认文件名为： ( )
A：文档 B： C： D：无标题.xls
６、表格边框线的粗细设置为（ ），在预览方式下表格线不可见。
A：1 B：2 C： 3 D：0
７、新建网站默认路径是（ ）
Ａ：C:My DocumentsMy WebsMyweb Ｂ：Ｄ:My DocumentsMy WebsMyweb
Ｃ：C:My WebsMyweb Ｄ：C:My Web
８、网站与文件夹的区别，下面的说法正确的是：（ ）
A:没有太大的区别 B:网站下会有网页，文件夹则不能有网页。
Ｃ：网站目录下将自动建立－private和images两个子目录。
９、在组件 ----插入字幕时，字幕没有哪种表现方式（ ）
A: 滚动条 B: 幻灯片 C: 交替 D: 淡化
二、判断题
1、 网页一般由文字与图片组成，还可以包括声音、影像和动画等。 ( )
2、 利用Frontpage2000的组件可以非常方便地制作留言板。 ( )
3、网页文件的扩展名是“.html”或“.htm”,还有“.asp”、“.php”等。 ( )
4、web服务器必须有固定的IP地址,因此一般拨号上网的计算机不能作为WE B服务
器.( )
5、记事本可以制作一个简单的网页。 ( )
6、HTML就是制作网页的超文本标识语言。 （ ）
７、网页中可以插入flash动画、gif图片。（ ）
8、在预览状态网页是不可以修改的。 （ ）
9、在网页制作过程中，可直接用HTML语言编辑网页。( )
教学回顾：
有一半多学生做到会80%对。