其次,将制作这个网页的素材提供给学生,让学生自己尝试制作这 样一个网页。学生在制作过程中会发现图文并不能按照自己的意愿随心 所欲地摆在网页上,使得网页看起来很糟糕。随之会产生疑问:那个版 面漂亮的网页是怎么做出来的? 第三,教师再次出示利用表格规划版面的网页,动态出现表格线, 让学生观察,学生就会看出版面是由表格规划的。而表格是学生在Word 软件中就已经学习过的,此时再让学生尝试在 FrontPage中插入表格,并 在单元格中插入文字和图片。 由于学生在Word软件中学习过表格的操作,对插入表格、设置单元 格的格式操作比较熟悉,因此这部分可以采用让学生自主探究的方式学 2.重点内容分析 本节课的重点可以归纳为: 1)创建网站站点 在 FrontPage中提供了8种站点类型,我们可以根据需要选择不同的类 型。需要注意的是,在“指定新站点的位置”框中,需要输入站点的位 置和名称,如输入“d:web,“d”表示位置在“D盘”上,“web表示 站点的名称,位置和名称之间用“隔开,不要错输入成“尸 16
16 其次，将制作这个网页的素材提供给学生，让学生自己尝试制作这 样一个网页。学生在制作过程中会发现图文并不能按照自己的意愿随心 所欲地摆在网页上，使得网页看起来很糟糕。随之会产生疑问：那个版 面漂亮的网页是怎么做出来的？ 第三，教师再次出示利用表格规划版面的网页，动态出现表格线， 让学生观察，学生就会看出版面是由表格规划的。而表格是学生在Word 软件中就已经学习过的，此时再让学生尝试在FrontPage中插入表格，并 在单元格中插入文字和图片。 由于学生在Word软件中学习过表格的操作，对插入表格、设置单元 格的格式操作比较熟悉，因此这部分可以采用让学生自主探究的方式学 习。 2．重点内容分析 本节课的重点可以归纳为： （1）创建网站站点 在FrontPage中提供了8种站点类型，我们可以根据需要选择不同的类 型。需要注意的是，在“指定新站点的位置”框中，需要输入站点的位 置和名称，如输入“d:\web”， “d:”表示位置在“D盘”上， “web”表示 站点的名称，位置和名称之间用“\”隔开，不要错输入成“/
(2)用表格规划网页的版面 创建站点对于学生来说是重点,但不是难点。如何规划网页的版面, 对于学生来说难度更大。因此本节课的难点放在如何规划网页的版面上 可以应用表格很好地控制文字和图像在页面上出现的位置,把文字 和图像规范地按照行或列对齐,使整个页面看上去紧凑而统一,非常美 观大方。而表格对于学生来说并不陌生,在Word软件中已经学习过,这 就使学生感觉到制作网页的难度大大降低了。 尽管用 FrontPage制作网页对于学生来说是全新的知识,但由于 FrontPage与Word同属于Oie家族的成员,在许多功能上有太多的相似之 处,我们可以在这实行“拿来主义”,把在Word中学习到的表格知识拿 到 FrontPage中,如插入表格、插入或删除行或列、合并或拆分单元格、 设置行高或列宽、在单元格中插入文字或图片、设置单元格中文字或图 片的对齐方式、对单元格中的文字设置字体、字号、字的颜色等操作, 这体现了知识的迁移思想 3.归纳提高分析 本节课涉及到的知识可以归纳为以下几点:
17 （2）用表格规划网页的版面 创建站点对于学生来说是重点，但不是难点。如何规划网页的版面， 对于学生来说难度更大。因此本节课的难点放在如何规划网页的版面上。 可以应用表格很好地控制文字和图像在页面上出现的位置，把文字 和图像规范地按照行或列对齐，使整个页面看上去紧凑而统一，非常美 观大方。而表格对于学生来说并不陌生，在Word软件中已经学习过，这 就使学生感觉到制作网页的难度大大降低了。 尽管用FrontPage制作网页对于学生来说是全新的知识，但由于 FrontPage与Word同属于Office家族的成员，在许多功能上有太多的相似之 处，我们可以在这实行“拿来主义”，把在Word中学习到的表格知识拿 到FrontPage中，如插入表格、插入或删除行或列、合并或拆分单元格、 设置行高或列宽、在单元格中插入文字或图片、设置单元格中文字或图 片的对齐方式、对单元格中的文字设置字体、字号、字的颜色等操作， 这体现了知识的迁移思想。 3．归纳提高分析 本节课涉及到的知识可以归纳为以下几点：
(1)创建网站站点,选择“只有一个网页的站点”类型。 (2)通过“文件夹列表”打开要编辑的网页,了解网站的建设情况。 (3)用表格来规划网页的版面。根据网站结构对插入的表格进行拆分 合并单元格,设置行高、列宽,插入或删除行、列等 (4)在单元格中插入文字和图片,设置单元格中的文字或图片的对齐 方式,设置文字的字体、字号、颜色等。 (5)在 FrontPage中,当网页包含图像元素时,这样的网页被保存时, 图片是采用嵌入式保存的,即同一个网页中的图像和文字被分开保存。 通常要将所有的图片保存在 images文件夹中,这样有助于使站点的结构更 加清晰,便于管理。 (三)教学补充 1.什么叫网站站点? 创建网站站点的操作并不难,难的是学生对于“网站站点”这个概念 不理解。什么是网站站点?网站站点就是一组内容相关的网页的集合体 打个形象的比喻,站点就象一本书,而网页就象书中的一篇一篇的文章。 书把文章集中在一起,而站点把网页集中在一起 18
18 （1）创建网站站点，选择“只有一个网页的站点”类型。 （2）通过“文件夹列表”打开要编辑的网页，了解网站的建设情况。 （3）用表格来规划网页的版面。根据网站结构对插入的表格进行拆分、 合并单元格，设置行高、列宽，插入或删除行、列等。 （4）在单元格中插入文字和图片，设置单元格中的文字或图片的对齐 方式，设置文字的字体、字号、颜色等。 （5）在FrontPage中，当网页包含图像元素时，这样的网页被保存时， 图片是采用嵌入式保存的，即同一个网页中的图像和文字被分开保存。 通常要将所有的图片保存在images文件夹中，这样有助于使站点的结构更 加清晰，便于管理。 （三）教学补充 1．什么叫网站站点？ 创建网站站点的操作并不难，难的是学生对于“网站站点”这个概念 不理解。什么是网站站点？网站站点就是一组内容相关的网页的集合体。 打个形象的比喻，站点就象一本书，而网页就象书中的一篇一篇的文章。 书把文章集中在一起，而站点把网页集中在一起
2.文件夹列表 创建站点之后,会在 FrontPage窗口出现一个新的列表框,叫做“文 件夹列表”,用来显示当前打开的站点中所有的文件和文件夹。通过 “文件夹列表”框,我们可以清楚了解网站的建设情况。也可以利用文 件夹列表为站点添加新的网页。单击〖常用〗工具栏上的〖文件夹列表 按钮可以打开或关闭“文件夹列表”框。 3.在 FrontPage中插入表格与在word中插入表格,有些不同,如下图 所示 插入表格 行数 插入表格 ? 自动调整”操作 固定列宽 「动 彐数):三 C根据内容调整表格) 对齐方式(B 平居 指定宽度 表格样式:网格型 自动套用格式 C像索) 单元格边距):彐 百分比 厂为新表格记忆此尺寸) 取消 样式 匚确定小_取消 在Word软件中插入表格 在 FrontPage软件中插入表格
19 2．文件夹列表 创建站点之后，会在FrontPage窗口出现一个新的列表框，叫做“文 件夹列表” ，用来显示当前打开的站点中所有的文件和文件夹。通过 “文件夹列表”框，我们可以清楚了解网站的建设情况。也可以利用文 件夹列表为站点添加新的网页。单击〖常用〗工具栏上的〖文件夹列表〗 按钮可以打开或关闭“文件夹列表”框。 3．在FrontPage中插入表格与在Word中插入表格，有些不同，如下图 所示。 在Word软件中插入表格 在FrontPage软件中插入表格
在 FrontPage中,由于表格主要是为规划网页版面服务的,所以与 Word相比主要有以下几点不同: (1)在插入表格对话框中,增加了“边框粗细”的设置。为了让用表 格规划过的网页版面看起来更加美观,可以把“边框粗细”的值设置为 03,将表格的边框线隐藏起来 (2)通常在指定宽度时,选用“百分比”,并将值设置为“100°,表 示表格与页面同宽。 (3)可以调整“单元格边距”和“单元格间距”。 4.在制作网页时,要插入的素材图片很多,有些图片可以直接使用, 有些图片则需要进行一些处理。在 FrontPage中的“图片”工具栏可以对 插入的图片进行简单的处理,在Word软件中也有类似的“图片”工具栏 对比两者的“图片”工具栏,我们会发现 FrontPage中的“图片”工具栏 在处理图片上功能更强。 A回口口公尘A日Q射刘中域口○区匈 FrontPage的“图片”工具栏 如0Q刘公≡域园%匈 Word的“图片”工具栏 20
20 在FrontPage中，由于表格主要是为规划网页版面服务的，所以与 Word相比主要有以下几点不同： （1）在插入表格对话框中，增加了“边框粗细”的设置。为了让用表 格规划过的网页版面看起来更加美观，可以把“边框粗细”的值设置为 “0” ，将表格的边框线隐藏起来。 （2）通常在指定宽度时，选用“百分比” ，并将值设置为“100” ，表 示表格与页面同宽。 （3）可以调整“单元格边距”和“单元格间距”。 4．在制作网页时，要插入的素材图片很多，有些图片可以直接使用， 有些图片则需要进行一些处理。在FrontPage中的“图片”工具栏可以对 插入的图片进行简单的处理，在Word软件中也有类似的“图片”工具栏。 对比两者的“图片”工具栏，我们会发现FrontPage中的“图片”工具栏 在处理图片上功能更强。 FrontPage的“图片”工具栏 Word的“图片”工具栏