frontpage2000网页制作教程(完全版)

frontpage2000教程第一课从一个网页开始

作者：未知阅读人次：5527 文章来源：未知发布时间：2004-11-20 网友评论(7)条

认识Frontpage2000

你是否紧跟时代的潮流上了网？你在聊天室里是否听过别人聊起自己的个人主页，你会不会觉得自己没有个人主页就落伍了？有没有想过自己也要做一个主页？想过？那你还瞎呆在那里干什么？赶快阅读本教程，你就该学会制作自己的主页了。

本教程教你学会使用微软公司的Frontpage2000，学会干什么？当然是做你的个人主页啦。或许你认为制作主页是一门很深奥的工作，需要懂得大量的计算机知识。我现在要告诉你，你错了。在这个流行图形操作系统的今天，制作主页不再需要你去学习复杂，烦躁的H TML语言了，你只需要知道一个概念：主页（也称网页，怎么样称呼都无所谓）就象一张白纸，你可以在上面写字，画画等等，通过自己的设计，那张白纸可以变成很漂亮。做主页时就是这个概念，只不过我们写字，画画是用笔和白纸，而做主页我们是用鼠标，键盘和Fro ntpage

当然制作网页的工具不单只有Frontpage2000，还有许许多多好用的工具。但是对于初学者来说，Frontpage2000是最好不过了，因为它操作简单，方便使用，最适合初学者。或许你下了决心要做一个专业网页制作人员，要学会更多更专业的网页制作工具，但是我还是希望你先学习使用Frontpage2000，打好扎实的基础怎么样也好一点对吧。

学习本教程之前，你要准备好：电脑一部，当然包括鼠标和键盘，不然还了得，还有就是你的电脑要装上Frontpage2000，因为一边阅读教程一边实际操作总要好一些吧。

Frontpage2000可以从微软的Office2000里进行安装，Office2000哪里有？现在盗版之风吹遍大江南北，不用我介绍了吧：）

具体安装方法：把Office2000光盘塞入光驱，在安装向导出现选择要安装的文件时，选择Front page2000“从本机运行”（如图1）。

（图1）（图2）

另外Office2000附带了一些好看的字体文件，在选择安装文件时，你也可以在文件列表下面的“Office2000工具”中选择安装（如图2）。

安装好了Frontpage2000，我们就可以开始学习了。努力，奋斗。

第一章认识Frontpage2000

安装好Frontpage2000后你可以在Windows的开始菜单运行它。

首先我们来认识一下Frontpage2000的操作界面（如图3）。

（图3）

对于初学者来说，一看到有那么多的菜单和那么多的按纽，不禁会吓一大跳：“太复杂了，我看我还是不行了。”哈哈，请你放心，你太抬举Frontpage2000了，其实它没什么，就那么一点，你完全可以“征服”它的，给自己一点信心。

我们来把Frontpage2000的界面划分成两半，你可以看见图3上面有一条红线，当然在你的Frontpage2000上面是没有的，这只是笔者自己画上去的，为了大家好区分。

好的，那么我们看图3，我们把红线以上的那部分叫控制窗，红线以下的叫制作窗。

控制窗包括常见的那些“文件，编辑”菜单，虽然看上去挺多挺复杂，但是它大部分常用的命令都归到了下面一栏的按纽栏中去了。你看，在流行图形操作界面的今天，我们是多么地幸福啊：）下面一栏为属性栏，我们可以用这栏来定置文字和图片的属性等等。

制作窗包括编辑区和切换按纽。我们就把编辑区当做是一张白纸吧，你可以在上面写字（用键盘打字）和画画（插入图片），具体操作我们将在下几章学习。编辑区左下角有三个按纽，我们把它们叫做切换按纽：点“普通”按纽，就会出现默认的编辑区。点“HTML”按纽，编辑区就会变成一个满是英文（？！）的窗口，我们可以在这里编辑HTML，但是对于初学者，笔者不建议你去乱动。做好了网页的时候，我们可以点一下“预览”按纽来观看自己做的网页，不满意可以再点“普通”按纽回到编辑区修改。

