建立网站站点教案
h2o2是什么-不锈钢口杯
第十四课 建立网站站点
一、教学目标：
知识与技能：1、认识并熟悉FrontPage的界面。
2、了解站点文件夹的概念并学会建立一个空站点。
3、了解主页的概念，并学会主页的建立与保存。
4、利用Word所学插入图片和文字等，初步建立完善主页。
过程与方法：以讨论各自的兴趣爱好引
入，贯穿整个课堂。以自制网页引出网站，讲解常用
制作软件并表明今天的任务就是用FrontPag
e制作简单的网站来介绍自己的兴趣爱好。由于
FrontPage与Word的相似性以及Word是
学生已学过，通过两个界面的对比来认识FrontPage
以及制作网页时如何插入图片、更改背景等
基本操作。整堂课还是采用任务驱动法为主，让
学生自己探索，教师再加以补充。
情感态度与价值观：
通过FrontPage与Word的对比，培养学生利用已有知识学习新知识的
能力。
二、教学重难点
重点：
学会建立空站点以及主页的初步建立与完善。
难点：
理解站点文件夹的概念。
三、课前准备
把素材、任务单发到学生机
四、教学程序
教学
环节
教师活动 学生活动 设计意图
引
入
师：虽然老师教你们也
有一段时间了，但
我们相互之间也没什么了解，现在我们就
来畅谈各自的兴趣爱好，增进友谊。
老师
先来介绍一下自己。
展示自我介绍的网站
师：老师喜欢可爱的小东西，喜欢静静地
看书，喜欢看电视。那同学们呢？
师：同学们的兴趣都很广泛啊，那同学们
有没有注意到老师刚刚是用什么方式来
介绍自己的兴
趣爱好的？
师：对，那准确地说应该是由一个网页构
成的简单的网站。
这是老师自己制作的，
那么你们知道可以用什么软件制作吗？
师：同学们在制作网站方面都没
什么了
解，那就让老师带领大家学习今天的内
容，第十四课《建立网站站点》。
PP
T展示常用制作软件：FrontPage、
Dreamweaver、东方网页王，做简单的介
绍
师：FrontPage简单、易学，对我们初学者
来说是一个很好地选择，我们今天就
来学
习用FrontPage制作简单的网站来介绍自
己的兴趣爱好。
浏览网站
玩游戏、运动、看小
说、看电视
网页
不知道
以讨论兴趣爱
好
引入，活跃
课堂气氛，同
时兴趣爱好贯
穿课堂始终，
本堂课的任务
就
是制作简单
的网站来介绍
自己的兴趣爱
好。
了
解
frontpage
一、启动
我们这个机房的电脑上都已经安装
了frontpage，那么有谁知道如何启动
二、认识界面
启动之后，我们就看到frontpage的界
面了，同学们有没有觉得这个界面很熟
悉，感觉跟某个软件的界面很像？
师：对，FrontPage与Word 文档同属微软
家族中的一员，它们的界面有极其的相
似
性。那现在我们来具体了解一下FrontPage
的界面，也是对Word文档的回顾。
PPT展示FrontPage与Word文档的界面，
让学生回答界面上各部分的名称
补充：通过网页编辑来说明四个选项的作
用。
设计：可以查看编辑状态下的网页。
拆分：把编辑窗口分为两部分上面显示代
码，下面显示编辑状态下的网页。
代码：可以查看HTML源代码。
预览：可以提前预览网页在发布后的情
况。
1、双击桌面上的
frontpage图标
2、开始——程序—
—Microsoft Office—
—Microsoft
Office
FrontPage 2003
Word 文档
标题栏、菜单栏、工
具栏、工作区、任务
窗格
双击这个方法
学生都知道，
所以补充讲解
另外一个方法
学生虽然能找
的
出来异同之
处，但缺乏归
纳总结的能
力，所以通过
PPT上两个界
面
的对比，由
老师带领学生
总结、回顾
建
立
站
点
文
件
夹
师：了解了软件环境之后，我们就可
以开始建立网站了。那么你们觉得第一步
应该做什么呢？
师：网站是由一张或者多张网页构成
的，那一般我们就觉得第一步就是建立网
页，但这
样建立起来的网页比较零散，那
应该怎么做才不会这么乱？
在F盘建一个文件夹，以自己名字的
拼音命名。
师：这样做确实网页就不会凌乱了，
但这样还不是一个网站，那FrontPage里
就有一个快速建立网站的方法——创建
站点文件夹，可以把我们刚刚建立好地文
件夹变成网站。站点文件夹跟普通文件夹
有什么区别
？当把普通的文件夹变成站
点文件夹之后，黄色的文件夹图标就会变
成一个地球的图标。
思考：如何新建一个空的站点？
提示：文件——新建——界面右侧任
务窗格，结合书本探索
师：站点建立
好之后就可以看到左边
窗格显示了文件夹列表，这就是我们建好
的站点文件夹了。
讲解站点文件里两个文件夹“private”
和“images”的作用。
“im
ages”文件夹可以存放你建立网
站所用到的图片；“private”文件夹比较特
殊，其
中的文件对浏览者来说是隐含的，
我们可以把不想让浏览者看到的文件放
在这个文件夹里。
建立网页
建一个文件夹
学生操作
一位学生上台演示
其他学生继续完成
站点的建立
站点文件夹是
本堂课的一个
重
点，给学生
提示让学生自
己探索，同时
分步做减小难
度
建
立
主
页
师：网站虽已建好，但只是一个空网
站，现在 我们就可以开始建网页了。
如何建立空白网页？
如何保存网页？
思考：文件名与标题有什么区别？标
题指哪里的标题？文件名为什么要以
命名？
展示自制网页，请学生回答哪一个是
标题。
师：对，标题指网页上的标题，而文
件名就如平常的文件夹的名称一样。
师：为什么文件名要以命
名，这就牵涉到主页这个概念了。
师：你们平常访问好友的空间的时候
首先看到的是什么？是不是主页啊？
主页的概念：主页就是网站的首页，
所以我们刚刚建立的就是一个主页
之所以要以命名，是因为
主页有其特殊的命名规则，主页通常命名
为
文件——新建
文件——保存
尝试更改标题，文件
名保持不变，然后保
存，体会文件名与标
题的区别
学生回答
是
Word是学 生已
学过的知识，
所以让学生通
过回忆Word
如何操作来学
习Fr ontPage里
面的基本操
作。由于本堂
课网页不能随
意布局，所以
还是让学生一
步步跟着老师
的思路做，而
怎么做由学生
自己探索
充
实
主
页
现在我们就已经建好一个主页了，我
们可以看到文件夹列表下有一个
文件，双击打开，现在就可以充
实我们的网页了。
教师以没有添加背景的网页作为范
例，仅有文字、图片的简单添加
展示教师自制网页，网页由哪些组
成？
如何输入文字？如何插入艺术字？
如何插入图片？结合Word所学知识。
师：同学们对这些都很清楚，那就你
们来讲，老师来操作。
现在我们要给网页取一个
响亮的标
题，例如“我的小窝”、“我的游戏天地”，
那我们可以看到，老师用了艺术字，如何
插入艺术字？
补充：视图——工具——艺术字
接下来我们就可以制作我们喜欢的
栏目了。
我们可以插入与栏目相关的图片
如何插入图片？
补充：图片想插哪，光标就点哪，可
以用空格键移动图片。图片太大
了，我们
可以选中图片，改变图片的大小。
以防电脑卡机东西都丢失，所以我们
要养成随时保存的习惯。
保存时会跳出图片保存位置，应提示
保存在
image文件夹中，结合前面所讲，
有序存放站点素材。
师：那有同学说了啊，
这样空白的背
景不好看。那老师也感觉不好看，所以后
来老师对网页做了美化。
展示美化的网页
如何插入背景
补充：右键网页属性。
如何插入自选图形
下发帮助手册
文字、图片、艺术字
插入——图片——
艺术字
插入——图片
学生完成简单的充
实主页
格式——背景
插入——图片——
自选图形
考虑到学生已
学过Word，所以以学生讲为
主，不会的再
自己讲，同时
补充一些学生
不知道的操
作，方便他们
更快地操作。
而背景与利用
自选图形这方
面就当做拓
展，学生也不
是很熟悉，就
是给他们补充
这方面的知
识，使网页更
美
观
保存网页，关闭FrontPage，再把站点文件
夹压缩后上交
完成网站的制作并
上交
作
业
小
结
点评学生的作品
请学生回答在制作网站的过程中学到了
什么
今天我们初步学习了用FrontPage制作简
单的网站，那下节课我
们将继续深入学习
如何使我们的网站更加美观。
如何建立站点文件
夹、插入图片、艺术
字、背景，什么是主
页
通过提问总结
本堂课的内
容，可以使学
生更明确的掌
握所学
教
学
反
思
上课的时候，有的时候学生没什么反应
，上课环节的安排也受学生影响，导
致重要部分时间不够。这堂课在保存上交方面虽然也讲得挺多的，但
是讲的时候
没有让学生都集中注意听，导致大部分人都没有把图片好好保存images文件中，
还有个别是没有在主页做。上完这堂课就感觉在讲完大部分知识点的时候可以下
发帮助手册。总体感觉
还是预设不够，当学生的反应超出自己预想的，就很难拉
回自己的思路，导致课堂内容混乱。