FrontPage网页制作

摘 要： 随着Internet的快速发展和计算机的普及，制作网站已成为人们展示自己、交流心得的重要手段，掌握一种网页制作方法也成为人们的时尚之选。FrontPage以其功能强大、容易上手、界面亲切而著称。

关键词： FrontPage 创建站点 文字 图片 超链接

现在流行网页制作软件有很多，如Macromedia公司的Dreamweaver、微软公司的FrontPage，还有Adobe Pagemill 3.0――制作多框架，表单和Image map图像的网页工具，Netscape，等等。其中FrontPage更以其功能强大、容易上手、界面亲切而著称。利用它可以轻松的组织、编辑网页并将其到指定站点上，而且在之后还能对更新情况进行监控以更新站点的内容。

现在就让我们从第一步的建立站点来踏上建造网上家园之旅。

启动FrontPage，单击任务栏上“开始”按钮，从“程序”菜单中选择“Microsoft FrontPage”单击。便可打开FrontPage，FrontPage的界面可以分成菜单栏、工具栏、状态栏、视图窗和编辑器窗口5大部分。

首先，我们来看创建一个只包含一个网页的站点。选择“文件”菜单的“新建”选项，单击“站点”命令，这时新建站点对话框就弹出来了，在“指定新站点位置”文本框中输入新站点位置，单击“只有一个网页的站点”图标，单击“确定”按钮，这就建立好站点了。我们现在来看一下新站点里有什么，单击“视图”工具条的“文件夹”按钮。在文件夹列表里有一个网页文件，名字叫做“index.htm”。浏览者访问站点时首先进入的就是站点主页。主页名字一般情况下就叫做“index.htm”。就是说我们新建只包含一个网页站点时，FrontPage就自动为我们创建了站点主页。

尽管每一个站点都有一个主页，不过创建站点时我们仍然可以从一个空站点开始：选择“文件”菜单的“新建”命令，单击“站点”选项，在“新建站点”对话框里，我们可以选择“空站点”图标来创建一个空站点。“新建站点”对话框中还有许多其他图标，这是FrontPage提供用来创建站点模板或向导。

我们可以使用模板或向导来建立站点。单击“个人站点”图标，用它可以迅速创建一个个人站点，输入站点所在的位置，单击“确定”按钮，这样我们就创建了个人站点。个人站点模板已经为我们规划好了站点目录和建立了相关页面。现在我们点击一下“文件夹”按钮，双击index.htm图标。看，这就是我们的个人站点的主页。哎，好像有许多文字都不对，没关系，这些文字是可以改变的，现在写的是文字的用途，比如“主题”文字就是用来写网站标题的地方，我们只要把它改为自己喜欢的标题就可以了。返回到“文件夹”模式，双击photo.htm。也可以把风景图片换成自己的照片，只要在新建站点的基础上进一步修改就可以做出自己的个人站点。这不仅节省了许多力气，同时还给了初学者一个良好的起点。

模板和向导有什么区别呢？我们安装软件时，一步步用对话框提示我们完成安装过程的程序就是一个向导。在FrontPage里，向导也是一种模板，不过它是一种特殊的模板，它会以对话框的形式辅助你完成站点的创建过程。

现在我们选择“文件”菜单的“新建”选项，单击“站点”命令，你看，FrontPage提供了两个向导：公司展示向导、讨论站点向导，使用起来都很方便，你有兴趣也可以利用向导建立一个站点。

创建页面最简单的方法就是单击FrontPage“常用”工具栏的“新建”按钮。它的右方有一个向下小箭头，它是用来选择要新建什么，可以用“新建”按钮新建网页、站点、文件夹和任务。默认状态下是新建网页。

如果要新建网页，可以不用向下箭头键选择，而直接单击“新建”按钮。不过使用文件菜单的“新建”命令来新建网页能够有更多的选择。单击文件菜单的“新建”命令，选择“新建网页”，在“新建”对话框里，可以看到FrontPage提供的许多网页模板，我们可以用这些模板来建立相应的网页。在右下角的预览框里可以看到选中模板的外观。选择“两栏正文”网页，这样就创建了一个新的分为两栏的网页了。然后点确定。使用模板可以不用总是从空白网页开始编辑，这样就会省时省力很多。

网上几乎所有的网页都使用图片加以点缀，在网页中插入适当的图片，能够产生图文并茂的效果。如果有一个图形，怎样把它放到网页上呢？

首先要看你的图形是什么格式的，也就是它的扩展名是什么，只有扩展名为GIF和JPEG的图形文件才能成为我们页面的一部分。如果图形不是这种格式，使用其他格式的图形文件，在保存网页时FrontPage会提示做格式转换，FrontPage可以自动进行格式转换。

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

使用图形可以使网页更加丰富多彩，而且我们还可以用图形来建立超链接，使网页相互联系起来。怎么用图形来建立链接呢？其实图形超链接只要在建立超链接时选择图形就可以了。首先选中超链接的图形，单击“常用”工具栏“超链接”按钮，选择主页文件“页面1.htm”，单击“确定”按钮，在普通模式中，按住CTRL键，就跳到主页页面了。

怎样使网页布局更合理？我们可以在网页中使用表格。

最常用的方法是：选择“表格菜单/插入/表格”项，在打开的对话框里设置你需要的表格属性，比如设置表格的“对齐方式”，“边框粗细”，等等，输入需要的行和列的数值，单击“确定”表格就创建完毕了。

设计好的页面，应该检查它在浏览器中是否显示正常。一般只要切换到预览模式就可以了。单击“预览”选项卡，在预览模式下的显示和在浏览器中的显示是一样的。但这并不意味着我们就不必用浏览器来检查编辑的网页。即使是同一个页面，可能在不同的浏览器中显示会不太一样。比如在INTERNET EXPLORER中是这样显示的，但是在NETSCAPE中又是那样显示的。所以，我们要在自己的机器上多装几个浏览器，用来检查网页的兼容性。选择“文件”菜单的“在浏览器中预览”选项，在浏览器列表框中选择不同的浏览器。（以INTERNET EXPLORER 5.0为例）单击“确定”按钮。就可以看到新建页面在浏览器中的效果了。

怎样才能把自己做的网页相互联系起来呢?也就是说让别人点页面上的图形或文本就跳转到其他页面呢？我们把这种点击后会进行页面切换的网页界面元素叫超链接。下面来看一下用文字来建立链接。

选择文字“主页”，单击“插入”菜单的“超链接”命令，在文件列表框内选择“页面1.htm”文件，注意在URL文本框中显示了该文件地址。单击“确定”按钮，超链接就制作成功了。我们切换到预览模式（单击预览按钮），当我们把鼠标指向“主页”两字时鼠标变成手形，单击它，就切换到主页了。

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

这样我们就差不多完成了网页的制作步骤，最后可将它到Web服务器上。站点前还要对它进行检查工作，包括超链接，页面等。

参考文献：

［1］甘登岱.边用边学FrontPage2000.人民邮电出版社，2000.10.

［2］李振格.Office入门与提高.清华大学出版社，2001.2.

［3］王超锋.网页制作.人民邮电出版社，2001.10.

［4］黄洪杰.网页制作基础教程.电子工业出版，2007.8.