2024年5月7日发(作者：)

6.2节 制作主页“滇之茶韵”

课时数：

1

课时

教学内容分析

一、学习目标

1、 掌握FrontPage2003设置网页属性(网页标题、网页背景和背景音乐等的设置)；

2、 掌握网页的编辑排版方法(文字、段落的编辑排版；利用表格图文混排、图片、水平线插

入，文本复制插入等)；

二、重点难点

重点：

1. 网页属性(网页标题、网页背景和背景音乐等的设置)；

2. 利用表格图文混排、文本复制插入；

3. 网页文件保存（图片、声音等分类保存）

难点：

1. 利用表格图文混排、表格属性设置

教学内容

一、 Frontpage2003的基本界面及操作

1. 启动Frontpage的方法

2. 界面：任务窗格、视图切换区

3. 操作：视图切换的作用（设计、拆分、代码、预览）拆分可看到设计视

图和代码视图

二、 制作“滇之茶韵”主页

演示“滇之茶韵”，让学生有了感性认识后来开始学习制作网页。本节以上机作业“制作主

页.doc”来引导学生掌握制作网页的基本步骤：

可由老师分四个环节:

① 新建并保存网页;

② 网页属性设置;

③ 表格布局网页;

④ 插入文字图片素材并修饰编辑；

⑤ 保存浏览网页.

分步骤演示后学生接着操作，这样学生完成效果不错！全部讲完再操作，学生完成较差！

再次强化学生操作的基本思路：首先考虑右单击操作，右单击不行，考虑菜单栏操作。

在学生完成上机作业还剩余5分钟左右讲评作业问题。

（一）新建网页、保存网页的操作（网页的文件类型*.htm或*.html）

（二）网页属性设置

1. 网页标题：网页标题与网页文件名的区别

2. 网页背景音乐

3. 网页背景：背景颜色、背景图片

（三）、利用表格布局网页

我们除了用表格组织来数据之外，还可以用表格来组织布局网页内容。

1. 插入表格：“表格”菜单

2. 表格属性设置：表格指定宽度，对齐方式，表格边框粗细、行、列插入删除、单元格合

并拆分，背景设置。右单击操作为主

★提醒学生区分“网页属性”、“表格属性”、“单元格属性”设置中背景设置的不同效果—

—作用的范围不同。

（四）插入文字图片：

 插入文字

1. 文字输入：（以主页中“版权信息”为例讲解不同回车的效果）

 直接输入：（1）段落回车：Enter键（2）行回车：Shift+Enter键

 文本导入：（1）复制粘贴输入已有文本；（2）“插入”→“文件”→导入word或.txt

文本内容

2. 文字段落修饰：正文一般设置为10磅，段落行距1.5倍

 插入图片

1. 插入图片

2. 插入水平线

（五）、保存浏览网页文件

1.

注意素材对象保存位置设置。（很多学生保存到默认位置C盘上）

2. 浏览制作好的网页：着重讲解视图切换的不同效果，

设计、拆分、代码、预览各种

视图显示效果（“拆分”视图可看到设计效果和代码内容）

课堂练习：

作业讲评：

1. 表格指定宽度：800像素800百分比

2. 表格对齐方式：默认，居中

3. 网页文件保存位置不在“滇之茶韵”文件夹中，导致插入的部分图片不能显示，修改方

法：右单击图片→图片属性

4. 水平线过短，但长度不能调整时：水平线属性设置

教学反思：

1. 讲解时可按作业要求来作提醒演示，这样学生比较容易接受些！

2. ★注意提醒学生网页文件保存的位置，位置出错，网页中的图片音乐就无法正常显示

播放。

3. 注意提醒学生区分“网页标题”和“网页文件名”的区别，通过演示直观地告诉学生。

4. 讲解时按新建网页→“网页属性”设置→表格布局网页→文字操作（文字段落修饰）

→图片操作→保存文件，浏览网页。

5. 讲完时应总结一下制作网页时的基本步骤：新建网页→网页属性设置→插入表格→插

入文字、图片等→浏览保存网页。

6. 注意提醒学生注意网页背景、表格背景、单元格背景的区别！