2024年2月18日发(作者：)

第十四课 建立网站站点

一、教学目标：

知识与技能：1、认识并熟悉FrontPage的界面。

2、了解站点文件夹的概念并学会建立一个空站点。

3、了解主页的概念，并学会主页的建立与保存。

4、利用Word所学插入图片和文字等，初步建立完善主页。

过程与方法：以讨论各自的兴趣爱好引入，贯穿整个课堂。以自制网页引出网站，讲解常用制作软件并表明今天的任务就是用FrontPage制作简单的网站来介绍自己的兴趣爱好。由于FrontPage与Word的相似性以及Word是学生已学过，通过两个界面的对比来认识FrontPage以及制作网页时如何插入图片、更改背景等基本操作。整堂课还是采用任务驱动法为主，让学生自己探索，教师再加以补充。

情感态度与价值观： 通过FrontPage与Word的对比，培养学生利用已有知识学习新知识的能力。

二、教学重难点

重点：

学会建立空站点以及主页的初步建立与完善。

难点：

理解站点文件夹的概念。

三、课前准备

把素材、任务单发到学生机

四、教学程序

教学环节

教师活动 学生活动 设计意图

引入师：虽然老师教你们也有一段时间了，但我们相互之间也没什么了解，现在我们就来畅谈各自的兴趣爱好，增进友谊。老师先来介绍一下自己。

展示自我介绍的网站

师：老师喜欢可爱的小东西，喜欢静静地看书，喜欢看电视。那同学们呢？

师：同学们的兴趣都很广泛啊，那同学们有没有注意到老师刚刚是用什么方式来介绍自己的兴趣爱好的？

师：对，那准确地说应该是由一个网页构成的简单的网站。 这是老师自己制作的，那么你们知道可以用什么软件制作吗？

师：同学们在制作网站方面都没什么了解，那就让老师带领大家学习今天的内容，第十四课《建立网站站点》。

PPT展示常用制作软件：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”的作用。

“images”文件夹可以存放你建立网站所用到的图片；“private”文件夹比较特殊，其中的文件对浏览者来说是隐含的，我们可以把不想让浏览者看到的文件放在这个文件夹里。

建立网页

建一个文件夹

学生操作

一位学生上台演示

其他学生继续完成站点的建立

站点文件夹是本堂课的一个重点，给学生提示让学生自己探索，同时分步做减小难度

建立主页师：网站虽已建好，但只是一个空网站，现在我们就可以开始建网页了。

如何建立空白网页？

如何保存网页？

思考：文件名与标题有什么区别？标题指哪里的标题？文件名为什么要以命名？

展示自制网页，请学生回答哪一个是标题。

师：对，标题指网页上的标题，而文件名就如平常的文件夹的名称一样。

师：为什么文件名要以命名，这就牵涉到主页这个概念了。

师：你们平常访问好友的空间的时候首先看到的是什么？是不是主页啊？

主页的概念：主页就是网站的首页，所以我们刚刚建立的就是一个主页

之所以要以命名，是因为主页有其特殊的命名规则，主页通常命名为

文件——新建

文件——保存

尝试更改标题，文件名保持不变，然后保存，体会文件名与标题的区别

学生回答

是

Word是学生已学过的知识，所以让学生通过回忆Word如何操作来学习FrontPage里面的基本操作。由于本堂课网页不能随意布局，所以还是让学生一步步跟着老师的思路做，而怎么做由学生自己探索

充实主页现在我们就已经建好一个主页了，我们可以看到文件夹列表下有一个文件，双击打开，现在就可以充实我们的网页了。

教师以没有添加背景的网页作为范例，仅有文字、图片的简单添加

展示教师自制网页，网页由哪些组成？

如何输入文字？如何插入艺术字？如何插入图片？结合Word所学知识。

师：同学们对这些都很清楚，那就你们来讲，老师来操作。

现在我们要给网页取一个响亮的标题，例如“我的小窝”、“我的游戏天地”，那我们可以看到，老师用了艺术字，如何插入艺术字？

补充：视图——工具——艺术字

接下来我们就可以制作我们喜欢的栏目了。

我们可以插入与栏目相关的图片

如何插入图片？

补充：图片想插哪，光标就点哪，可以用空格键移动图片。图片太大了，我们可以选中图片，改变图片的大小。

以防电脑卡机东西都丢失，所以我们要养成随时保存的习惯。

保存时会跳出图片保存位置，应提示保存在 image文件夹中，结合前面所讲，有序存放站点素材。

师：那有同学说了啊，这样空白的背景不好看。那老师也感觉不好看，所以后来老师对网页做了美化。

展示美化的网页

如何插入背景

补充：右键网页属性。

如何插入自选图形

下发帮助手册

文字、图片、艺术字

插入——图片——艺术字

插入——图片

学生完成简单的充实主页

格式——背景

插入——图片——自选图形

考虑到学生已学过Word，所以以学生讲为主，不会的再自己讲，同时补充一些学生不知道的操作，方便他们更快地操作。而背景与利用自选图形这方面就当做拓展，学生也不是很熟悉，就是给他们补充这方面的知识，使网页更美观

保存网页，关闭FrontPage，再把站点文件夹压缩后上交

完成网站的制作并上交

作业

小结点评学生的作品

请学生回答在制作网站的过程中学到了什么

今天我们初步学习了用FrontPage制作简单的网站，那下节课我们将继续深入学习如何使我们的网站更加美观。

如何建立站点文件夹、插入图片、艺术字、背景，什么是主页

通过提问总结本堂课的内容，可以使学生更明确的掌握所学

教学反思 上课的时候，有的时候学生没什么反应，上课环节的安排也受学生影响，导致重要部分时间不够。这堂课在保存上交方面虽然也讲得挺多的，但是讲的时候没有让学生都集中注意听，导致大部分人都没有把图片好好保存images文件中，还有个别是没有在主页做。上完这堂课就感觉在讲完大部分知识点的时候可以下发帮助手册。总体感觉还是预设不够，当学生的反应超出自己预想的，就很难拉回自己的思路，导致课堂内容混乱。