1
第 10章 网页制作与 FrontPage 2000
学习内容：
FrontPage 2000概述
FrontPage 2000基本操作网页制作超链接的使用学习重点与难点：
网页制作技术，网页的编辑，超级链接的使用。
学习目的：
应用 FrontPage 2000提供的技术制作与编辑具有动画效果的图文并茂网页。
因特网的核心,World Wide Web（ WWW）万维网，是由一个一个互连互通的网站所组成的信息海洋，这些网站的灵魂就是网页。
2
10.1 FrontPage 2000概述
1,FrontPage2000是一个编辑工具。 编辑 Internet上以
HTML格式保存的所有文件 (称为网页 )，并可以利用
Image Composer和 Microsoft GIF Animator编辑处理图像和动画，此外还可以在网页中插入各种插件，包括,Java,ActiveX,JavaScript，产生各种特殊效果。
2,FrontPage2000是一个管理站点工具。可以利用不同的方式查看各个网页之间的关系，调整站点的组织结构，使整个站点的条理清晰。
3,FrontPage 2000还是一个 Internet出版工具，利用它提供的网络发布工具，可以轻松完成站点的发布上传过程。
3
网页与站点网页 也就是我们在浏览器上看到的画面，而一般进入站点后所看到的第一个页面通称为 Homepage，也称为主页 。主页通常用来作为一个站点中的目录或索引，
就像是一份报纸的头版，会把最热门、最重要的消息写在上面，然后再注明“详见第 X版”，让读者能快速找到自己感兴趣的新闻。而在 WWW中，主页的“详见第 X版”通常就是一个链接，浏览者只要在链接上单击，就可以连到另外一个网页，观看更详细的内容。
站点 就是一群相关网页的集合，也就是说，设计者制作了几个网页，并且经过组织规划，让网页彼此相连，
然后让 Internet的人都能看到，这样的完整结构就称为
“站点”。
4
网页的组成元素报纸、杂志其版面都是由两种元素构成的，即“文字”与“图形”。 WWW上的网页，在编辑时也是基于同样的版面设计原理，但网页设计比平面设计复杂得多，因为通过浏览器展现出来的网页，有声音、图像、动画等多媒体项目，作为网页的基本元素仍然是文字、图形和超级链接。
文字 —— 文字是网页中传递信息最快、占用存储空间最小优势最强大量使用的信息传输载体。（通过字型、字号、
颜色的不断变化来吸引浏览者）
图形 —— 图形能给人更直观的视觉印象。 WWW上的图形格式一般为 JPG,GIF图形。这两种图形的压缩比较高且具有跨平台的特性，即适应任何操作系统，但 GIF图形只适应
256色的图片。
超链接 —— 超链接是一种标记，一点即得。不论文字或图形都可添加超链接标记。跳至各主题页面的链接；与其他站点的链接；链接到网页设计者的 E-mail。
表单（用来与访问者交互的页面元素集合，包括按钮、下拉菜单等元素，供访问者输入需要进行交互的信息。）、框架（将浏览器的可视部分分成若干个不同的区域，每个区域对应不同的页面）、表格（可用于输出分类信息，也可用于页面信息定位）、
动态元素（ GIF动画、横幅广告、网站计数器）等。
5
FrontPage2000功能简介网页制作 —— 操作界面简易，类似其他 Office应用软件的使用。所见即所得，即制作者无须了解 HTML语言格式，只要使用工具栏或功能表，系统会自动把页面文件编译为 HTML文件。可以切换不同的视图方式直接编辑 HTML文本以及预览网页效果。对于初学者，
可直接使用系统提供的摸板、向导及主题。
建立和管理站点 —— 直接在屏幕上建立组织结构图，
并且自动在页面中加入链接导航栏。
6
FrontPage2000中的视图操作（ 6种）
网页视图 — 网页的创建、编辑、预览等操作均在此视图中进行。
该视图窗口底部有三个标签：普通,HTML和预览，它们分别控制网页以普通方式,HTML方式进行编辑或是预览网页的效果。
7
文件夹视图 —— 站点显示为一组文件和文件夹。,文件夹”视图对于站点的作用与 Windows资源管理器对存储在硬盘上的文件的作用和操作基本相同。在文件夹中的操作自动的修改相应的链接。
报表视图 —— 可以方便了解当前站点的文件内容、更新链接情况组件、修改所有文件列表及变化情况等信息。需要了解站点详细情况时，使用报表视图。
导航视图 —— 可方便地观察站点的链接结构，这个结构很像一个单位或组织的结构图。其中主页位于顶部，其他的网页归入下面各层中。在该视图中可以很直观地浏览网站内网页之间的链接关系，同时也可以通过鼠标将结构图中的网页拖到新位置来改变链接结构。
超链接视图 —— 将当前站点显示为链接文件的一个网络，它们表示了站点中各个网页之间的相互链接关系。 超链接视图就像一个地图，表明站点中的超链接路径。
任务视图 —— 主要用来创建和管理任务。在视图中列出了当前站点中的“任务”，即当前站点中尚未完成的项目。
8
FrontPage2000基本操作建立新站点 —— 开始 -程序 -文件 -新建 -站点 -选定只有一个网页的站点 -指定新站点的位置，如图所示：
按照系统的默认设置建立起来的站点如教材 P211所示。
9
创建网页 —— 开始 -程序 -文件 -新建 -网页 -在新建对话框中进行选择。如下图所示：
10
导入网页操作：
从“文件”菜单中选择“导入”命令，进入“导入”
对话框。在该对话框中有三个按钮可供选择，即导入单个网页；导入文件夹中的所有网页；导入站点。如下图所示：
11
编辑网页中文输入、文本选定与 Word相同。 Ctrl+Home（文本头）,Ctrl+End
（文本尾）。三种方式使用字体：选择“格式”菜单中的“字体”；
对选中的文本右击弹出快捷菜单选“字体”；或选中文本后按
Alt+Enter。
换行与设置段落（仅换行：输入到右边界，系统会自动换行，必须换行时 Shift+Enter键。按回车键即为段落标记。），段落格式类似
Word。
特殊字符输入（单击“插入”菜单中的“符号”命令）
移动、复制、删除、字体的操作均类似 Word。
列表为文本快速设置项目符号（格式工具栏、“格式”菜单），也可把自己的图片导入到剪辑库。
表格的制作与处理创建表格（ 常用工具栏、“表格”菜单可精确设置表格和手工制表）
设置表格背景（鼠标指针移到到表格中右击 -选种表格属性可设置背景颜色或图片）
设置网页主题（系统提供 60种主题）
网页的保存与关闭
12
超链接的使用超链接包含两个部分：链接的载体（一般用颜色字体加下划线表示，也可能是图片。鼠标指针指向时变为手掌形状，相对应 URL地址也显示在下边）及目标地址（单击超链接后所显示的内容：可能是本网站中的另一个网页，可能是另一个网站，也可能是下载文件，
或者是打开电子邮箱）
建立超链接建立超链接可有三种形式：本网页之内的；网页之间的；网站之间的。建立超链接的步骤：选中作为超链接的载体 -右击 -在快捷菜单中单击“超链接”命令 -打开超链接对话框 -确定超链接目标例：新建个人站点。使用“讨论站点”可创建网上聊天室（除查看见解外，更重要的是在该站点上发表自己的高见。），但这种提交表单的方式必须安装
FrontPage 2000服务器扩展的真正 Web服务器，才能在浏览器中使用全部功能。
13
使用书签建立网页内的链接：
首先在网页标题行下面输入要链接的小标题；
建立顶端书签（在“插入”菜单中单击“书签”命令 /
输入“顶端”二字，出现小红旗样式，然后分别在各小标题处建立书签（书签的名字就是小标题）；
在标题行建立到书签的链接；
在页面内相应处建立“返回顶端”的链接。
用同样的方法可创建指向别的网页内的书签。选中其他网页的文本或图像，在创建超级链接对话框中单击包含该书签的页面，然后在书签中指定要链接的书签即可。
14
新建个人站点：
15
16
17
18
编辑文字、应用主题、插入图片与声音,（ 飞碟、工业型、网络蓝、卡通）
19
20
21
22
23
24
小结：
本章主要讲述了使用 FrontPage 2000制作网页过程中的一些基本概念与基本操作方法。 FrontPage 2000中很多功能的使用方法与 Word 2000是非常类似的。通过学习，初步掌握用 FrontPage制作网页的技术和方法，自己动手制作网页、创建网站、建立各种超级连接。
习题：
1.制作一个宽 500pt 高 300pt 三行两列的表格，为表格添加一幅背景图片。
2.制作一个三项的列表,1、雅虎； 2,263在线； 3、搜狐，
为每一项建立一个超级连接，连接的目的地址为各网站的主页。
3.使用“公司展示向导”建立一个站点。对站点内的网页进行修改，将主页修改为 P223所示。
第 10章 网页制作与 FrontPage 2000
学习内容：
FrontPage 2000概述
FrontPage 2000基本操作网页制作超链接的使用学习重点与难点：
网页制作技术，网页的编辑，超级链接的使用。
学习目的：
应用 FrontPage 2000提供的技术制作与编辑具有动画效果的图文并茂网页。
因特网的核心,World Wide Web（ WWW）万维网，是由一个一个互连互通的网站所组成的信息海洋，这些网站的灵魂就是网页。
2
10.1 FrontPage 2000概述
1,FrontPage2000是一个编辑工具。 编辑 Internet上以
HTML格式保存的所有文件 (称为网页 )，并可以利用
Image Composer和 Microsoft GIF Animator编辑处理图像和动画，此外还可以在网页中插入各种插件，包括,Java,ActiveX,JavaScript，产生各种特殊效果。
2,FrontPage2000是一个管理站点工具。可以利用不同的方式查看各个网页之间的关系，调整站点的组织结构，使整个站点的条理清晰。
3,FrontPage 2000还是一个 Internet出版工具，利用它提供的网络发布工具，可以轻松完成站点的发布上传过程。
3
网页与站点网页 也就是我们在浏览器上看到的画面，而一般进入站点后所看到的第一个页面通称为 Homepage，也称为主页 。主页通常用来作为一个站点中的目录或索引，
就像是一份报纸的头版，会把最热门、最重要的消息写在上面，然后再注明“详见第 X版”，让读者能快速找到自己感兴趣的新闻。而在 WWW中，主页的“详见第 X版”通常就是一个链接，浏览者只要在链接上单击，就可以连到另外一个网页，观看更详细的内容。
站点 就是一群相关网页的集合，也就是说，设计者制作了几个网页，并且经过组织规划，让网页彼此相连，
然后让 Internet的人都能看到，这样的完整结构就称为
“站点”。
4
网页的组成元素报纸、杂志其版面都是由两种元素构成的，即“文字”与“图形”。 WWW上的网页，在编辑时也是基于同样的版面设计原理，但网页设计比平面设计复杂得多，因为通过浏览器展现出来的网页，有声音、图像、动画等多媒体项目，作为网页的基本元素仍然是文字、图形和超级链接。
文字 —— 文字是网页中传递信息最快、占用存储空间最小优势最强大量使用的信息传输载体。（通过字型、字号、
颜色的不断变化来吸引浏览者）
图形 —— 图形能给人更直观的视觉印象。 WWW上的图形格式一般为 JPG,GIF图形。这两种图形的压缩比较高且具有跨平台的特性，即适应任何操作系统，但 GIF图形只适应
256色的图片。
超链接 —— 超链接是一种标记，一点即得。不论文字或图形都可添加超链接标记。跳至各主题页面的链接；与其他站点的链接；链接到网页设计者的 E-mail。
表单（用来与访问者交互的页面元素集合，包括按钮、下拉菜单等元素，供访问者输入需要进行交互的信息。）、框架（将浏览器的可视部分分成若干个不同的区域，每个区域对应不同的页面）、表格（可用于输出分类信息，也可用于页面信息定位）、
动态元素（ GIF动画、横幅广告、网站计数器）等。
5
FrontPage2000功能简介网页制作 —— 操作界面简易，类似其他 Office应用软件的使用。所见即所得，即制作者无须了解 HTML语言格式，只要使用工具栏或功能表，系统会自动把页面文件编译为 HTML文件。可以切换不同的视图方式直接编辑 HTML文本以及预览网页效果。对于初学者，
可直接使用系统提供的摸板、向导及主题。
建立和管理站点 —— 直接在屏幕上建立组织结构图，
并且自动在页面中加入链接导航栏。
6
FrontPage2000中的视图操作（ 6种）
网页视图 — 网页的创建、编辑、预览等操作均在此视图中进行。
该视图窗口底部有三个标签：普通,HTML和预览，它们分别控制网页以普通方式,HTML方式进行编辑或是预览网页的效果。
7
文件夹视图 —— 站点显示为一组文件和文件夹。,文件夹”视图对于站点的作用与 Windows资源管理器对存储在硬盘上的文件的作用和操作基本相同。在文件夹中的操作自动的修改相应的链接。
报表视图 —— 可以方便了解当前站点的文件内容、更新链接情况组件、修改所有文件列表及变化情况等信息。需要了解站点详细情况时，使用报表视图。
导航视图 —— 可方便地观察站点的链接结构，这个结构很像一个单位或组织的结构图。其中主页位于顶部，其他的网页归入下面各层中。在该视图中可以很直观地浏览网站内网页之间的链接关系，同时也可以通过鼠标将结构图中的网页拖到新位置来改变链接结构。
超链接视图 —— 将当前站点显示为链接文件的一个网络，它们表示了站点中各个网页之间的相互链接关系。 超链接视图就像一个地图，表明站点中的超链接路径。
任务视图 —— 主要用来创建和管理任务。在视图中列出了当前站点中的“任务”，即当前站点中尚未完成的项目。
8
FrontPage2000基本操作建立新站点 —— 开始 -程序 -文件 -新建 -站点 -选定只有一个网页的站点 -指定新站点的位置，如图所示：
按照系统的默认设置建立起来的站点如教材 P211所示。
9
创建网页 —— 开始 -程序 -文件 -新建 -网页 -在新建对话框中进行选择。如下图所示：
10
导入网页操作：
从“文件”菜单中选择“导入”命令，进入“导入”
对话框。在该对话框中有三个按钮可供选择，即导入单个网页；导入文件夹中的所有网页；导入站点。如下图所示：
11
编辑网页中文输入、文本选定与 Word相同。 Ctrl+Home（文本头）,Ctrl+End
（文本尾）。三种方式使用字体：选择“格式”菜单中的“字体”；
对选中的文本右击弹出快捷菜单选“字体”；或选中文本后按
Alt+Enter。
换行与设置段落（仅换行：输入到右边界，系统会自动换行，必须换行时 Shift+Enter键。按回车键即为段落标记。），段落格式类似
Word。
特殊字符输入（单击“插入”菜单中的“符号”命令）
移动、复制、删除、字体的操作均类似 Word。
列表为文本快速设置项目符号（格式工具栏、“格式”菜单），也可把自己的图片导入到剪辑库。
表格的制作与处理创建表格（ 常用工具栏、“表格”菜单可精确设置表格和手工制表）
设置表格背景（鼠标指针移到到表格中右击 -选种表格属性可设置背景颜色或图片）
设置网页主题（系统提供 60种主题）
网页的保存与关闭
12
超链接的使用超链接包含两个部分：链接的载体（一般用颜色字体加下划线表示，也可能是图片。鼠标指针指向时变为手掌形状，相对应 URL地址也显示在下边）及目标地址（单击超链接后所显示的内容：可能是本网站中的另一个网页，可能是另一个网站，也可能是下载文件，
或者是打开电子邮箱）
建立超链接建立超链接可有三种形式：本网页之内的；网页之间的；网站之间的。建立超链接的步骤：选中作为超链接的载体 -右击 -在快捷菜单中单击“超链接”命令 -打开超链接对话框 -确定超链接目标例：新建个人站点。使用“讨论站点”可创建网上聊天室（除查看见解外，更重要的是在该站点上发表自己的高见。），但这种提交表单的方式必须安装
FrontPage 2000服务器扩展的真正 Web服务器，才能在浏览器中使用全部功能。
13
使用书签建立网页内的链接：
首先在网页标题行下面输入要链接的小标题；
建立顶端书签（在“插入”菜单中单击“书签”命令 /
输入“顶端”二字，出现小红旗样式，然后分别在各小标题处建立书签（书签的名字就是小标题）；
在标题行建立到书签的链接；
在页面内相应处建立“返回顶端”的链接。
用同样的方法可创建指向别的网页内的书签。选中其他网页的文本或图像，在创建超级链接对话框中单击包含该书签的页面，然后在书签中指定要链接的书签即可。
14
新建个人站点：
15
16
17
18
编辑文字、应用主题、插入图片与声音,（ 飞碟、工业型、网络蓝、卡通）
19
20
21
22
23
24
小结：
本章主要讲述了使用 FrontPage 2000制作网页过程中的一些基本概念与基本操作方法。 FrontPage 2000中很多功能的使用方法与 Word 2000是非常类似的。通过学习，初步掌握用 FrontPage制作网页的技术和方法，自己动手制作网页、创建网站、建立各种超级连接。
习题：
1.制作一个宽 500pt 高 300pt 三行两列的表格，为表格添加一幅背景图片。
2.制作一个三项的列表,1、雅虎； 2,263在线； 3、搜狐，
为每一项建立一个超级连接，连接的目的地址为各网站的主页。
3.使用“公司展示向导”建立一个站点。对站点内的网页进行修改，将主页修改为 P223所示。