另外当你第一次运行Frontpage2000的时候，你会看到编辑区左边会有另外的一栏，灰色的，上面有几个按纽，它叫“视图”栏。它可以让你更方便地查看网页的大小，连接等等。但是有时我们会觉得它妨碍了我们的工作，使编辑区看起来很窄很不舒服，为了不让它妨碍我们工作，我们可以点击控制窗菜单栏里的“编辑→视图”（如图4），使它消失，要使用的时候再重复点击一次使它出现，真方便

（图4）

到此为止，我们就已经和Frontpage2000交上朋友了，慢慢地，我们要进一步控制它，让它全心全意为我们服务。

Frontpage2000教程第二课编辑网页

作者：未知阅读人次：19327 文章来源：未知发布时间：2004-11-20 网友评论(3)条

视图与模式（一）

现在进入FRONTPAGE。单击任务栏“开始”按钮，选择“程序”选项，单击“MICROSOFT FR ONTPAGE”选项就可以了。可能你会发现FRONTPAGE界面和WORD很相似[图一]，这是因为编辑WEB页面和编辑WORD文档有很多同样的设置，这些设置所用的图标和WORD中的是一样的。

[图一]FrontPage2000 界面

视图中的组框是用来切换视图的，单击里

面的小图标就可以切换到不同的视图。FRONTP

AGE共有6种视图[如左]，使用不同的视图可

以从不同的侧面查看设计的WEB站点。对一个

WEB站点而言，不断更新是很重要的。随着站

点的成长，维护站点的工作量会越来越大。建

立站点可能很快，但是如果没有这6种视图的

帮助，维护起来就很困难了。

这些视图的使用不用一下就全部掌握，只要知道有这些视图就可以了。

Frontpage2000教程第三课使用图形

作者：未知阅读人次：6495 文章来源：未知发布时间：2004-11-20 网友评论(3)条

插入图形

如果有一个图形，怎么把它放到网页上呢？

首先要看你的图形是什么格式的，也就是它扩展名是什么只有扩展名为GIF和JPEG的图形文件才能成为我们的页面的一部分。因为这两种图形格式不仅应用广泛，而且有利于节省存贮空间。

如果图形不是这种格式，使用了其它格式的图形文件，在保存网页时FRONTPAGE会提示做格式转换，FRONTPAGE可以自动进行格式转换。

现在可我们看看怎么插入图形选择“插入”菜单的“图片”命令，单击“来自文件”按钮。

在默认情况下，FRONTPAGE认为你要插入的图片总是放在你建立的站点的目录或它的子目录下的。可以说,站点就是一个目录。我们把编辑的许多网页文件放在同一个目录下，我们称这个目录为站点的主目录。这些网页引用的图形一般也放在这个目录下。当然，我们也可以在这个目录下建立其他的子目录，再把所有的图形放在子目录里。所以搜索下拉列表只允许在主目录和主目录下的子目录进行选择。

如果要插入的图片不在主目录下, 在“选择文件”对话框中进行选择。

选择好文件以后，单击“确定”按钮，回到“图形”对话框。单击“确定”按钮，图形就插入了。现在单击“常用”工具栏的“保

存”按钮。

在“另存为”对话框中输入新的web页文件的名字，单击“保存”按钮。

出现了一个对话框, 因为我们刚才插入的文件不在站点内，现在FRONTPAGE要把它复制到站点内，可是使用什么名字，放在站点的哪个目录下呢，就要在这设置了，单击“改变文件夹”按钮，

另外这儿还在需要时对图形的格式进行转换。单击“位置”按钮，在默认情况下，图形被保存在站点的主目录下，现在我们选择IMAGE 目录，单击“确定”按钮。回到“嵌入式文件”窗口，再单击“确定”。这样，图形就保存在站点内了。

我们还可以从INTERNET上插入一个图形。

选择“插入”菜单的“图片”命令，在URL栏内输入图片的地址，

单击“确定”按钮。由于是插入网上的图片，因此在插入图形以后，应

该保存一下网页，使图形存到站点内。

您可能说,我不会画画，插入图片容易，可是编辑图片就不容易了。

没关系，FRONTPAGE自己带有许多剪贴画，你可以把它们插入到自己的网

页。

选择“插入”菜单的“图片”命令，选择“剪贴画”。

你看，各种剪贴画都分类放好了。你可以自由地选择。

不过，插入后别忘了保存网页，把剪贴画复制到站点目录下。

