frontpage2000教案全集

第五节网页制作基础——启动frontpage2000建立站点和插入图片、创建表格一、教学目标：1．掌握启动FrontPage 2000的方法。

2．了解站点的基本含义；3．熟悉FrontPage 2000的环境，观察六种视图，了解它们的工作模式。

4．利用“网页”视图，建立一个网页，学会输入文字、插入图片和创建表格。

二、教学重点：创建站点，收集图片，熟练使用FrontPage编写网页三、教学难点：创建表格四、教学课时：1课时五、教学方法：讲解法，演示法，练习法六、教学辅助手段：多媒体网络教室七、教学过程：导入：在前两节课我们学习了计算机网络的基础知识，学习了怎样在网上获取信息。

很多同学都为网页的多样化所吸引。

很多同学可能在想要是我自己有这样的一个网页该是多好。

今天我们就来学习用FrontPage制作自己的网页。

新课：1、启动FrontPage 2000单击任务栏上的“开始”按钮,从“程序”菜单中选择“Microsoft FrontPage”单击。

2、FrontPage 2000的界面说明FrontPage 2000的界面可以分成菜单栏、工具栏、视图栏和主编辑窗口4大部分。

①、菜单栏包括【文件】、【编辑】、【查看】、【插入】、【格式】、【工具】、【表格】、【框架】、【窗口】、【帮助】等10个菜单。

工具栏单击【查看】菜单，选择【工具栏】，在出现的下拉菜单中列出了几种不同的②、工具栏，如果菜单项前面有一个对钧号“√”，表明在界在上已显示此菜单项。

如果再单击一下，将取消这一项的显示。

③、视图栏中摆列着各种管理器的图标，这些管理器包括网页管理器、文件夹管理器、报表管理器、导航管理器、超链接管理器和任务管理器等。

单击管理器图标以切换到相应的管理器。

④、主编辑窗口在编辑网页时，有3种显示方式，即普通、HTML和预览。

普通显示方式是最常用的显示方式，一般是在此方式下工作。

HTML显示方式在需要直接编辑或查看网页文件的HTML代码时使用，一般是为了实现某种特殊效果（如在网页中动态显示时间）而经常使用。

预览显示方式在需要预先观察网页的显示效果时使用。

当使用管理功能时，主编辑窗口相应地会显示各种任务下的文件或站点信息。

什么是站点？站点一般简写为“Web”，实际上就是把一些信息通过Web网页的方式相互链接起来，存放在一台被称为“服务器”的计算机中，别人可以通过Web浏览器查看网页信息。

站点一般以国际通用的Internet地址来表示，例如：或等，进入某个站点所见到的第一页一般称为“HomePage”，中文的意思是“主页”。

什么是主页？主页的英文名称为“HomePage”，一般认为某个站点的第一个网页叫做主页，文件名通常是“index.htm”（index.html）或“default.htm”（default.html），也就是在Web浏览器“地址”栏内输入一个网址后，用户浏览到的第一个网页。

用户再通过该主页的链接可以浏览到其他网页信息。

3、新建站点启动FrontPage后，就可以在其中建立一个新站点，或者打开一个存在的站点。

为自己的网站创建一个站点，以制作云南网站为例，具体操作步骤如下：（1）在FrontPage窗口中，单击“文件”“新建”“站点”选项，屏幕上弹出“新建”对话，（2）在“指定新站点的位置”输入框中输入新建站点的文件夹，如E:\云南。

（3）选择所建站点的模板，如“空站点”；（4）单击“确定”按钮，站点建成。

建好站点后，就会弹出如图3-3所示的界面，在“文件夹列表”中有两个文件夹“images ”与“_private”，“images ”是用来放置站点中各种图片的文件夹，“_private”是存放站点隐含信息的文件夹。

把网页名更改为“index.htm”，打开“文件”菜单，点击“另存为”，在弹出的对话框中将名称更改为“index.htm”即可。

4、制作网页（1）输入文字FrontPage编辑器的窗口与Word编辑窗口十分相似，所以在网页中输入文字方法与Word中输入文字的方法基本一致，把插入光标移到需要输入文字的位置，输入你需要的文字就行了。

并可通过格式工具栏上的字体对话对文字的字体、大小、颜色、对齐方式等进行设置。

在文字输入时，换行用“Enter”键，还可以有“Shift”+“Enter”，这种换行称为“软回车”或“软换行”，这种方法换行，行与行之间的行距较小，文字更紧凑。

（2）、插入图片网页一般都图文并茂，在网页中插入图片是必然的，FrontPage中插入图片的方法与Word类似，具体操作步骤如下：（1）将光标移到需要插入图片的位置；（2）选择“插入”菜单中的“图片（P）”下的“来自文件（F）”，弹出“图片”对话框；（3）在弹出的对话框中从网站下的images文件夹中选择图片。

（4）图片插入后，如果对插入的图片有些不太满意，可以使用图片编辑工具栏对图片进行一些编辑修改。

（3）、保存网页图文并茂的网页制作好后，接下来就是对网页的保存。

保存的方法与Word软件的操作基本一致。

（4）、预览网页当编辑好网页后，就要看一看实际显示的效果，在网页编辑区的左下方有“普通”、“HTML”、“预览”三个标签，只要单击“预览”标签，窗口显示的变为网页的实际效果。

5、创建表格1、在FrontPage中创建表格与在Word中创建表格基本相同，步骤如下：（1）将光标移动到需要插入表格的位置；（2）单击快捷工具栏上的“插入表格”按钮，拖动鼠标直到出现所需的行列数，放开鼠标左键，表格就出现在网页上。

