frontpage制作网页教程(一)

应用frontpage制作网页（一）

一、熟悉frontpage2000的环境

A、frontpage的启动

1．利用“开始”菜单启动：开始——》程序——》frontpage

2．利用桌面上的快捷方式：双击打开

B、退出frontpage

1．单击窗口标题栏右端的关闭按钮；

2．按Alt+F4快捷键；

3．执行“文件”菜单下的退出命令。

注：若在退出以前没有保存已被修改的文档，在退出时，会有询问是否保存的提示

框。

C、F rontPage的工作环境

FrontPage的窗口由标题栏、菜单栏、工具栏、网页编辑区域、网页编辑模式和状

态栏七部分组成。

1．标题栏：窗口的顶部，包括“控制菜单”图标，当前正在编辑的文件或程序名称、“最小化”按钮、“最大化/还原”按钮和“关闭”按钮。

2．菜单栏：标题栏下方，是命令菜单的集合。由“文件”、“编辑”、“视图”、“插入”、“格式”、“工具”、“表格”、“窗口”和帮助组成。

3．工具栏：提供常用的各类按钮，如“保存”、“打印”、“剪切”等编辑操作和“插入表格”等标准操作按钮。

FrontPage2000常用工具栏上特有的工具按钮：

发布站点：将建立的网站发布到WEB上；

文件夹列表：显示当前站点的文件夹结构；

在浏览器中预览：当网页保存后，选中该工具按钮，可在系统默认的浏览器中

浏览当前编辑的网页。

停止：用于预览网页时停止网页的下载；

插入超级链接：插入一个超级链接；

刷新：用于浏览网页时刷新网页。

4．视图栏：由“网页”、“文件夹”、“报表”、“导航”、“超链接”、“任务”六部分组成。

网页：视图将在网页编辑区域打开当前站点的所选网页文件以做编辑之用；

文件夹：视图列出当前站点的所有文件和文件夹，方便寻找须编辑的网页文件；

报表：视图将报告站点中文件和超链接的状态；

导航：视图将显示站点的导航结构；

超链接：视图显示来自和指向站点中的每一页的超链接；

任务：视图列出站点中要完成的任务。

5．网页编辑区域：管理站点和编辑网页的地方。

6．网页编辑模式：普通方式（所见即所得的网页设计方式）、HTML方式（用HTML 语言设计网页）和预览方式（检查网页实现的效果），从不同的角度观察网页。

7．状态栏：显示当前页状态

二、网页属性的设置

利用设置网页的各种属性对网页进行细节的处理。

在网页编辑区域内单击右键，在弹出的下拉菜单中选择“网页属性”，在出现的“网页属性”对话框中包括六歌选项卡：“常规”、“背景”、“边距”、“自定义”和“语言”。

常规：

1．位置：指出页的完整URL。URL即网站或网页在internet上的确切地址。

2．标题：显示页标题。即网页标题栏上的名称。

3．基本位置：

4．默认的目标框架：

5．背景音乐：可设置当浏览器打开该页时同时播放的音乐。

三、网页编辑

前期准备：

1．构思网页的主题和布局；

2．根据网页主题准备相应的素材：图片素材，文字素材，声音素材等。

3．构建文件存放的结构。

A、表格的使用

我们可以利用表格来安排和定位网页文本和对象。

i.插入表格

a)利用“插入表格”按钮：单击工具栏上的“插入表格”按钮——》拖动

鼠标以指定表格的行和列数——》达到要求后松开鼠标即可。

b)利用菜单：“表格”——》“插入”——》“表格”——》确定行数和列数

以及其他表格信息——》“确定”

c)手绘表格：打开“表格”菜单，选择“手绘表格”命令，单击后出现表

格的工具栏；将鼠标从要创建表格的左上角拖到右下角，即可绘制一个

表格（前提是网页中没有表格存在）；拖动鼠标可以增加行列。如果在

表格已经存在的情况下，只能利用手绘来进行行列的设置。

注意：在表格中可以嵌套表格。

ii.删除单元格

a)从表格中删除单元格：按住“ALT”键，同时单击要删除的单元格以将

其选中，选择“表格”菜单下的“删除单元格”即可，或者在选中的单

元格上右击选择“删除单元格”。

b)删除行和列：选中要删除的行或列——》右击选定的行或列——》在弹

出的快捷菜单中选择“删除单元格”命令。

c)删除表格：打开“表格”——》“选定”——》“表格”——》按“delete”

键。

注意：单元格、行、列、表格的选定可以灵活利用鼠标和键盘。

iii.合并单元格

在网页视图普通模式下选择一行、一列或一组相邻的单元格——》右击所选区

域——》单击快捷菜单中的“合并单元格”或者

单击“表格”工具栏上的“合并单元格”将单元格合并。

B、图片文字的插入

1．可插入的图片格式：gif jpeg bmp tiff tga ras eps pcx png pcd和

wmf

2．需要注意的是，插入的文件必须存放在同一站点文件夹下，否则不能正常显示。3．只有用表格搭出框架后，添加时，才能让图片和文字在指定的位置处添加，否则图片或文字只会添加在计算机默认的位置上，且不能移动。

4．插入图片时，在网页中单击要插入图像的位置，然后单击工具栏上的“插入文件中的图片”按钮，或者选择菜单“插入”——》图片——》“来自文件”或“剪贴画”；选择所需插入的图片按“确定”即可将图像插入到网页中的指定位置；6．可对图片进行简单编辑：单击图片，在弹出的“图片”工具栏中对图片进行简单编辑。

A、文字的插入

在需要插入文本的位置处单击，便可输入文本。可以选中文本进行文字的简单编辑，包括“字号”“字体”“颜色”等。