第七章 网络多媒体应用设计
返回
学习目标
? 掌握 HTML语言的基本知识，如标签、文件结构、
超链接等，能够利用所学知识编写简单页面；
?熟悉 FrontPage 2002基本界面和使用菜单；
?掌握 FrontPage2002网页制作的基本技术，包括
文字的处理、超级链接处理、表格处理以及图片
处理；
?学会制作特殊效果的网页如创建网页间的过渡
效果，在网页中插入视频、插入 Java程序、
ActiveX控件等高级元件；
?能综合运用 FrontPage2002制作出有一定个性和
特色的网页。
目录
7.1 多媒体站点设计概述
7.2 HTML 语言
7.3 FrontPage 2000
返回
7.1 多媒体站点设计概述
1,什么是 WWW
WWW是, World Wide Web”的缩写，中文译名
为, 万维网,,是一个基于 Internet（因特网）
的全球互联、分布、动态和跨平台的交互式多媒
体信息系统，它由分布在全世界的成千上万个 Web
站点组成，每个 Web站点包含一组可供访问的页面。
这些页面包含文本、图形图像和动画、声音等多
媒体信息。 返回
2,设计多媒体网页前的准备
建立 Web站点之前先要作详细的计划，包
括定位站点的主题、定位目标浏览者、资源需
求及站点组织。其次设计站点的布局、风格及
导航结构，接着应收集站点所需要的各种素材，
如各种文字资料、图片和声音等。然后再考虑
网络带宽、不同浏览器的前提下，合理运用新
技术，依次制作所需的网页。制作完成后，还
要测试各个页面之间的链接及检查排版和内容
方面的错误。最后是发布站点。
首先应明确建立 Web站点的主题, 是个人主
页还是公司网站？ 建立站点的目的是什么？ 不论
是商业网站还是个人网站, 都要有创意, 即要有
自己的特色和与众不同的地方 。
(1).定位站点的主题
确定网站的主题后, 需要决定站点的目标浏
览者是哪些人群, 仔细考虑哪些人群会被吸引到
你所建的站点, 或想吸引哪些人群访问你的站点 。
他们可能使用哪种计算机平台 （ Windows,Linus
或 Macintosh）? 哪种浏览器 （ 微软的 IE或网景
的 NC） 和浏览器的版本等 。 以上这些因素都会影
响到所建站点的使用 。
(2).定位目标浏览者
从一开始就组织好站点结构会省去以后的很多
麻烦 。 如果收集了一些文档资料, 但没有考虑它
们分别放到什么位置, 则在站点制作过程中将会
出现混乱情况 。
最常用的方法是在本地计算机上创建一个专门放
置站点所有文件的文件夹, 将站点的内容以目录
结构组织起来, 并把相关的文件放置在同一个文
件夹里, 然后在不同的文件夹中制作和编辑相应
的 Web页 。
(3).组织站点结构
导航结构在 Web站点的设计中也是非常重要的 。
应当仔细考虑访问者如何从站点的某一处移动到
另一处 。 最主要的有以下三点：
1）, 当前位置,,在每一页的顶部提示当前页所
在位置, 以便让浏览者知道身在何处, 并可轻松
地返回到上一层页面 。
2）, 搜索和索引,,在站点中添加搜索和索引功
能, 可以让访问者快速找到所需的内容 。
3）, 反馈信息,,提供电子邮件地址, 电话和 QQ
号等信息, 以便能让浏览者及时联系到站点的网
管人员, 当有问题时, 可以快速得到反映和解决 。
(4).设计导航结构
一旦知道了站点的设计和布局后, 就可以制作
和收集站点所需的各种资料了, 包括文本, 图像,
视频和动画 。 在开始制作站点内容以前, 应当确
认已经收集到了所有需要的资料, 否则, 可能为
了找到一个图像来创建按钮而中断了制作过程 。
(5).收集和制作站点所需的各种资料
3.常用网页制作工具
目前网页上大部分信息都是通过
HTML(超文本标记语言 )发布的，从原理上
讲用 Windows自带的记事本程序就可以制
作网页，但使用专门的网页制作工具软件
可以事半功倍。网页制作工具很多，最常
用的有 FrontPage和 DreamWeaver两种。
1.FrontPage2002
FrontPage2002是微软公司新推出的网页制作
工具，它具有很强的网页编辑和管理功能。特别
是它自身附带多种模板，为初学者提供了简单易
行的制作途径。
2,DreamWeaver MX
DreamWeaver MX 是 Macromedia公司新推出的
优秀的网页设计工具，它可以在不用书写任何代
码的情况下，创建具有动态 HTML特性的网页，例
如动画和分层等。利用 DreamWeaver MX的目标浏
览器检查特性，可以制作适合各种浏览器、兼容
性极好的网页。同时，它还可以在用可视编辑器
进行编辑时，同步看到文档的原代码。
7.2 HTML 语言
7.2.1 HTML 的基本知识
7.2.2 装饰 HTML 文档的界面
返回
7.2.1 HTML 的基本知识
1,HTML 标签
2,HTML 文件
3,HTML 文件结构
4,HTML 超链接
HTML 语言使用 标签 来指明文档中的
不同内容。标签是区分文本各个组成部分
的分界符，用来把 HTML文档划分成不同的
逻辑部分 (或结构 )，如段落、标题和表格
等。
标签描述了文档的结构，它向浏览器
提供该文档的格式化信息，以传送文档的
外观特征。
1,HTML 标签
大部分 HTML 标签形式如下：
〈 标签名 〉 相应内容 〈 ／标签名 〉
标签的名字用尖括号 〈 〉 括起来。
HTML 标签一般有 起始标签 与 结束标
签 两种，分别放在它起作用的文档两边。
起始标签与结束标签非常相似，只是结束
标签在, 〈,号后面多了一个斜杠, ／, 。
２, HTML 文件
HTML 文件就是普通的文本文件 。可
以使用两种基本方法制作 HTML 页面：
一种是用文本编辑器，譬如 Windows
操作环境下的 Notebook，编辑文本及 HTML
命令；
另一种是采用可视化软件，譬如
FrontPage，生成 HTML 命令。
下面是一份 HTML 文件的内容：
<HTML>
<HEAD><TITLE>例一 </TITLE></HEAD>
<BODY>
<CENTER> <H1>网络认证培训考试 </H1>
<HR size=”6” width="50%" noshade>
<font size="4"> 1.MCSE认证考试 <br>2.ATC 认证
考试 <br>3.Adobe认证考试 <br></font>
</CENTER>
</BODY>
</HTML>
以上的 HTML文件，经过浏览程序解释后，显示出
来的效果如图所示。窗口只显示文字和线条的大小
及格式，而 HTML原文件的其他符号都不见了，这些
没有显示出来的符号，如 <HTML>\<HEAD>等，它们的
作用是告诉浏览器，如何将文件内容以适当的格式
显示排列。
3,HTML 文件结构
任何一份 HTML 文件，都包含了 表头
(Header),本体 (Body),主题 (Title)三个
要素，分别以 <HEAD>,<BODY>和 <TITLE>
标签来表示。同时也是为了 HTML文件有别
于其它种类的文件,另外再加上 <HTML>
标签加以强调。
<HTML>标签, <HTML>和 </HTML>标签
置于整个文件的起始及结束处，表示文件
是属 HTML 语言格式。其余标签都应该位
于该标签里面。
<HEAD>标签, <HEAD>和 </HEAD>标签
标明文件的表头段，主要说明本文内容整
体信息，是文章的开场白。所有在表头段
的内容都不会显现在浏览器窗口的本体段
(Client area)里。
<BODY>标签, <BODY>和 </BODY>标签
标明文件的本体区段，位于表头段以下的
地方，即是指经浏览器解读后显示在窗口
本体段 (Client area)的内容。
<TITLE>标签, <TITLE>标签标明文件
内容的主题，让读者了解文件的主题。
<TITLE>标签里不允许有其它的标签存在。
<Hn>和 <／ Hn>标签, 叫子标题标识，用
来区分章节标题字体的大小，浏览时会显示
不同的大小字型。 HTML定义了６个级别的子
标题，其格式为,<Hn>子标题内容 </Hn>。其
中 n可在１～６中进行选择（１号最大，６号
最小）。
<FONT size=”n”>和 </FONT>标签, 该标识
符可以改变指定范围内文字字体的大小,
size属性用来设定字号,n的取值为１～７，
默认值为３。
<HR size=”n” width=“nn%” noshade>标
签,设定横线段的标签。 size属性设定线段
粗细,n的默认值为 2(最细）。 Width属性用
来指定横线的长短，用满屏宽度的百分比来
设定，默认值为 100%。 noshade属性能够产生
一条普通的二维黑线，默认值为一条带阴影
的三维横线。
<CENTER>和 <BR>标签, <CENTER>为使该标
签范围内的内容居中对齐； <BR>为换行控制
标签。
4,HTML 超链接
在 HTML 中使用 anchor 标签 <a>来建
立链接，它将文本或图形标识为指向其
它 HTML 文档、图形、小程序、多媒体效
果或 HTML 文档中特定位置。在链接的语
法中必须包含一个参考属性 href 和一个
结束标签 </a>，如下所示：
<a href=“URL”>here's a link to another page.</a>
在链接语法中,<a></a>定义一个超
链接,here?s a link to another Page
是超链接对象。 href指定了目标 URL,URL
是文档在 Web或 Internet上的地址，它总
是放在引号中。这个 URL可以是一个书签、
网页或者站点。
在链接语法中，不仅可以从网页链
接到网页，而且还可以在一个网页内部链
接。所以在 HTML中，将链接分成两部分，
一种是 标准链接,另一种是 页内链接 。
所谓 标准链接,就是两个网页间的链接
，它有 绝对 URL和 相对 URL两种链接方式。
绝对 URL包含四个部分, 即协议指示符,
主机名, 文件夹名和文件名 。 根据具体情况
,URL可能还包括其他信息, 指定用户名或
服务器端脚本的输入, 但这四个部分是 URL
的基础 。 绝对 URL举例如下：
http://www.sina.com.cn/index.htm
相对 URL通常只包含文件夹和文件名，甚
至只有文件名，可以用这种相对 URL指向位于
与原文档在同一服务器或同一文件夹中的文
件。这时，浏览器假设链接的目标文档与原
文档在同一文件夹中或同一服务器中，所以
不需要服务器名和协议名。可以利用相对 URL
指向原文档附近的文档（称为文档相对 URL）
或指向原文档所在的服务器（服务器相对
URL）。
所谓 页内链接,就是不仅可以链接到
其他网页，而且还可以链接到单个 HTML网
页的任何地方，在网页中定义一个书签
book，然后可以在网页中设置一个页内链
接。它也有绝对 URL和相对 URL两种链接方
式,
例如：使用相对 URL用 anchor标签链接子标题，使得可以直
接进入文档中的这个位置。
首先是建立子标题,<H2>Proposals</H2>.
再加上 anchor标签来建立链接：
<H2><A>Proposals</A></H2>。
最后，加进 NAME属性；
<H2><A NAME="proposal">Proposal</A></H2>。
在浏览器中浏览文档时，看不出什么不同之处，但却提供了
直接链接文档中某个部分的工具。
当使用绝对 URL时，假设 Proposals段在 indexjc.htm文档中，
而这个文档在 ez-online.hb.cninfo.net服务器的 swzn文件
夹中，则 HTML源代码为：
<A HREF=" http://ez-nline.hb.cninfo.net/swzn/indexjc.htm
#proposal">Proposal</A>
超链接文字可有三种不同的显示形态
出现在文件中，这三种超链结显示形态分
别有,未链接, 正在链接 和 已链接 。
每种形态的显示颜色可分别设置，
各自的意义和设置属性如表所示。
链接形态 定义 设置属性
未链接形态 使用者未曾单击过或链接不成功的形态 LINK
正在链接形态 使用者在单击链接时未放开手的形态 ALINK
已链接形态 使用者已单击链接成功的形态 VLINK
7.2.2 装饰 HTML 文档的界面
1,插入图像
2,列表
3,表格
1,插入图像
图像文件格式
图像文件格式可分为两种，一种是
点阵图形；另一种是矢量图形。浏览器
普遍支持的图形格式有 GIF 和 JPEG。
一般我们看到的 HTML 文件里的图
形，多数为 GIF 格式，这是因为 GIF 的
显示速度比较好。如果我们要选择高品
质的显示画面，则可以选择 JPEG 格式
的图形。
插入图象
HTML文件中,IMG 元素用来插图象。
属性 SRC 的主要用途是指定图形资
源的位置,<img src=“URL”>。
属性 ALT 是指定图形对应的文字叙
述，其值为任意一串文字,由编写 HTML
文件者来设置。 ALT 属性的设立主要针对
非图形界面浏览器使用者。但是，这对图
形界面浏览器也有帮助。每当这些浏览器
关闭显示图形功能后，这一串文字就派上
用场了。
图文版面的排列
(1),图 文的基本排列方式
图文对齐排列由 IMG 元素的 ALIGN 属
性来设置，图与文的对齐排列原则是以文
字的基线 (Baseline)为依据。其中排列的
方式有以下几种：
图形顶端位置与文字基线对齐 ALIGN=up
图形中间位置与文字基线对齐 ALIGN=middle
图形底端位置与文字基线对齐 ALIGN=bottom(缺省值 )
图形顶端位置与文字最高位置对齐 ALIGN=texttop
图形顶端位置与行文字基线对齐 ALIGN=baseline
图文对齐排列方式
(2),浮动图形
图形与文字除了有以上五种排列方式
之外，也有另外两种排列方式，分别为
ALIGN=left和 ALIGN=right。
当 ALIGN为 right时，文字与图形分开排
列，图形漂到文件的右边界；当 ALIGN变为
left时，图形告左排列，并把图形底下的文
字往外挤出去，图形像漂至左边界。
(3),图形配置控制
宽度设置 图形配置宽度的设置是
由 WIDTH属性 来完成。
高度设置 图形配置高度的设置是
由 HEIGHT属性 来实现。
例如：要插入的图形原来的尺寸为
100× 90大小。如果我们要显示出
200× 180大小的图，可将 WIDTH和 HEIGHT
两种属性分别设置成 200和 180，如下所示
<IMG SRC=“www.gif” WIDTH=200 HEIGHT=180>
２, 列表
HTML 语言提供多种表结构的元素，
根据显示外观的不同可分为两类：
词汇表 (Glossary List)和 规律性
(Regular List)表 。
第二类规律性表又可分为两种：
第一种是 有序表 ；第二种是 无序表 。
定义表 (DL)
定义表属于词汇表, 它是由一系列
项目和其定义叙述所组成的 。 一般定义
表的每个项目都列在左边, 而其定义则
列在右边或下一行有缩排的段落 。
定义表结构块, 是则起始标签 <DL>
和结束标签 </DL>包围形成的, 而每一个
项目则以 <DT>项目标签和 <DD>定义叙述
标签来表示 。
<DL>
<DT>WWW<DD>WWW是全球住处网 (World wide web)的缩写, 也有人称
之为 3W,W3,Web。 由欧洲量子物理实验室所开发出来的一套, 分散
式超媒体数据库查询, 的系统 。
<DT>HyperText<DD>HyperText是超文本 。 文件通过超文本, 可链结
到其它地方的数据文件, 取得分散到各地的数据 。
</DL>
实例：
规律性表
规律性表结构是一组序列段落, 以
一个特殊记号, 序数或空格为分项符号 。
它的一般语法为：
<表列元素起始标签 >
<表列项目元素 >
<表列项目元素 >
...............
...............
<表列元素结束标签 >
(1),无序表
典型的无序表的每一个项目前端，
都用一个实心小圆点作为分项符号。
无序表结构块，是由起始标签 <UL>和
结束标签 </UL>包围形成的，而每一个
项目是以 <LI>项目标签来表示。
浏览器为无序表元素添加了属性
TYPE，它的值分别是表的分项符号样式，
其值共有三种,DISC(实心小圆点 )、
CIRCLE(虚心小方块 )和 SQUARE(实心小
方块 )，缺省为 DISC 。
<UL>
<LI>理解 Internet
<LI>访问 WWW
<LI>理解 Web发布
</UL>
实例：
(2),有序表
有序表的每个项目都有前后顺序之分
多数用数字来表示。有序表结构块，是由
起始标签 <OL>和结束标签 </OL>包围形成
的。而每一个项目是以 <LI>项目标签来表
示。
浏览器为有序表添加了 TYPE和 START
属性,TYPE属性可提供更多项目识别符号。
它总共提供了五种不同样式的分项符号，
分别如下所列。缺省值为 TYPE=1。
START属性 可设置表项目的初始值,
其值为分项符号样式列中第几个,
如 START=5就表示由 ‘ 5’,‘ E’,‘ e’,‘ V’、
‘ v’开始 。
<OL TYPE=1> 数字，如 1,2,3...
<OL TYPE=A> 大写字母，如 A,B,C...
<OL TYPE=a> 小写字母，如 a,b,c...
<OL TYPE=I> 大写罗马字母，如 Ⅰ,Ⅱ,Ⅲ...
<OL TYPE=i> 小写罗马字母，如 i,ii,iii...
<H2>打开 Web资源的步骤 </H2>
<OL>
<LI>在用户浏览器中, 输要访问资源的完整 URL。
<LI>浏览器把请示发送到正与之通信的服务器 。
<LI>用户服务器把该请求转发一在 URL中所规定的服务器 。
<LI>那个服务器查找资源并把它发回到用户服务器 。
<LI>用户服务器把资源发送到用户浏览器 。
</OL>
实例,
３, 表格
表格在 HTML语言中是以 TABLE元素来
表示，其对应的标签为 <TABLE>，并以
</TABLE>签来结束表格结构的有效性。
基本表格结构
在基本表格结构中，包含 项目表头
(TH元素可表示表格项目的表头 )和 资料
(TD元素可表示资料 )，并加上了表格的
标题。表格 标题 是以标签 <CAPTION>表
示，并以 </CAPTION>结束。表格标题、
项目表头和资料构成了表格基本结构三
个要素。 <TR>元素是表示表格的行。
<table border><caption>Internet应用形态比较 </caption>
<tr><th>应用类型 \年度 </th><th>1993年 </th><th>1994年 </th>
<th>1995年 </th></tr>
<tr><th>当月传输量 <br>(Giga Byte)</th><td>5,159</td>
<td>10,294</td><td>19,119</td></tr>
<tr><th>FTP</th><td>2,412</td><td>4,243</td><td>5,784</td></tr>
<tr><th>WWW</th><td>0.122</td><td>269</td><td>3,382<td></tr>
</table>
实例：
设置表格
设置 有框线表格,
<table border>...</table>
或 <table border=1>...</table>
设置 无框线表格,
<table>...</table>
或 <table border=0>...</table>
设置 表格的大小,
<table width=n1 height=n2>
设置 表格行数, TR元素表示表格的行
一份表格的行数由 <TR>标签个数来决定。
设置 表格列数,表格列数由一行中所
包括的 TH和 TD元素个数来决定。
设置存储格
格间距
如果是有线表格，数据之间就会有框线隔
开。格与格之间的空间大小，我们称之为
格间距。可以通过设置表格 CELLSPACING的
值来实现格间距宽度的改变。一般用于有
框线的表格，而格间距的宽度距离缺省值
为 1。
格内容与边缘距离
我们可以用 CELLPADDING这个属性来设定表
格所有储存格内容与边缘之间的宽度和长
度。属性 CELLPADDING的缺省值为 1。
实际应用
使用内含图象元素 IMG,表元素 TABLE
制作出一页简单的 Homepage。 此 Homepage
中的表格共分成三个块, Homepage的显示
效果如下图所示 。
<html><head><title>动物园简介 </title>
<meta name="GENERATOR" content="Microsoft FrontPage 3.0">
</head>
<body><table border="1" width="732">
<tr><td width="229"><ul>
<li><a href="index.htm">动物园简介 </a></li>
<li><a href="fingerpost.htm">游园指南 </a></li>
<li><a href="story.htm">动物园里的故事 </a></li>
<li><a href="friends.htm">动物大使 </a></li>
</ul></td>
<td width="265"><img src="dsh02.gif" width="261" height="167"
alt="dsh02.gif (16135 bytes)"></td>
<td width="306"><center><b>独角犀 </b></center><br> 独角犀是
亚洲犀牛中最大的一种，主要在尼泊尔及邻近地区、现在数量已很少，是
世界濒危物种，世界上只有少数国家展出。 <br> 雌性独角犀现已 20岁
，在我园新犀牛馆展出 </td>
</tr></table></body></html>
7.3 FrontPage 2000
7.3.1 开始使用 FrontPage2000
7.3.2 用 FrontPage2000设计站点网页
7.3.3 在 FrontPage2000中使用图形
7.3.4 使用 FrontPage2000制作特殊效果的网页
7.3.5 发布 FrontPage2000 返回
1,熟悉 FrontPage 2000
FrontPage 首先是一个 编辑工具,它
可以编辑 Internet上以 HTML格式保存的所
有文件，并可以利用 Image Composer 和
Microsoft GIF Animator编辑处理图像和
动画，此外还可以在网页中插入各种插件，
包括,Java,ActiveX,JavaScript，产生
各种特殊效果。 FrontPage 2000 对动态
HTML 的支持更加完善，无需任何插件，
就可以产生各种动画效果。
7.3.1 开始使用 FrontPage 2000
FrontPage 2000 是一个 管理站点的
工具,可以利用不同的方式查看各个网页
之间的关系，调整站点的组织结构，使整
个站点的条理清晰。
FrontPage 2000 还是一个 Internet
出版工具,利用它提供的网络发布工具，
可以轻松完成站点的发布上传过程。
２, 第一次运行
如果 FrontPage 2000安装完毕，可以
按下列步骤启动：
(1) 单击, 开始, 按钮，在, 开始, 菜单
中单击, 程序, 。
(2) 在, 程序, 菜单中单击 Microsoft
FrontPage。
(3) 打开的 FrontPage 2000图形化用
户界面。
FrontPage 2000的用户界面有六种不
同的形式，由所选择的视图方式而定。
“网页, 视图 --FrontPage 2000中最常用的
工作界面，如下图所示。
网页的创建、编辑、预览等基本操作都是
在此视图中进行的。该视图窗口底部有三个标
签：, 普通,,, HTML”和, 预览,,它们分别控制网
页以普通方式,HTML方式进行编辑或是预览网页
的效果。
“文件夹, 视图 --在, 文件夹, 视图中，站点
显示为一组文件和文件夹，如下图所示。
,文件夹, 视图对于站点的作用与 Windows
资源管理器对存储在硬盘上的文件的作用和操
作基本相同。在, 文件夹, 视图中可以通过拖拽
操作移动文件或文件夹。
“报表, 视图 --使用, 报表, 视图可以方便了解
当前站点的文件内容、更新链接情况组件错误、
所有文件列表及变化情况等信息。
当需要得到有关站点文件的详细情况时请
使用, 报表, 视图。下图显示了, 报表, 视图中的
,站点总览, 报表，若要显示其他内容可在, 报表
” 工具栏中的, 报表, 下拉列表中选择所需的报表。
“导航, 视图 --使用, 导航, 视图可方便地观察
站点的链接结构。如下图所示，主页位于顶部，
其他的网页归入下面各层中。
在该视图中可以很直观地浏览网站内网页之
间的链接关系，同时也可以通过鼠标将结构图中
的网页拖到新位置来改变链接结构。
“超链接, 视图 --“超链接, 视图将当前站点
显示为链接文件的一个网络，它们表示了站点中
各个网页之间的相互链接关系 (见下图 )。
,超链接, 视图就像一个地图，表明站点中
的超链接路径。显示来自和指向着眼点点中的
每一页的超链接。
“任务, 视图 --“任务, 视图主要用来创建和
管理任务。
在视图中列出了当前站点中的, 任务,,即
当前站点中尚未完成的项目。
３．使用模板迅速创建网站
启动 FrontPage 2000之后，就可以在其中建
立一个新站点，或者打开一个存在的站点。如果要
建立一个新站点，在, 文件, 菜单的, 新建, 子菜
单中选择, 站点, 命令，打开, 新建, 对话框，如
图所示
对话框中提供了 10种建立新站点的
方法，如下图所示,
4,在站点中应用主题
作为一个站点发布者, 一个最重要的
任务就是制作站点的图形外观 。 它由以下
几方面决定 。 当然也还包括其他因素：
? 文本和超链接的颜色
? 背景图形的颜色
? 应用的字体
? 图形和导航栏
在 FrontPage 2000中，在, 格式, 菜单
选择, 主题,,即可对主题进行选择。在主
题对话框中，可以在应用主题之前对主题
效果进行预览，如下图。
7.3.2 用 FrontPage2000 设计站点
1,创建站点网页
2,在网页中添加共享边框
3,为网页选择背景
4,在网页中添加文本
5,更改文本的字体和颜色
6,创建项目符号和编号
7,创建表格
1,创建站点网页
在编辑网页之前，先要转换到
FrontPage 2000的网页视图模式下。
FrontPage 2000的每一个站点网页都是以
模板开始。如果想从零开始，可以选择普
通网页模板。单击, 文件,,, 新建,,, 网页
或是常用工具栏中的新建网页按钮，就可
以建立一个新网页。
当模板选择完毕，网页会立即出现在
网页视图中，这时就可以对其进行编辑。
如果站点中没有应用主题，新网页将完全
是空白的。
２, 在网页中添加共享边框
在 FrontPage 2000中，可以创建站点
中所有网页通用的边框区域。单击, 格式,,
,共享边框,,就可以看到目前正在使用什
么边框。 如下图所示。
３, 为网页选择背景
选择背景是装饰站点的一个好办法。
背景可以是某种颜色，也可以是图形。选
择“格式”，“背景”弹出网页属性对话框，
选择“背景”选项卡，如下图所示。
4,在网页中添加文本
打开 FrontPage 2000的网页视图，并
在其中键入文本。无论是共享边框还是网
页主体，文字都会出现在光标所在位置。
共享边框在网页中以点划线指明，但是在
浏览器中这些线将不会出现。
在输入文字时，若一行长度超过屏幕
的显示范围,FrontPage会自动换行。若要
输入的是一篇很长的文章，就需要对文章
做适当的段落排列以增加页面的可读性。
在我们输入文字内容时，单击, Enter”键即
可区分段落。
5,更改文本的字体和颜色
在一个应用了主题的网
页中添加文本，文本会自动套
用主题中正文的字体和颜色。
如果没有应用主题，那么文本
将会使用浏览器加载网页时使
用的默认字体和颜色。如果需
要更改文本的字体和颜色，可
以选中文本，选择单击, 格式,
,字体, 打开字体对话框。如右
图所示。在这里可以选择新的
字体和颜色。
6,创建项目符号和编号
网页中的文本一般以段落为单位显示，
并且段落之间没有标志和换行符。另一种
组织网页文本的方式是将其转换为列表，列
表是相关的项目群，每个项目可以是一段
文本或是文本与其他网页元素的结合。网页
中可以显示以下两种列表：
1,编号,每个项目前都有一个单独的号码
项目符号,项目前为一个符号
单击, 项目符号, 按钮或者, 编号, 按钮就
可以将文本转为列表。
7,创建表格
在 FrontPage 2000中创建表格有 3种
方法。
(1)使用按钮插入表格
(2)使用菜单命令插入表格
(3)手动绘制表格
表格可以控制网页信息的排列。可以
将网页的不同元素甚至是另一表格放在表
格中，这样创建起来的网页布局可以在任
何浏览览器、显示器和电脑中表现出相同
的外观。
7.3.3 在 FrontPage2000 中使用图形
1,导入图片
只有文字的网页会显得单调，达不到
所需的感官效果。因此在制作网页时，都
要在页面加上适当的图片。
(1)导入当前站点中的图片
(2)导入剪贴画库中的图片
(3)在计算机中选择图片文件
(4)使用 Web浏览器来选择网页和文件
(1),导入当前站点中的图片
如果要插入的图片已经存在于当前的站点
中，可以在当前站点中直接导入图片。
1).将插入点设置在要插入图片的位置。
2).从, 插入, 菜单的, 图片, 子菜单中选择
,来自文件, 命令。
3).出现, 图片, 对话框，当前站点中的所有
图片都会显示在文件列表中，如下图所示，选择
所需的图片文件。
(2),导入剪贴画库中的图片
1)将插入点设置在要插入图片的位置。
2)从, 插入, 菜单的, 图片, 子菜单中选择
,剪贴画, 命令。
3)出现, 剪贴画库, 对话框，选中, 图片,
选项卡，再选择所需的图片类别，例如选择
,工作人员, 类别，如下图所示。
4)显示出, 办公室, 类别中的所有图片，
单击要导入的图片，在出现的菜单中选择
,插入剪辑, 按钮。
(3),在计算机中选择图片文件
1)将插入点设置在要插入图片的位置。
2)从, 插入, 菜单的, 图片, 子菜单中选择
,来自文件, 命令。
3)出现, 图片, 对话框，单击, 从计算机上
选择一个文件, 按钮。
4)出现, 选择文件, 对话框，在, 搜索, 框中
选择图片所在的文件夹，如下图所示。
5)在文件列表中选择所需的图片文件。
6)单击, 确定, 按钮。选择的图片出现在
插入点位置。
(4),使用 Web浏览器来选择网页和文件
在 Internet上有许多专门搜集图片的站点
可以直接连接到这些站点去寻找图片。
1)从, 插入, 菜单的, 图片, 子菜单中选择
,来自文件, 命令。
2)出现, 图片, 对话框，单击, 使用 Web浏览
器来选择网页或文件, 按钮。
3)打开 FrontPage 2000预设的浏览器，
通常是 Internet Explorer和 Netscape。在浏览
器中，用鼠标将网页上的图片直接拖拽到所需
位置即可。
在选定的图片上单击鼠标右键，在快捷菜
单中选择, 图片属性, 命令，在, 图片属性, 对话
框给图片添加超链接和替代文本。
２, 编辑图片
调整图片大小
在要调整的图片上单击
一下鼠标选定图片，用鼠标按
住图片四周的任一控点进行拖
拽，到达适当大小后，放开鼠
标即可。
也可在选定的图片上单
击鼠标右键，在快捷菜单中选
择, 图片属性, 命令，选中
,外观, 选项卡，在, 大小, 区域
中调整图片的大小参数。
移动图片的位置
先选定图片，再将图片拖拽到想要放置的
位置，放开鼠标即可。在 FrontPage 2000 中的
图片是被看作一般的字体元素，无法自由地放
置在页面上的任一个位置 (只能放在文字之间 )，
所以当页面是完全空白且没有输入任何文字时，
图片就无法进行移动的操作。
３, 使用图片工具栏
选定图片后，在编辑区的下方就会出现
“图片”工具栏，如下图所示。
图标可为图片加上文字, 制作透明图,
剪裁图片, 冲蚀及黑白图, 调
整图片的对比及亮度, 凹凸效果,
样本图
4,在网页中加入动态的 GIF文件
选定图片后在网页中加入动态的 GIF文件就
是一种动态效果，这些 GIF文件是由一些软件制作
出来的，其中不仅仅包括图片，还含有关于图片
显示顺序、每幅图片的显示时间、两幅图片之间
的间隔以及循环频率方面的信息。
在 FrontPage 2000中，这些文件的扩展名和
其他的 GIF文件一致，也是,,gif”，这些文件同样
可以导入，添加到网页中以及重新调整大小。
但在 FrontPage 2000中，却不能对其进行编
辑。这是因为，对动态的 GIF文件所做的编辑，其
效果会使它还原为单独的图片。
7.3.4 使用 FrontPage2000制作特殊效果
1,创建网页间的过渡效果
在 FrontPage 2000 中，最简单的特
殊效果之一就是在网页间加入过渡效果,
选择, 格式,,, 网页过渡, 就可以添加或删
除网页中的过渡效果。
可以在下列四种情况中加入过渡效
果：进入网页、离开网页、进入站点、
离开站点。
２, 在网页中插入视频
插入视频
若要在网页中插入视频, 按下列步骤操作 。
1)将插入点设置在要插入视频的位置 。
2)从, 插入, 菜单的, 图片, 子菜单中选择, 视频, 命令
3)出现, 视频, 对话框, 若对话框中没有视频文件,
可单击, 从计算机上选择一个文件, 按钮 。
4)在, 选择文件, 对话框中选择所需的视频文件 。
5)单击, 确定, 按钮 。
调整视频
用鼠标单击视频图像就会选择该视频图像,
此时视频图像的周围会出现 8个控点, 使用鼠标
拖动控点可以改变视频图像的大小 。
设置视频播放方式
(1)使用鼠标右键单击
视频图像，从快捷菜单中选
择, 图片属性, 命令。
(2)出现, 图片属性, 对
话框，选中, 视频, 选项卡。
(3)“视频源, 选项中显
示的是视频文件的名称。
如要插入另外一个视频文件
单击, 浏览, 按钮，在出现的
,视频, 对话框中选择一个视
频文件。若选中, 在浏览器
中显示控件, 复选框，就会
在浏览器中显示 AVI播放控制器。
(4)如果插入的视频文件比较大，选择此项
就可以自己控制视频的播放过程。
(5)在, 循环次数, 选项栏中可以输入视频文
件重复播放的次数。
(6)如果选中, 不限次数, 复选框，打开网页
之后视频文件会一直重复播放。
(7)在, 循环延迟, 选项栏中输入的数值可以
控制两次播放之间的停顿时间，这个值的单位是
毫秒。
(8)“播放, 区域中的两个选项控制视频开始
播放的条件，如果希望进入网页时就自动播放视
频文件，需选中, 打开文件时, 复选框；如果希望
当用鼠标单击视频图像时开始播放，应选中, 当
鼠标悬停于其上时, 复选框。
３, 制作动态 HTML效果
1)选取要制作动态 HTML效果的文字。
2)从, 格式, 菜单中选择, 动态 HTML效果, 命令，显
示, DHTML效果, 工具栏。
3)单击, 开启, 选项栏的下拉箭头，在下拉列表
中选择一个事件，如单击、双击、鼠标悬停
或网页加载。
4)当在, 开启, 选项中选择, 单击, 事件后,,应用,
选项被激活，单击, 应用, 选项栏的下拉箭头，
在下拉列表中选择应用效果，如选择可以使
文字有飞出效果的, 飞出, 选项，如下图所示。
5)当在, 应用, 选项中选择了效果后,,选择
设置, 选项被激活，单击, 选择设置, 选项栏的下拉
箭头，在下拉列表中选择一种动态效果，如选择
,到左下部, 选项，使文字向左下方移动。设置了
DHTML效果的文字显示在蓝色的边框内。单击窗口
底部的, 预览, 标签，切换到, 预览, 视图，用鼠标
单击具有 DHTML效果的文字，此文字就会向左下方
移动，直到在网页中消失。
如果对文本的动态 HTML效果不满意，单击
,DHTML效果, 工具栏上的, 删除效果, 按钮，可以将
DHTML效果删除。
４, 插入高级元件
插入 HTML
从, 插入, 菜单的, 高级, 子菜单中选择
,HTML”命令，就会出现, HTML标记, 对话框，
在对话框中可以直接加入 HTML标签，如下
图所示。
插入 Java程序
Java是一种程序语言，而 Java程序则是利用
Java语言开发出来的一种特殊程序。只要浏览者的
浏览器支持 Java程序，就可直接在网页中加入 Java
程序并执行。下载 Java程序的最佳站点是
Sun Microsystems公司的 Java主页，它的 URL是,
http://java.sun.com/applesInternet
1)将插入点设置在要插入 Java程序的位置。
2)从, 插入, 菜单的, 高级, 子菜单中选择
,Java小程序, 命令。
3)出现, Java小程序属性, 对话框，在
,Java小程序源, 文本栏中输入 Java程序的名称，
输入时要注意大小写。
4)在, 含有 Java小程序的 URL”
文本栏中输入站点名称。
5) 在, 浏览器不支持 Java时
显示的消息, 文本栏中可
以输入一些文字替代 Java
程序。
6)在, 布局, 区域中可以设置
Java程序在网页中的位置
7)在, 大小, 区域中可以设置
Java程序的范围大小。
8)单击, 确定, 按钮，网页中
插入了一个 Java程序。
插入 ActiveX控件
ActiveX控件是一些具有特定功能的软件，
在网页中加入一些不同功能的 ActiveX控件，可
以播放 Avi视频文件、显示试算表内容等等。
在 FrontPage 2000里面提供了很多现成的
ActiveX控件。如果想知盗更多一些 ActiveX控件
的相关功能，可以访问站点
http://activex,microsoft.com
1)将插入点设置在要插入 ActiveX控件的位
置。
2)从, 插入, 菜单的, 高级, 子菜单中选择
,ActiveX控件, 命令。
3)出现, 插入 ActiveX控件, 对话框，在, 选择
列表, 框中选择所需的 ActiveX控件。
4)单击, 确定, 按钮,ActiveX控件出现在网页中。
5)若要设置此控件关联的文件，用鼠标双击网页
中的控件。
6)出现, 选项, 对话框，选中, 参数, 选项卡。
7)在, 属性名称, 列表中选择, Filename”选项，
然后单击, 修改, 按钮。
8)出现, 编辑对象参数, 对话框，在, 值, 区域中
选择, 网页, 选项，然后单击, 浏览, 按钮，在
,选择文件, 对话框中选择所需的视频文件。
9)单击, 确定, 按钮，返回到, 选项, 对话框，视频
文件的路径及文件名出现在, 值, 列表中。
10)单击, 确定, 按钮。单击窗口底部的, 预览, 标签，
切换到, 预览, 视图就会看到控件播放的视频效
果。
7.3.5 发布 FrontPage 2000
1,发布站点的条件
当我们精心建立了自己的 Web站点后，
就可以向 Internet或 Intranet上发布自己
的成果，以实现信息共享。不过站点发布
应该具备下面几个条件：
与 Internet的连接
网页存放空间
是否支持 FrontPage Server Extension
发布软件
２, 发布站点
1)在 FrontPage 2000中，打开想要发布的
站点。
2)在, 常用, 工具栏中单击, 发布站点, 按钮，
或者从, 文件, 菜单中选择, 发布站点, 命令。
3)出现, 发布站点, 对话框，在, 指定发布
站点的位置, 文本框中输入要发布站点的位置，
如下图所示。如果没有站点建立提供商，可以
单击, WPP”按钮，启动浏览器并打开微软提供的
一个地址，凡是在这里登记 ISP都可以完全支持
FrontPage 2000提供的各种扩展工具 。
4)单击, 选项, 按钮，可以选择发布所需的
选项，如下图所示，如果是第一次发布这个站点，
可以使用默认选项, 只发布更改过的网页,,当下
一次发布同一站点时，将只发送更改过的网页，
这样可以节省上网更新时间。
5)设置好发布地址，单击, 发布, 按钮，
FrontPage 2000开始检测 WWW服务器的状态。
6)FrontPage与服务器连接成功后，就会
出现, 要求提供用户名和密码, 对话框，要求
输入用户名和密码，这些内容都是你申请站点
时 ISP提供给你的信息。
7)设置完毕后，单击, 确定, 按钮。
本章介绍了 HTML语言，超文本标记语言 HTML
(Hyperlink Text Markup Language)是一种描述
文档结构的语言，使用 HTML语言，可以完成比较
简单的网页的制作。
FrontPage 2000是 Office 2000家庭的新成
员，它是目前使用最为广泛的所见即所得的网页
制作软件。本章着重介绍了 FrontPage 2000的使
用方法，共 5小节,FrontPage 概述；编辑网页；
导入及处理图片；制作特殊效果的网页；站点的
管理与网页的发布。
本章小结
返回
学习目标
? 掌握 HTML语言的基本知识，如标签、文件结构、
超链接等，能够利用所学知识编写简单页面；
?熟悉 FrontPage 2002基本界面和使用菜单；
?掌握 FrontPage2002网页制作的基本技术，包括
文字的处理、超级链接处理、表格处理以及图片
处理；
?学会制作特殊效果的网页如创建网页间的过渡
效果，在网页中插入视频、插入 Java程序、
ActiveX控件等高级元件；
?能综合运用 FrontPage2002制作出有一定个性和
特色的网页。
目录
7.1 多媒体站点设计概述
7.2 HTML 语言
7.3 FrontPage 2000
返回
7.1 多媒体站点设计概述
1,什么是 WWW
WWW是, World Wide Web”的缩写，中文译名
为, 万维网,,是一个基于 Internet（因特网）
的全球互联、分布、动态和跨平台的交互式多媒
体信息系统，它由分布在全世界的成千上万个 Web
站点组成，每个 Web站点包含一组可供访问的页面。
这些页面包含文本、图形图像和动画、声音等多
媒体信息。 返回
2,设计多媒体网页前的准备
建立 Web站点之前先要作详细的计划，包
括定位站点的主题、定位目标浏览者、资源需
求及站点组织。其次设计站点的布局、风格及
导航结构，接着应收集站点所需要的各种素材，
如各种文字资料、图片和声音等。然后再考虑
网络带宽、不同浏览器的前提下，合理运用新
技术，依次制作所需的网页。制作完成后，还
要测试各个页面之间的链接及检查排版和内容
方面的错误。最后是发布站点。
首先应明确建立 Web站点的主题, 是个人主
页还是公司网站？ 建立站点的目的是什么？ 不论
是商业网站还是个人网站, 都要有创意, 即要有
自己的特色和与众不同的地方 。
(1).定位站点的主题
确定网站的主题后, 需要决定站点的目标浏
览者是哪些人群, 仔细考虑哪些人群会被吸引到
你所建的站点, 或想吸引哪些人群访问你的站点 。
他们可能使用哪种计算机平台 （ Windows,Linus
或 Macintosh）? 哪种浏览器 （ 微软的 IE或网景
的 NC） 和浏览器的版本等 。 以上这些因素都会影
响到所建站点的使用 。
(2).定位目标浏览者
从一开始就组织好站点结构会省去以后的很多
麻烦 。 如果收集了一些文档资料, 但没有考虑它
们分别放到什么位置, 则在站点制作过程中将会
出现混乱情况 。
最常用的方法是在本地计算机上创建一个专门放
置站点所有文件的文件夹, 将站点的内容以目录
结构组织起来, 并把相关的文件放置在同一个文
件夹里, 然后在不同的文件夹中制作和编辑相应
的 Web页 。
(3).组织站点结构
导航结构在 Web站点的设计中也是非常重要的 。
应当仔细考虑访问者如何从站点的某一处移动到
另一处 。 最主要的有以下三点：
1）, 当前位置,,在每一页的顶部提示当前页所
在位置, 以便让浏览者知道身在何处, 并可轻松
地返回到上一层页面 。
2）, 搜索和索引,,在站点中添加搜索和索引功
能, 可以让访问者快速找到所需的内容 。
3）, 反馈信息,,提供电子邮件地址, 电话和 QQ
号等信息, 以便能让浏览者及时联系到站点的网
管人员, 当有问题时, 可以快速得到反映和解决 。
(4).设计导航结构
一旦知道了站点的设计和布局后, 就可以制作
和收集站点所需的各种资料了, 包括文本, 图像,
视频和动画 。 在开始制作站点内容以前, 应当确
认已经收集到了所有需要的资料, 否则, 可能为
了找到一个图像来创建按钮而中断了制作过程 。
(5).收集和制作站点所需的各种资料
3.常用网页制作工具
目前网页上大部分信息都是通过
HTML(超文本标记语言 )发布的，从原理上
讲用 Windows自带的记事本程序就可以制
作网页，但使用专门的网页制作工具软件
可以事半功倍。网页制作工具很多，最常
用的有 FrontPage和 DreamWeaver两种。
1.FrontPage2002
FrontPage2002是微软公司新推出的网页制作
工具，它具有很强的网页编辑和管理功能。特别
是它自身附带多种模板，为初学者提供了简单易
行的制作途径。
2,DreamWeaver MX
DreamWeaver MX 是 Macromedia公司新推出的
优秀的网页设计工具，它可以在不用书写任何代
码的情况下，创建具有动态 HTML特性的网页，例
如动画和分层等。利用 DreamWeaver MX的目标浏
览器检查特性，可以制作适合各种浏览器、兼容
性极好的网页。同时，它还可以在用可视编辑器
进行编辑时，同步看到文档的原代码。
7.2 HTML 语言
7.2.1 HTML 的基本知识
7.2.2 装饰 HTML 文档的界面
返回
7.2.1 HTML 的基本知识
1,HTML 标签
2,HTML 文件
3,HTML 文件结构
4,HTML 超链接
HTML 语言使用 标签 来指明文档中的
不同内容。标签是区分文本各个组成部分
的分界符，用来把 HTML文档划分成不同的
逻辑部分 (或结构 )，如段落、标题和表格
等。
标签描述了文档的结构，它向浏览器
提供该文档的格式化信息，以传送文档的
外观特征。
1,HTML 标签
大部分 HTML 标签形式如下：
〈 标签名 〉 相应内容 〈 ／标签名 〉
标签的名字用尖括号 〈 〉 括起来。
HTML 标签一般有 起始标签 与 结束标
签 两种，分别放在它起作用的文档两边。
起始标签与结束标签非常相似，只是结束
标签在, 〈,号后面多了一个斜杠, ／, 。
２, HTML 文件
HTML 文件就是普通的文本文件 。可
以使用两种基本方法制作 HTML 页面：
一种是用文本编辑器，譬如 Windows
操作环境下的 Notebook，编辑文本及 HTML
命令；
另一种是采用可视化软件，譬如
FrontPage，生成 HTML 命令。
下面是一份 HTML 文件的内容：
<HTML>
<HEAD><TITLE>例一 </TITLE></HEAD>
<BODY>
<CENTER> <H1>网络认证培训考试 </H1>
<HR size=”6” width="50%" noshade>
<font size="4"> 1.MCSE认证考试 <br>2.ATC 认证
考试 <br>3.Adobe认证考试 <br></font>
</CENTER>
</BODY>
</HTML>
以上的 HTML文件，经过浏览程序解释后，显示出
来的效果如图所示。窗口只显示文字和线条的大小
及格式，而 HTML原文件的其他符号都不见了，这些
没有显示出来的符号，如 <HTML>\<HEAD>等，它们的
作用是告诉浏览器，如何将文件内容以适当的格式
显示排列。
3,HTML 文件结构
任何一份 HTML 文件，都包含了 表头
(Header),本体 (Body),主题 (Title)三个
要素，分别以 <HEAD>,<BODY>和 <TITLE>
标签来表示。同时也是为了 HTML文件有别
于其它种类的文件,另外再加上 <HTML>
标签加以强调。
<HTML>标签, <HTML>和 </HTML>标签
置于整个文件的起始及结束处，表示文件
是属 HTML 语言格式。其余标签都应该位
于该标签里面。
<HEAD>标签, <HEAD>和 </HEAD>标签
标明文件的表头段，主要说明本文内容整
体信息，是文章的开场白。所有在表头段
的内容都不会显现在浏览器窗口的本体段
(Client area)里。
<BODY>标签, <BODY>和 </BODY>标签
标明文件的本体区段，位于表头段以下的
地方，即是指经浏览器解读后显示在窗口
本体段 (Client area)的内容。
<TITLE>标签, <TITLE>标签标明文件
内容的主题，让读者了解文件的主题。
<TITLE>标签里不允许有其它的标签存在。
<Hn>和 <／ Hn>标签, 叫子标题标识，用
来区分章节标题字体的大小，浏览时会显示
不同的大小字型。 HTML定义了６个级别的子
标题，其格式为,<Hn>子标题内容 </Hn>。其
中 n可在１～６中进行选择（１号最大，６号
最小）。
<FONT size=”n”>和 </FONT>标签, 该标识
符可以改变指定范围内文字字体的大小,
size属性用来设定字号,n的取值为１～７，
默认值为３。
<HR size=”n” width=“nn%” noshade>标
签,设定横线段的标签。 size属性设定线段
粗细,n的默认值为 2(最细）。 Width属性用
来指定横线的长短，用满屏宽度的百分比来
设定，默认值为 100%。 noshade属性能够产生
一条普通的二维黑线，默认值为一条带阴影
的三维横线。
<CENTER>和 <BR>标签, <CENTER>为使该标
签范围内的内容居中对齐； <BR>为换行控制
标签。
4,HTML 超链接
在 HTML 中使用 anchor 标签 <a>来建
立链接，它将文本或图形标识为指向其
它 HTML 文档、图形、小程序、多媒体效
果或 HTML 文档中特定位置。在链接的语
法中必须包含一个参考属性 href 和一个
结束标签 </a>，如下所示：
<a href=“URL”>here's a link to another page.</a>
在链接语法中,<a></a>定义一个超
链接,here?s a link to another Page
是超链接对象。 href指定了目标 URL,URL
是文档在 Web或 Internet上的地址，它总
是放在引号中。这个 URL可以是一个书签、
网页或者站点。
在链接语法中，不仅可以从网页链
接到网页，而且还可以在一个网页内部链
接。所以在 HTML中，将链接分成两部分，
一种是 标准链接,另一种是 页内链接 。
所谓 标准链接,就是两个网页间的链接
，它有 绝对 URL和 相对 URL两种链接方式。
绝对 URL包含四个部分, 即协议指示符,
主机名, 文件夹名和文件名 。 根据具体情况
,URL可能还包括其他信息, 指定用户名或
服务器端脚本的输入, 但这四个部分是 URL
的基础 。 绝对 URL举例如下：
http://www.sina.com.cn/index.htm
相对 URL通常只包含文件夹和文件名，甚
至只有文件名，可以用这种相对 URL指向位于
与原文档在同一服务器或同一文件夹中的文
件。这时，浏览器假设链接的目标文档与原
文档在同一文件夹中或同一服务器中，所以
不需要服务器名和协议名。可以利用相对 URL
指向原文档附近的文档（称为文档相对 URL）
或指向原文档所在的服务器（服务器相对
URL）。
所谓 页内链接,就是不仅可以链接到
其他网页，而且还可以链接到单个 HTML网
页的任何地方，在网页中定义一个书签
book，然后可以在网页中设置一个页内链
接。它也有绝对 URL和相对 URL两种链接方
式,
例如：使用相对 URL用 anchor标签链接子标题，使得可以直
接进入文档中的这个位置。
首先是建立子标题,<H2>Proposals</H2>.
再加上 anchor标签来建立链接：
<H2><A>Proposals</A></H2>。
最后，加进 NAME属性；
<H2><A NAME="proposal">Proposal</A></H2>。
在浏览器中浏览文档时，看不出什么不同之处，但却提供了
直接链接文档中某个部分的工具。
当使用绝对 URL时，假设 Proposals段在 indexjc.htm文档中，
而这个文档在 ez-online.hb.cninfo.net服务器的 swzn文件
夹中，则 HTML源代码为：
<A HREF=" http://ez-nline.hb.cninfo.net/swzn/indexjc.htm
#proposal">Proposal</A>
超链接文字可有三种不同的显示形态
出现在文件中，这三种超链结显示形态分
别有,未链接, 正在链接 和 已链接 。
每种形态的显示颜色可分别设置，
各自的意义和设置属性如表所示。
链接形态 定义 设置属性
未链接形态 使用者未曾单击过或链接不成功的形态 LINK
正在链接形态 使用者在单击链接时未放开手的形态 ALINK
已链接形态 使用者已单击链接成功的形态 VLINK
7.2.2 装饰 HTML 文档的界面
1,插入图像
2,列表
3,表格
1,插入图像
图像文件格式
图像文件格式可分为两种，一种是
点阵图形；另一种是矢量图形。浏览器
普遍支持的图形格式有 GIF 和 JPEG。
一般我们看到的 HTML 文件里的图
形，多数为 GIF 格式，这是因为 GIF 的
显示速度比较好。如果我们要选择高品
质的显示画面，则可以选择 JPEG 格式
的图形。
插入图象
HTML文件中,IMG 元素用来插图象。
属性 SRC 的主要用途是指定图形资
源的位置,<img src=“URL”>。
属性 ALT 是指定图形对应的文字叙
述，其值为任意一串文字,由编写 HTML
文件者来设置。 ALT 属性的设立主要针对
非图形界面浏览器使用者。但是，这对图
形界面浏览器也有帮助。每当这些浏览器
关闭显示图形功能后，这一串文字就派上
用场了。
图文版面的排列
(1),图 文的基本排列方式
图文对齐排列由 IMG 元素的 ALIGN 属
性来设置，图与文的对齐排列原则是以文
字的基线 (Baseline)为依据。其中排列的
方式有以下几种：
图形顶端位置与文字基线对齐 ALIGN=up
图形中间位置与文字基线对齐 ALIGN=middle
图形底端位置与文字基线对齐 ALIGN=bottom(缺省值 )
图形顶端位置与文字最高位置对齐 ALIGN=texttop
图形顶端位置与行文字基线对齐 ALIGN=baseline
图文对齐排列方式
(2),浮动图形
图形与文字除了有以上五种排列方式
之外，也有另外两种排列方式，分别为
ALIGN=left和 ALIGN=right。
当 ALIGN为 right时，文字与图形分开排
列，图形漂到文件的右边界；当 ALIGN变为
left时，图形告左排列，并把图形底下的文
字往外挤出去，图形像漂至左边界。
(3),图形配置控制
宽度设置 图形配置宽度的设置是
由 WIDTH属性 来完成。
高度设置 图形配置高度的设置是
由 HEIGHT属性 来实现。
例如：要插入的图形原来的尺寸为
100× 90大小。如果我们要显示出
200× 180大小的图，可将 WIDTH和 HEIGHT
两种属性分别设置成 200和 180，如下所示
<IMG SRC=“www.gif” WIDTH=200 HEIGHT=180>
２, 列表
HTML 语言提供多种表结构的元素，
根据显示外观的不同可分为两类：
词汇表 (Glossary List)和 规律性
(Regular List)表 。
第二类规律性表又可分为两种：
第一种是 有序表 ；第二种是 无序表 。
定义表 (DL)
定义表属于词汇表, 它是由一系列
项目和其定义叙述所组成的 。 一般定义
表的每个项目都列在左边, 而其定义则
列在右边或下一行有缩排的段落 。
定义表结构块, 是则起始标签 <DL>
和结束标签 </DL>包围形成的, 而每一个
项目则以 <DT>项目标签和 <DD>定义叙述
标签来表示 。
<DL>
<DT>WWW<DD>WWW是全球住处网 (World wide web)的缩写, 也有人称
之为 3W,W3,Web。 由欧洲量子物理实验室所开发出来的一套, 分散
式超媒体数据库查询, 的系统 。
<DT>HyperText<DD>HyperText是超文本 。 文件通过超文本, 可链结
到其它地方的数据文件, 取得分散到各地的数据 。
</DL>
实例：
规律性表
规律性表结构是一组序列段落, 以
一个特殊记号, 序数或空格为分项符号 。
它的一般语法为：
<表列元素起始标签 >
<表列项目元素 >
<表列项目元素 >
...............
...............
<表列元素结束标签 >
(1),无序表
典型的无序表的每一个项目前端，
都用一个实心小圆点作为分项符号。
无序表结构块，是由起始标签 <UL>和
结束标签 </UL>包围形成的，而每一个
项目是以 <LI>项目标签来表示。
浏览器为无序表元素添加了属性
TYPE，它的值分别是表的分项符号样式，
其值共有三种,DISC(实心小圆点 )、
CIRCLE(虚心小方块 )和 SQUARE(实心小
方块 )，缺省为 DISC 。
<UL>
<LI>理解 Internet
<LI>访问 WWW
<LI>理解 Web发布
</UL>
实例：
(2),有序表
有序表的每个项目都有前后顺序之分
多数用数字来表示。有序表结构块，是由
起始标签 <OL>和结束标签 </OL>包围形成
的。而每一个项目是以 <LI>项目标签来表
示。
浏览器为有序表添加了 TYPE和 START
属性,TYPE属性可提供更多项目识别符号。
它总共提供了五种不同样式的分项符号，
分别如下所列。缺省值为 TYPE=1。
START属性 可设置表项目的初始值,
其值为分项符号样式列中第几个,
如 START=5就表示由 ‘ 5’,‘ E’,‘ e’,‘ V’、
‘ v’开始 。
<OL TYPE=1> 数字，如 1,2,3...
<OL TYPE=A> 大写字母，如 A,B,C...
<OL TYPE=a> 小写字母，如 a,b,c...
<OL TYPE=I> 大写罗马字母，如 Ⅰ,Ⅱ,Ⅲ...
<OL TYPE=i> 小写罗马字母，如 i,ii,iii...
<H2>打开 Web资源的步骤 </H2>
<OL>
<LI>在用户浏览器中, 输要访问资源的完整 URL。
<LI>浏览器把请示发送到正与之通信的服务器 。
<LI>用户服务器把该请求转发一在 URL中所规定的服务器 。
<LI>那个服务器查找资源并把它发回到用户服务器 。
<LI>用户服务器把资源发送到用户浏览器 。
</OL>
实例,
３, 表格
表格在 HTML语言中是以 TABLE元素来
表示，其对应的标签为 <TABLE>，并以
</TABLE>签来结束表格结构的有效性。
基本表格结构
在基本表格结构中，包含 项目表头
(TH元素可表示表格项目的表头 )和 资料
(TD元素可表示资料 )，并加上了表格的
标题。表格 标题 是以标签 <CAPTION>表
示，并以 </CAPTION>结束。表格标题、
项目表头和资料构成了表格基本结构三
个要素。 <TR>元素是表示表格的行。
<table border><caption>Internet应用形态比较 </caption>
<tr><th>应用类型 \年度 </th><th>1993年 </th><th>1994年 </th>
<th>1995年 </th></tr>
<tr><th>当月传输量 <br>(Giga Byte)</th><td>5,159</td>
<td>10,294</td><td>19,119</td></tr>
<tr><th>FTP</th><td>2,412</td><td>4,243</td><td>5,784</td></tr>
<tr><th>WWW</th><td>0.122</td><td>269</td><td>3,382<td></tr>
</table>
实例：
设置表格
设置 有框线表格,
<table border>...</table>
或 <table border=1>...</table>
设置 无框线表格,
<table>...</table>
或 <table border=0>...</table>
设置 表格的大小,
<table width=n1 height=n2>
设置 表格行数, TR元素表示表格的行
一份表格的行数由 <TR>标签个数来决定。
设置 表格列数,表格列数由一行中所
包括的 TH和 TD元素个数来决定。
设置存储格
格间距
如果是有线表格，数据之间就会有框线隔
开。格与格之间的空间大小，我们称之为
格间距。可以通过设置表格 CELLSPACING的
值来实现格间距宽度的改变。一般用于有
框线的表格，而格间距的宽度距离缺省值
为 1。
格内容与边缘距离
我们可以用 CELLPADDING这个属性来设定表
格所有储存格内容与边缘之间的宽度和长
度。属性 CELLPADDING的缺省值为 1。
实际应用
使用内含图象元素 IMG,表元素 TABLE
制作出一页简单的 Homepage。 此 Homepage
中的表格共分成三个块, Homepage的显示
效果如下图所示 。
<html><head><title>动物园简介 </title>
<meta name="GENERATOR" content="Microsoft FrontPage 3.0">
</head>
<body><table border="1" width="732">
<tr><td width="229"><ul>
<li><a href="index.htm">动物园简介 </a></li>
<li><a href="fingerpost.htm">游园指南 </a></li>
<li><a href="story.htm">动物园里的故事 </a></li>
<li><a href="friends.htm">动物大使 </a></li>
</ul></td>
<td width="265"><img src="dsh02.gif" width="261" height="167"
alt="dsh02.gif (16135 bytes)"></td>
<td width="306"><center><b>独角犀 </b></center><br> 独角犀是
亚洲犀牛中最大的一种，主要在尼泊尔及邻近地区、现在数量已很少，是
世界濒危物种，世界上只有少数国家展出。 <br> 雌性独角犀现已 20岁
，在我园新犀牛馆展出 </td>
</tr></table></body></html>
7.3 FrontPage 2000
7.3.1 开始使用 FrontPage2000
7.3.2 用 FrontPage2000设计站点网页
7.3.3 在 FrontPage2000中使用图形
7.3.4 使用 FrontPage2000制作特殊效果的网页
7.3.5 发布 FrontPage2000 返回
1,熟悉 FrontPage 2000
FrontPage 首先是一个 编辑工具,它
可以编辑 Internet上以 HTML格式保存的所
有文件，并可以利用 Image Composer 和
Microsoft GIF Animator编辑处理图像和
动画，此外还可以在网页中插入各种插件，
包括,Java,ActiveX,JavaScript，产生
各种特殊效果。 FrontPage 2000 对动态
HTML 的支持更加完善，无需任何插件，
就可以产生各种动画效果。
7.3.1 开始使用 FrontPage 2000
FrontPage 2000 是一个 管理站点的
工具,可以利用不同的方式查看各个网页
之间的关系，调整站点的组织结构，使整
个站点的条理清晰。
FrontPage 2000 还是一个 Internet
出版工具,利用它提供的网络发布工具，
可以轻松完成站点的发布上传过程。
２, 第一次运行
如果 FrontPage 2000安装完毕，可以
按下列步骤启动：
(1) 单击, 开始, 按钮，在, 开始, 菜单
中单击, 程序, 。
(2) 在, 程序, 菜单中单击 Microsoft
FrontPage。
(3) 打开的 FrontPage 2000图形化用
户界面。
FrontPage 2000的用户界面有六种不
同的形式，由所选择的视图方式而定。
“网页, 视图 --FrontPage 2000中最常用的
工作界面，如下图所示。
网页的创建、编辑、预览等基本操作都是
在此视图中进行的。该视图窗口底部有三个标
签：, 普通,,, HTML”和, 预览,,它们分别控制网
页以普通方式,HTML方式进行编辑或是预览网页
的效果。
“文件夹, 视图 --在, 文件夹, 视图中，站点
显示为一组文件和文件夹，如下图所示。
,文件夹, 视图对于站点的作用与 Windows
资源管理器对存储在硬盘上的文件的作用和操
作基本相同。在, 文件夹, 视图中可以通过拖拽
操作移动文件或文件夹。
“报表, 视图 --使用, 报表, 视图可以方便了解
当前站点的文件内容、更新链接情况组件错误、
所有文件列表及变化情况等信息。
当需要得到有关站点文件的详细情况时请
使用, 报表, 视图。下图显示了, 报表, 视图中的
,站点总览, 报表，若要显示其他内容可在, 报表
” 工具栏中的, 报表, 下拉列表中选择所需的报表。
“导航, 视图 --使用, 导航, 视图可方便地观察
站点的链接结构。如下图所示，主页位于顶部，
其他的网页归入下面各层中。
在该视图中可以很直观地浏览网站内网页之
间的链接关系，同时也可以通过鼠标将结构图中
的网页拖到新位置来改变链接结构。
“超链接, 视图 --“超链接, 视图将当前站点
显示为链接文件的一个网络，它们表示了站点中
各个网页之间的相互链接关系 (见下图 )。
,超链接, 视图就像一个地图，表明站点中
的超链接路径。显示来自和指向着眼点点中的
每一页的超链接。
“任务, 视图 --“任务, 视图主要用来创建和
管理任务。
在视图中列出了当前站点中的, 任务,,即
当前站点中尚未完成的项目。
３．使用模板迅速创建网站
启动 FrontPage 2000之后，就可以在其中建
立一个新站点，或者打开一个存在的站点。如果要
建立一个新站点，在, 文件, 菜单的, 新建, 子菜
单中选择, 站点, 命令，打开, 新建, 对话框，如
图所示
对话框中提供了 10种建立新站点的
方法，如下图所示,
4,在站点中应用主题
作为一个站点发布者, 一个最重要的
任务就是制作站点的图形外观 。 它由以下
几方面决定 。 当然也还包括其他因素：
? 文本和超链接的颜色
? 背景图形的颜色
? 应用的字体
? 图形和导航栏
在 FrontPage 2000中，在, 格式, 菜单
选择, 主题,,即可对主题进行选择。在主
题对话框中，可以在应用主题之前对主题
效果进行预览，如下图。
7.3.2 用 FrontPage2000 设计站点
1,创建站点网页
2,在网页中添加共享边框
3,为网页选择背景
4,在网页中添加文本
5,更改文本的字体和颜色
6,创建项目符号和编号
7,创建表格
1,创建站点网页
在编辑网页之前，先要转换到
FrontPage 2000的网页视图模式下。
FrontPage 2000的每一个站点网页都是以
模板开始。如果想从零开始，可以选择普
通网页模板。单击, 文件,,, 新建,,, 网页
或是常用工具栏中的新建网页按钮，就可
以建立一个新网页。
当模板选择完毕，网页会立即出现在
网页视图中，这时就可以对其进行编辑。
如果站点中没有应用主题，新网页将完全
是空白的。
２, 在网页中添加共享边框
在 FrontPage 2000中，可以创建站点
中所有网页通用的边框区域。单击, 格式,,
,共享边框,,就可以看到目前正在使用什
么边框。 如下图所示。
３, 为网页选择背景
选择背景是装饰站点的一个好办法。
背景可以是某种颜色，也可以是图形。选
择“格式”，“背景”弹出网页属性对话框，
选择“背景”选项卡，如下图所示。
4,在网页中添加文本
打开 FrontPage 2000的网页视图，并
在其中键入文本。无论是共享边框还是网
页主体，文字都会出现在光标所在位置。
共享边框在网页中以点划线指明，但是在
浏览器中这些线将不会出现。
在输入文字时，若一行长度超过屏幕
的显示范围,FrontPage会自动换行。若要
输入的是一篇很长的文章，就需要对文章
做适当的段落排列以增加页面的可读性。
在我们输入文字内容时，单击, Enter”键即
可区分段落。
5,更改文本的字体和颜色
在一个应用了主题的网
页中添加文本，文本会自动套
用主题中正文的字体和颜色。
如果没有应用主题，那么文本
将会使用浏览器加载网页时使
用的默认字体和颜色。如果需
要更改文本的字体和颜色，可
以选中文本，选择单击, 格式,
,字体, 打开字体对话框。如右
图所示。在这里可以选择新的
字体和颜色。
6,创建项目符号和编号
网页中的文本一般以段落为单位显示，
并且段落之间没有标志和换行符。另一种
组织网页文本的方式是将其转换为列表，列
表是相关的项目群，每个项目可以是一段
文本或是文本与其他网页元素的结合。网页
中可以显示以下两种列表：
1,编号,每个项目前都有一个单独的号码
项目符号,项目前为一个符号
单击, 项目符号, 按钮或者, 编号, 按钮就
可以将文本转为列表。
7,创建表格
在 FrontPage 2000中创建表格有 3种
方法。
(1)使用按钮插入表格
(2)使用菜单命令插入表格
(3)手动绘制表格
表格可以控制网页信息的排列。可以
将网页的不同元素甚至是另一表格放在表
格中，这样创建起来的网页布局可以在任
何浏览览器、显示器和电脑中表现出相同
的外观。
7.3.3 在 FrontPage2000 中使用图形
1,导入图片
只有文字的网页会显得单调，达不到
所需的感官效果。因此在制作网页时，都
要在页面加上适当的图片。
(1)导入当前站点中的图片
(2)导入剪贴画库中的图片
(3)在计算机中选择图片文件
(4)使用 Web浏览器来选择网页和文件
(1),导入当前站点中的图片
如果要插入的图片已经存在于当前的站点
中，可以在当前站点中直接导入图片。
1).将插入点设置在要插入图片的位置。
2).从, 插入, 菜单的, 图片, 子菜单中选择
,来自文件, 命令。
3).出现, 图片, 对话框，当前站点中的所有
图片都会显示在文件列表中，如下图所示，选择
所需的图片文件。
(2),导入剪贴画库中的图片
1)将插入点设置在要插入图片的位置。
2)从, 插入, 菜单的, 图片, 子菜单中选择
,剪贴画, 命令。
3)出现, 剪贴画库, 对话框，选中, 图片,
选项卡，再选择所需的图片类别，例如选择
,工作人员, 类别，如下图所示。
4)显示出, 办公室, 类别中的所有图片，
单击要导入的图片，在出现的菜单中选择
,插入剪辑, 按钮。
(3),在计算机中选择图片文件
1)将插入点设置在要插入图片的位置。
2)从, 插入, 菜单的, 图片, 子菜单中选择
,来自文件, 命令。
3)出现, 图片, 对话框，单击, 从计算机上
选择一个文件, 按钮。
4)出现, 选择文件, 对话框，在, 搜索, 框中
选择图片所在的文件夹，如下图所示。
5)在文件列表中选择所需的图片文件。
6)单击, 确定, 按钮。选择的图片出现在
插入点位置。
(4),使用 Web浏览器来选择网页和文件
在 Internet上有许多专门搜集图片的站点
可以直接连接到这些站点去寻找图片。
1)从, 插入, 菜单的, 图片, 子菜单中选择
,来自文件, 命令。
2)出现, 图片, 对话框，单击, 使用 Web浏览
器来选择网页或文件, 按钮。
3)打开 FrontPage 2000预设的浏览器，
通常是 Internet Explorer和 Netscape。在浏览
器中，用鼠标将网页上的图片直接拖拽到所需
位置即可。
在选定的图片上单击鼠标右键，在快捷菜
单中选择, 图片属性, 命令，在, 图片属性, 对话
框给图片添加超链接和替代文本。
２, 编辑图片
调整图片大小
在要调整的图片上单击
一下鼠标选定图片，用鼠标按
住图片四周的任一控点进行拖
拽，到达适当大小后，放开鼠
标即可。
也可在选定的图片上单
击鼠标右键，在快捷菜单中选
择, 图片属性, 命令，选中
,外观, 选项卡，在, 大小, 区域
中调整图片的大小参数。
移动图片的位置
先选定图片，再将图片拖拽到想要放置的
位置，放开鼠标即可。在 FrontPage 2000 中的
图片是被看作一般的字体元素，无法自由地放
置在页面上的任一个位置 (只能放在文字之间 )，
所以当页面是完全空白且没有输入任何文字时，
图片就无法进行移动的操作。
３, 使用图片工具栏
选定图片后，在编辑区的下方就会出现
“图片”工具栏，如下图所示。
图标可为图片加上文字, 制作透明图,
剪裁图片, 冲蚀及黑白图, 调
整图片的对比及亮度, 凹凸效果,
样本图
4,在网页中加入动态的 GIF文件
选定图片后在网页中加入动态的 GIF文件就
是一种动态效果，这些 GIF文件是由一些软件制作
出来的，其中不仅仅包括图片，还含有关于图片
显示顺序、每幅图片的显示时间、两幅图片之间
的间隔以及循环频率方面的信息。
在 FrontPage 2000中，这些文件的扩展名和
其他的 GIF文件一致，也是,,gif”，这些文件同样
可以导入，添加到网页中以及重新调整大小。
但在 FrontPage 2000中，却不能对其进行编
辑。这是因为，对动态的 GIF文件所做的编辑，其
效果会使它还原为单独的图片。
7.3.4 使用 FrontPage2000制作特殊效果
1,创建网页间的过渡效果
在 FrontPage 2000 中，最简单的特
殊效果之一就是在网页间加入过渡效果,
选择, 格式,,, 网页过渡, 就可以添加或删
除网页中的过渡效果。
可以在下列四种情况中加入过渡效
果：进入网页、离开网页、进入站点、
离开站点。
２, 在网页中插入视频
插入视频
若要在网页中插入视频, 按下列步骤操作 。
1)将插入点设置在要插入视频的位置 。
2)从, 插入, 菜单的, 图片, 子菜单中选择, 视频, 命令
3)出现, 视频, 对话框, 若对话框中没有视频文件,
可单击, 从计算机上选择一个文件, 按钮 。
4)在, 选择文件, 对话框中选择所需的视频文件 。
5)单击, 确定, 按钮 。
调整视频
用鼠标单击视频图像就会选择该视频图像,
此时视频图像的周围会出现 8个控点, 使用鼠标
拖动控点可以改变视频图像的大小 。
设置视频播放方式
(1)使用鼠标右键单击
视频图像，从快捷菜单中选
择, 图片属性, 命令。
(2)出现, 图片属性, 对
话框，选中, 视频, 选项卡。
(3)“视频源, 选项中显
示的是视频文件的名称。
如要插入另外一个视频文件
单击, 浏览, 按钮，在出现的
,视频, 对话框中选择一个视
频文件。若选中, 在浏览器
中显示控件, 复选框，就会
在浏览器中显示 AVI播放控制器。
(4)如果插入的视频文件比较大，选择此项
就可以自己控制视频的播放过程。
(5)在, 循环次数, 选项栏中可以输入视频文
件重复播放的次数。
(6)如果选中, 不限次数, 复选框，打开网页
之后视频文件会一直重复播放。
(7)在, 循环延迟, 选项栏中输入的数值可以
控制两次播放之间的停顿时间，这个值的单位是
毫秒。
(8)“播放, 区域中的两个选项控制视频开始
播放的条件，如果希望进入网页时就自动播放视
频文件，需选中, 打开文件时, 复选框；如果希望
当用鼠标单击视频图像时开始播放，应选中, 当
鼠标悬停于其上时, 复选框。
３, 制作动态 HTML效果
1)选取要制作动态 HTML效果的文字。
2)从, 格式, 菜单中选择, 动态 HTML效果, 命令，显
示, DHTML效果, 工具栏。
3)单击, 开启, 选项栏的下拉箭头，在下拉列表
中选择一个事件，如单击、双击、鼠标悬停
或网页加载。
4)当在, 开启, 选项中选择, 单击, 事件后,,应用,
选项被激活，单击, 应用, 选项栏的下拉箭头，
在下拉列表中选择应用效果，如选择可以使
文字有飞出效果的, 飞出, 选项，如下图所示。
5)当在, 应用, 选项中选择了效果后,,选择
设置, 选项被激活，单击, 选择设置, 选项栏的下拉
箭头，在下拉列表中选择一种动态效果，如选择
,到左下部, 选项，使文字向左下方移动。设置了
DHTML效果的文字显示在蓝色的边框内。单击窗口
底部的, 预览, 标签，切换到, 预览, 视图，用鼠标
单击具有 DHTML效果的文字，此文字就会向左下方
移动，直到在网页中消失。
如果对文本的动态 HTML效果不满意，单击
,DHTML效果, 工具栏上的, 删除效果, 按钮，可以将
DHTML效果删除。
４, 插入高级元件
插入 HTML
从, 插入, 菜单的, 高级, 子菜单中选择
,HTML”命令，就会出现, HTML标记, 对话框，
在对话框中可以直接加入 HTML标签，如下
图所示。
插入 Java程序
Java是一种程序语言，而 Java程序则是利用
Java语言开发出来的一种特殊程序。只要浏览者的
浏览器支持 Java程序，就可直接在网页中加入 Java
程序并执行。下载 Java程序的最佳站点是
Sun Microsystems公司的 Java主页，它的 URL是,
http://java.sun.com/applesInternet
1)将插入点设置在要插入 Java程序的位置。
2)从, 插入, 菜单的, 高级, 子菜单中选择
,Java小程序, 命令。
3)出现, Java小程序属性, 对话框，在
,Java小程序源, 文本栏中输入 Java程序的名称，
输入时要注意大小写。
4)在, 含有 Java小程序的 URL”
文本栏中输入站点名称。
5) 在, 浏览器不支持 Java时
显示的消息, 文本栏中可
以输入一些文字替代 Java
程序。
6)在, 布局, 区域中可以设置
Java程序在网页中的位置
7)在, 大小, 区域中可以设置
Java程序的范围大小。
8)单击, 确定, 按钮，网页中
插入了一个 Java程序。
插入 ActiveX控件
ActiveX控件是一些具有特定功能的软件，
在网页中加入一些不同功能的 ActiveX控件，可
以播放 Avi视频文件、显示试算表内容等等。
在 FrontPage 2000里面提供了很多现成的
ActiveX控件。如果想知盗更多一些 ActiveX控件
的相关功能，可以访问站点
http://activex,microsoft.com
1)将插入点设置在要插入 ActiveX控件的位
置。
2)从, 插入, 菜单的, 高级, 子菜单中选择
,ActiveX控件, 命令。
3)出现, 插入 ActiveX控件, 对话框，在, 选择
列表, 框中选择所需的 ActiveX控件。
4)单击, 确定, 按钮,ActiveX控件出现在网页中。
5)若要设置此控件关联的文件，用鼠标双击网页
中的控件。
6)出现, 选项, 对话框，选中, 参数, 选项卡。
7)在, 属性名称, 列表中选择, Filename”选项，
然后单击, 修改, 按钮。
8)出现, 编辑对象参数, 对话框，在, 值, 区域中
选择, 网页, 选项，然后单击, 浏览, 按钮，在
,选择文件, 对话框中选择所需的视频文件。
9)单击, 确定, 按钮，返回到, 选项, 对话框，视频
文件的路径及文件名出现在, 值, 列表中。
10)单击, 确定, 按钮。单击窗口底部的, 预览, 标签，
切换到, 预览, 视图就会看到控件播放的视频效
果。
7.3.5 发布 FrontPage 2000
1,发布站点的条件
当我们精心建立了自己的 Web站点后，
就可以向 Internet或 Intranet上发布自己
的成果，以实现信息共享。不过站点发布
应该具备下面几个条件：
与 Internet的连接
网页存放空间
是否支持 FrontPage Server Extension
发布软件
２, 发布站点
1)在 FrontPage 2000中，打开想要发布的
站点。
2)在, 常用, 工具栏中单击, 发布站点, 按钮，
或者从, 文件, 菜单中选择, 发布站点, 命令。
3)出现, 发布站点, 对话框，在, 指定发布
站点的位置, 文本框中输入要发布站点的位置，
如下图所示。如果没有站点建立提供商，可以
单击, WPP”按钮，启动浏览器并打开微软提供的
一个地址，凡是在这里登记 ISP都可以完全支持
FrontPage 2000提供的各种扩展工具 。
4)单击, 选项, 按钮，可以选择发布所需的
选项，如下图所示，如果是第一次发布这个站点，
可以使用默认选项, 只发布更改过的网页,,当下
一次发布同一站点时，将只发送更改过的网页，
这样可以节省上网更新时间。
5)设置好发布地址，单击, 发布, 按钮，
FrontPage 2000开始检测 WWW服务器的状态。
6)FrontPage与服务器连接成功后，就会
出现, 要求提供用户名和密码, 对话框，要求
输入用户名和密码，这些内容都是你申请站点
时 ISP提供给你的信息。
7)设置完毕后，单击, 确定, 按钮。
本章介绍了 HTML语言，超文本标记语言 HTML
(Hyperlink Text Markup Language)是一种描述
文档结构的语言，使用 HTML语言，可以完成比较
简单的网页的制作。
FrontPage 2000是 Office 2000家庭的新成
员，它是目前使用最为广泛的所见即所得的网页
制作软件。本章着重介绍了 FrontPage 2000的使
用方法，共 5小节,FrontPage 概述；编辑网页；
导入及处理图片；制作特殊效果的网页；站点的
管理与网页的发布。
本章小结