2、在表格中输入文字与插入图片表格中输入文字与插入图片方法与前面网页中输入文字、插入图片的方法相同。

3、表格的属性调整“表格属性”包括“布局”、“边框”、“背景”等内容的设置和改变，我们通过对属性的更改使之符合网页整体的设计需要。

设置表格的边框格式的操作步骤如下：（1）选中表格，单击鼠标右键，在弹出的快捷菜单中选择“表格属性”选项，弹出表格属性对话框，（2）选择“表格属性”对话框的“边框”，将边框“粗细”设为“0”，单击“确定”。

（3）返回编辑窗口，发现表格边框没有，只有虚线框，单击“预览”，网页上出现了无边框的表格。

（4）通过“表格属性”对话框可以调整表格的背景、边框等的颜色。

4、设置单元格的属性设置某个单元格的属性，也可同时设置多个单元格的属性。

步骤如下：（1）选定要设置属性的单元格（如果只须设置某个单元格的属性，只需将光标移到该单元格内，无需选定该单元格）；（2）单击【表格】菜单，选择【属性】，然后单击【单元格】选项，或单击鼠标右键，选择【单元格属性】选项，将会出现一个对话框。

（3）在单元格属性对话框中，我们可以设置单元格的多种属性。

（4）设置完毕后，单击【应用】按钮，可以预览一下设置效果。

（5）单击【确定】按钮，设置结束。

5、插入行或列创建一张表格后，觉得表格的行数或列数不够，就用到插入行或列的功能。

实例：把表格扩大，最下方插入3行，最右方插入2列。

（1）在表格中插入行。

其操作方法有以下两种：✧使用菜单命令：1)将光标定位在待插入行的任意单元格内；2)然后单击【表格】菜单，选择【插入】菜单项，在子菜单中单击【行或列】选项，出现对话框；3)在对话框中选择【行】单选按钮。

在【行数】框内输入要插入的行数（例如3），并在【位置】栏中选择“所选区域下方”单选按钮。

4)单击【确定】按钮，在光标所在行的下方插入了新的行（设为3）。

✧使用【表格】工具栏选定一行后，单击工具栏上的“”插入行图标，也可以在选定行的上方插入新的一行。

（2）在表格中插入列。

其操作方法与插入行类似，也有以下两种：✧使用菜单命令：1)将光标定位在待插入列的任意单元格中；2)然后单击【表格】菜单，选择【插入】菜单项，在子菜单中单击【行或列】选项，出现对话框；3)在对话框中选择【列】单选按钮。

在【列数】框内输入要插入的列数（设为2），并在【位置】栏中选择“所选区域右方”单选按钮。

4)单击【确定】按钮，则在当前所在列的右方插入了新的列（2列）。

✧使用【表格】工具栏选定一行后，单击工具栏上的“”插入列图标，则可以在选定列的左方插入新的一行。

经过上述插入行和列的操作步骤，得到表格中插入3行、2列后的效果.6、删除行、列或单元格当表格中某行或某列数据多余，或某不需要单元格时，应把它们删除。

实例：以表格为例，把表格中新插入的3行、2列删除。

✧通过删除行、列进行。

操作步骤如下：1)先删除行：A)选定行：将光标移到表格中要删除的行的最左边，光标变成向右的“”小箭头时，单击鼠标左键，该行反色显示被选中。

B)删除行：单击“”图标工具，则选中行被删除。

C)重复上述A)、B)两步骤把其余两行也删除。

2)再删除列：a)选定列：将光标移到表格中要删除的列的最上边，光标变成向下的“”黑色小箭头时，单击鼠标左键。

此时该列被选中。

b)删除列：单击“”图标工具，则选中列被删除。

c)重复上述a）、b）两个步骤把另一列也删除。

✧通过删除单元格进行。

其操作步骤如下：1)选定一个单元格：单击【表格】菜单项，选择【选定】，单击【单元格】选项。

2)选定多个单元格：选定一个单元格后，用手按住Ctrl键，不要松开，然后单击要选定的其他所有需要删除的单元格。

3)删除单元格：单击【表格】菜单，选择【删除单元格】选项，则选中的所有单元格都会被删除。

7、合并单元格将多个单元格合并成一个单元格。

下面通过一个实例来说明，其操作步骤：（1）在表格中，选定第一列的后面的三个单元格。

（2）单击“”图标工具，或单击【表格】菜单项，选择【合并单元格】选项，这时选定的三个单元格合并为一个单元格。

（3）选中最后一行的后两个单元格，采用上述（2）中的操作也可以把它们合并为一个单元格。

8、拆分单元格将一个单元格拆分成多个单元格，这与合并单元格的操作正好相反。

拆分单元格有两种不同的方式：一种是按行拆分，即把单元格按行拆分为多个单元格；另一种是列拆分，即把单元格按列拆分为多个单元格。

下面我们通过一个实例来说明，其操作步骤如下：（1）在网页中插入一个2×2的空表格。

（2）将光标定位在第一行第一列的单元格内。

（3）单击鼠标右键，弹出一个快捷菜单，也可以单击【表格】菜单项。

此时选择【拆分单元格】菜单项，出现一个对话框。

（或单击“”图标工具）（4）在【拆分单元格】对话框中，选择【拆分为行】单选按钮。

（5）把【行数】的值设为2（默认值），单击【确定】按钮。

此时表格第一行第一列的单元格被拆分为两行，左上角两个单元格。

（6）将光标定位在第一行右边的单元格内。

（7）再次单击鼠标右键，选择【拆分单元格】菜单项，出现一个拆分单元格对话框。

（8）在对话框中，选择【拆分为列】单选按钮。

（9）把【列数】的值设为2（默认值），单击【确定】按钮。