Frontpage2000教程第四课超链接

作者：未知阅读人次：7003 文章来源：未知发布时间：2004-11-20 网友评论(5)条

用文本和图形建立链接

怎样才能自己做的网页相互联系起来呢?也就是说让

别人点页面上的图形或文本就跳转到其他页面呢？

在网页里，我们把这种点击后会进行页面切换的网页界面元素叫超链接。

先来看一下用文字来建立链接。

首先创建一个指向站点内其他网页的超链接。

选择“插入”菜单的“超链接”命令，在文件列表框内选择“页面1.htm”文件，注意在URL文本框中显示了该文件的地址。

单击“确定”按钮.超链接就制作成功了。

我们切换到预览模式（单击预览按钮），

当我们把鼠标指向“主页”两字时鼠标变成手形，单击它，我们就切换到主页了。

那么为什么不在普通模式下试呢？：因为普通模式主要是用来编辑网页的，当我们在普通模式把鼠标指向“主页”两字时鼠标没有变成小手状，因此不能进行页面切换。不过如果按住CTRL键，鼠标就变成了小手状。这时单击就可以进行切换了。也就是说在普通模式中按住CTRL键才能激活超链接。

我们也可以将超链接指向其他站点的网页。选中作为超链接的文本，单击“常用”工具栏的“超链接”按钮，这和选择插入菜单的超链接命令是一样的。

在“创建超链接”对话框里，在URL地址栏直接输入要连接的网页或网站的地址。如果不清楚要作超链接的地址，只要单击URL地

址框后面的放大镜就可以用浏览器在INTERNET上查找要链接的网页，FRONTPAGE会自动记录你找到的地址。

单击“确定”按钮就可以了。

我们还可以改变已经设置好的超链接。首先确认是普通模式，在要改变的超链接下单击鼠标右键，选择“超链接属性”命令，输入新的URL地址就可以了。

要想取消超链接，删除所有URL地址框里的内容就可以了。

还有一种超链接，可以链接电子邮件。这样可以使你的网上朋友通过Email及时与你联系，这是一个

网站站长和网友交流的重要手段。

首先选中要作为超链接的文本，一般文本就是你的邮箱地址，单击“超链接”按钮，单击“信封”按钮，输入你的邮箱地址，

单击“确定”按钮，退出对话框，选择“确定”，这时超链接就建立好了。我们试一下，切换到预览模式，单击邮件链接，

这样OUTLOOK被激活了，现在就可以发Email了。

刚才讲的都是用文本建立超链接，怎么用图形来建立链接呢？其实图形超链接和文字超链接的制作方法是一样的，只要在建立超链接时选择图形就可以了。

首先选中超链接的图形，单击箭头图形，单击“常用”工具栏“超链接”按钮，选择主页文件“页面1.htm”，单击“确定”按钮. 在普通模式中，按住CTRL键，单击箭头图形，就跳到主页页面了。

Frontpage2000教程第五课使用表格

作者：未知阅读人次：7876 文章来源：未知发布时间：2004-11-20 网友评论(4)条

创建表格

在FRONTPAGE的诸多功能中，制表功能也是一个很重要的方面。我们不仅利用表格显示一些有规律的数据，而且还经常对表格中的单元格进行调整，在其中放入文本和图形，达到对网页进行布局的目的。

我们来看看这个网页，这是在普通模式里的效果。

文本被分成左右两栏了。文本周围有虚线包围。这些虚线实际上就是表格的框线，我们利用表格把网页分为了左右两栏。

我们切换到预览模式，框线没有了。

在普通模式看到的虚线可以便于我们编辑。由于表格框线的宽度是0，所以它在普通模式里是虚线显示的，而在浏览器里它就不显示出来。也就是说用一个看不见的表格把文字分开。

怎样创建表格呢？

首先把插入点调整到要

插入表格的位置，单击

“常用”工具栏“插

入表格”按钮，

拖动鼠标，直到高亮的格子的行列数与你要插入的表格相同为止。这里我们用3乘4的，也

就是3行4列的。

实际上这种方法创建单元格只能将各单元格行高和列宽设置为一样的，如果要在创建表格时对表格进行设置，可以使用插入表格命令。设置好插入点后，选择“表格”菜单的“插入”命令，单击“表格”命令，

