FrontPage简明教程

三、使用图形

1．插入图形

如果有一个图形，怎么把它放到

网页上呢？

首先要看你的图形是什么格式

的，也就是它扩展名是什么只有扩展

名为GIF和JPEG的图形文件才能成

为我们的页面的一部分。因为这两种

图形格式不仅应用广泛，而且有利于

节省存贮空间。

如果图形不是这种格式，使用了

其它格式的图形文件，在保存网页时

FRONTPAGE会提示做格式转换，

FRONTPAGE可以自动进行格式转

换。

现在可我们看看怎么插入图形

选择“插入”菜单的“图片”命令，单击“来自文件”按钮。

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

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

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

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

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

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

我们还可以从INTERNET上插

入一个图形。

选择“插入”菜单的“图片”命令，

在URL栏内输入图片的地址，单击

“确定”按钮。由于是插入网上的图片，

因此在插入图形以后，应该保存一下

网页，使图形存到站点内。

您可能说,我不会画画，插入图片

容易，可是编辑图片就不容易了。没

关系，FRONTPAGE自己带有许多剪

贴画，你可以把它们插入到自己的网

页。

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

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

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

2.设置图形透明

插入图形只是在网页中运用图形的第一步，在FRONTPAGE里，还有许多对图形

的设置。

你看，这个网页右边那个人的背景和左面的一样，都是白色，只是设置了图形的透明，因此就看不见白色的背底了。

它是怎么实现的呢？单击左边的图形，FRONTPAGE窗口下又多了一个工具栏，我们称它为“图形”工具栏。

这一个就是设置透明的按钮，单击“透明”按钮，在右面的图形的白色部分单

击，透明的设置就结束了

3.剪切图形

下面这两幅图像，小图是大图的一部分。

实际上小图是把大图经过修剪后得到的。这在

我们只用一幅图的某一部分时特别有用。

现在我们把大图也修剪了：首先单击大图，现

在“绘图”工具栏出现了。我们单击“绘图”工具栏的

“剪裁”按钮。这时图形四周的小点变为了黑色

的。下面还出现了一个剪切框。

调整剪切框到合适的大小，再把它移动到合适的位置，单击"剪切"按钮，图片就剪切完毕了。

好像剪小了一点。没有关系，单击“撤消”按钮，上次的操作就被撤消了。再重新剪切一次就可以了。

如果进行了很多次剪切操作，发现把图弄坏了，这时想重新剪切，该怎么办呢？这

时我们可以单击“绘图”工具栏上的“还原”按钮，图片就被重新载入到文档中，你可以对图片重新进行处理。

4.给图形添加文本

我们可以给图形加文字。

选中左边的图形，单击图形工具栏“文本”按钮，现在图形中就出现了一个文本框，输入：“别淘气”。再按一下Esc键，取消文字编辑，就选中文字框了，调整文本框到合适的位置，单击页面其他区域，文字就添加成功了。

如果我要修改单击一下要修改的文字，这时文字作为一个整体被选中了，再点一下文字，这时文本框里有光标闪烁，你可以编辑文本了，重新输入：“你真淘气”，在页面其他区域单击。文字就修改完成了。

我们还可以撤消这次操作吗？

5.设置特殊效果

我们再来看看“绘图”工具栏的其他按钮有什么用处。

先来看一看翻转按钮组：

这一个是向左翻转按钮，可以使图

形逆时针翻转90度。

这一个是向右翻转按钮，可以使图

形顺时针翻转90度。

这一个是水平翻转按钮，可以使图

形左边变右边，右边变左边。

这一个是垂直翻转按钮，可以使图

形上边变下边，下边变上边。

看这一个网页！

上面的一幅图是下面两幅图叠加起来的。这在FRONTPAGE里也很容易做到。

我们试一试：单击那颗“会动的心”选中它，单击“绘图”工具栏上移一层按钮

使“会动的心”和“猫”不在同一层上。

移动“会动的心”使它“跳”到桌子上，再切换到“预览”视图看一下，还不错吧？不过要注意，那个“会动的心”是一个透明的Gif动画，所以当把“心”移到桌子上时，Gif动画的背景色就透明了。

当然啦，还得要保存一下文件。

下面我们来看一下图形的按钮效果：

你看，这两个图标实际上是同一幅图案。