教学

过程

及内

容

教学环节

教学内容

处理方式

设计意图

情境设置

提问

:

平时大家上网看别人的网页，今天我们要开始学
习制作自己的网页。每个同学都有一个属于自己
的星座，那这节课我们就要来制作自己星座的网
页

引 导 学 生
对 不 同 结
构 的 网 页
进 行 对 比
判断

激 发 学 生 兴 趣
创 设 的 问 题 能
让 学 生 很 快 进
入课堂氛围

新知探究

（15 分钟）

（一）新建网页

：

（

1）我们可以从【文件】菜单中选择【新建】菜单

项，在子菜单中选择【网页】菜单项（

2）这个对

话框中列出了很多事先设计好的网页模板，这时，
我们选择【普通网页】，单击【确定】，一个新的空
白网页就建好了。

（二）

FrontPage 界面介绍

我们看到，

FrontPage 的界面和 word 有点相似，

也是由标题栏、菜单栏、工具栏、工作区和状态栏
等组成，视图栏可以显示，也可以隐藏不显示，
可在菜单【查看】中选择显示或隐藏视图栏。工作
区的底部我们可以看到有【普通

/HTML/预览】三

个标签，选择【普通】标签，可以编辑网页，选择

【

HTML】标签显示的是网页的 HTML 代码，选择

【预览】标签，可以预览网页的效果。

（三）设置网页属性

制作一个网页前，我们先要学会对网页的属性进
行设置，在工作区中单击鼠标右键，出现网页属
性对话框，在这个对话框中我们可以修改网页的
多种属性。
首先是常规属性设置，我们可以修改网页的标题、
背景音乐等，【标题】栏内输入

“我的星座”，点击

【浏览】可以导入背景音乐文件。
我们再来看【背景】这个标签，这里我们可以设置
背景的颜色，也可以导入图片来作为背景。

（四）插入文本

设置好了网页的属性，我们就可以开始制作网页
了，当然，在做的过程中，我们可以随时对网页
的属性进行修改。
（

1）静态文本的插入：

现在我们来看这个网页是怎么做出来的呢，首先
是开头

——“完美理性的处女座”，我们可以看到

那是

艺术字

，但事实上，

FrontPage2000 这个版

本没有提供艺术字，如果同学们想要用艺术字的
话，可以在

word 中先编辑好，然后把它粘贴到

FrontPage 中，

FrontPage
界面介绍

根 据 网 页
主 题 演 示
如 何 进 行
网 页 属 性
的设置

参 照 已 做
好 的 网 页
重 新 一 步
步 地 演 示
给学生看