将行数设置为3，列数设置为4，将边框粗细设置为5，将单元格间距设为3，确认指定宽度复选框选中，并选择单位为百分比，设置百分比为80，使表格宽度为浏览器宽度的80%，单击“确定”按钮。

新建的表格边框变粗了。这是因为我们刚才设置了边框的粗细为3，另外单元格之间的分割线也变宽了，这是因为我们设置了单元格间距的结果。我们的设置也自动变为了下一次创建表格的默认设置。

还有一种创建表格的方法，你可以直接把表格画出来。

选择“查看”菜单的“工具栏”命令，单击其中的“表格”选项，这时就会显示“表格”工具栏。

单击“手绘表格”按钮，用拖动鼠标的方法画一个表格。双击鼠标退出画表格状态。

如果画错了就单击“擦除”按钮，在要擦除的线条上拖动，这时线条会变红，

放开鼠标，线条就被擦除了。

表格工具栏的其他按钮都与表格菜单的各条命令相对应，它们的使用方法也是一样的。

Frontpage2000教程第六课组件的使用

作者：未知阅读人次：11095 文章来源：未知发布时间：2004-11-20 网友评论(3)条

使用字幕

这种滚动文字我们称为字幕。它特别醒目，我们经常使用它来发布一些站点的通知或提示信息。

其实创建字幕很简单。我们把插入点放到要使用字幕的位置，选择“插入”菜单的“组件”命令，单击“字幕”选项，

在文本框中输入要滚动的文字，单击“确定”按钮。字幕不动，这是因为我们现在是在普通模式下，我们单击“预览”选项卡切换到预览视图，字幕的滚动效果就呈现出来了。

字幕的字体、字号、字颜色是可以调整的。我们在要调整字体字体、字号或字颜色的字幕上单击鼠标右键，选择“字体”命令进入“字体”对话框，

把字大小改为5，字颜色改为绿色。当然在这里你也可以选择“字符间距”选项卡改变字符的间距，单击“确定”按钮。这时字符的外观就改变了。

其实，对字幕的字符串外观进行设置和对普通字符串的设置是一样的。只不过字幕字符串是一个整体罢了。

除了可以调整字幕的外观外，字幕的背景颜色、滚动速度等都是可以调整的。

我们在字幕上单击鼠标右键，选择“字幕属性”命令，进入“字幕属性”对话框。

下面，我一项项给您介绍：

“方向”组框用来指定字幕是向哪个方向滚动，现在的设置表示从右向左滚动；“速度”组框用来调整字幕滚动的速度；

“延迟”表示字幕每滚动一步的时间间隔是多少毫秒；

“数量”表示字幕每滚动一步的距离是多少像素；

“表现方式”是调整字幕滚动的具体效果，你可以自己试试；

“重复”组框用来对滚动效果的循环次数进行选择；

“背景颜色”用来调整字幕的背景颜色；

“大小”用来设置字幕的宽度与高度。你可以使用像素来控制字幕的实际大小，也可以使用百分比来设置字幕的宽度，这时字幕的实际大小是根据浏览器窗口大小的百分比来计算的；

“文本对齐方式”组框是用来调整字幕和它所在行文字的对齐方式的。里面有三种对齐方式的效果。

象字幕效果是动态HTML的一种功能，它是制作网页的一种标准。不过动态HTML并不是所有版本的浏览器都支持。比如字幕效果只有在Internet Explorer 4.0与Netscape Communicator 4.0以上版本才能看出来，而在低版本的浏览器上它们不过是普通文本罢了。

Frontpage2000教程七课使用框架

作者：未知阅读人次：9338 文章来源：未知发布时间：2004-11-20 网友评论(3)条

创建框架

你见过布告栏吗？就是那种有一个大的栏框，里面张贴着各种各样的布告的框架。布告栏可以把一个版面分成几个部分，在每一个部分里可以张贴不同的内容。

在我们的FRONTPAGE中，也可以制作这样的“布告栏”。在FRONTPAGE中我们把它叫做框架，它可以把一个浏览器窗口分成几个区域，每一个部分可以显示不同的网页。看，这些就是用框架制作的网页：

这是一个双框架网页，它把浏览器空间分成了两个框架，左框架和右框架分别显示了不同的两个网页。

这是一个三框架的网页，它分为三个框架，上面、左面和右面的框架都放着一个单独的网页。

我们还可以把不同框架的网页相互联系起来：

回到双框架网页中，单击左框架中的“显示主页内容”，这时在右面的框架里就会显示当前网站的主页。

刚才我们单击了左框架的超链接，它就要显示链接到的网页，可是显示在右面的框架里。这是因为右框架是左框架的目标框架，在FRONTPAGE中，一个框架的链接内容总是显示在它的目标框架里。

我们现在就来制作一个框架网页：

选择“文件”菜单的“新建”命令，单击“网页”按钮，选择“框架网页”选项卡，

在这里列出了十种框架布局模板，你可以根据自己的需要选用。单击“目录”模板，在预览部分显示了框架网页的布局，上面的说明告诉我们左面的超链接内容在右面显示，这样我们就知道右框架是左框架的目标框架。有了这些信息你能够选择合适的框架模板了。单击“确定”按钮。

我们建立的框架网页上有按钮。

这是因为刚才我们创建了一个框架网页，但是并没有指定在各个框架里显示哪个网页，就好像我们做了一个布告栏，但是并没有向里面张贴布告一样，而这些按钮就是用来让我们指定在框架里显示哪个网页的。

Frontpage2000教程第八课使用多媒体

作者：未知阅读人次：4647 文章来源：未知发布时间：2004-11-20 网友评论(3)条

使用音频

网页除了显示图形和文字之外，还能实现多媒体功能。

对多媒体的良好支持是FRONTPAGE的一个突出的特色。我们能够很容易的在网页里播放音频和视频。

我们从最简单的嵌入音频开始。我们选择“插入”菜单的高级命令，单击“插件”选项，

在打开的“插件”属性对话框中单击“数据源浏览”按钮，选择要播放的音频文件，我们可以选择扩展名为WAV、MID、SND、AU的音频文件，

单击“确定”按钮。

在普通模式下，为了表示插入音频的位置，FRONTPAGE就会使用这样的插头标记。

现在我们切换到预览模式，音乐就自动播放了。

现在插头变成一个播放器了。

这个播放器名字叫ACTIVE MOVIE，它是Internet Explorer浏览器自带的一个媒体播放插件。浏览器检测到我们在网页里插入了一个音频文件，就会在插入音频的位置显示一个ACTIVE MOVIE播放器，并用它来播放音频。

最新版本的Inter Explorer 和 Netscape Navigator都带了播放多媒体的必要插件，不过如果浏览者的浏览器没有带插件或没有安装，我们最好给他们一个不能播放文件的提示信息。

在刚才插入的音频文件图标上右单击鼠标健，选择“插件属性”命令，

在“浏览器不支持插件时显示的消息”文本框中输入“对不起，您的浏览器不支持这种文件格式的播放.”，这样，当使用的浏览器不能播放音频时，浏览者就会在网页上看到提示信息。

我们可以改变音频图标的大小：单击音频图标，拖动图标四周的小黑点，图标就变大了，切换到预览模式，播放控件就也变大了。

这和改变图片的大小是一样的操作方法。

我们也可以精确的调整插件在网页中显示的大小：在普通模式下的音频图标上右单击鼠标健，选择“插件属性”命令，

我们只要修改“大小”部分的数值就可以调整插件的大小。

“布局”部分中：对齐方式用来调整插件与网页中其他文字的对齐方式。这也和图片的对齐方式一样；水平和垂直间距用来是用来调整插件与周围文本的距离的，变框粗细是用来设置图标边界的宽度的。

现在我们把“隐藏插件”选项选中，

把浏览器不支持插件时显示的消息去除，单击“确定”按钮。

切换到预览模式。插件没有了，音乐却在播放。这说明插件仍然在播放音频文件，只不过被隐藏起来罢了。刚才我们还除去了浏览器不支持插件时显示的消息，这样就实现了网页的背景音乐。

我们也可以使用插入音频的方法。嵌入要使用插件来播放音频文件，离开了插件，嵌入的文件就不能够正常的播放。而插入则不同，它在播放多媒体时并不依赖插件，只和我们使用的浏览器有关。目前，Internet Explorer支持对插入的音频的播放，而Netscape Navigator