02 使用图形和多媒体

Frontpage网页设计教程

第二课 使用图形和多媒体

1、 插入图形

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

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

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

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

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

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

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

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

图2－1 改变文件夹对话框

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

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

选择“插入”菜单的“图片”命令， 在URL栏内输入图片的地址，单击“确定”按钮。由于是插入网上的图片，因此在插入图形以后，应该保存一下网页，使图形存到站点内。

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

自己带

1

Frontpage网页设计教程

有许多剪贴画，你可以把它们插入到自己的网页。

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

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

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

2、设置透明图形

插入图形只是在网页中运用图形的

第一步，在FRONTPAGE里，还有许多对

图形的设置。

你看，这个网页右边那个人的背景

和左面的一样［图2－2］，都是白色，

只是设置了图形的透明，因此就看不见

白色的背底了。

它是怎么实现的呢？单击左边的图

形，FRONTPAGE窗口下又多了一个工具

栏，我们称它为“图形”工具栏。 这一个就是设置透明的按钮

部分单击，透明的设置就结束了。 ，单图2－

2 击“透明”按钮，在右面的图形的白色

3.剪切图形

下面这两幅图像，小图是大图的一部分［图2－3］。

图2－3 剪切图形

实际上小图是把大图经过修剪后得到的。这在我们只用一幅图的某一部分时特别有用。

现在我们把大图也修剪了：首先单击大图，现在“绘图”工具栏出现了。我们单击“绘图”工具栏的“剪裁”按钮。这时图形四周的小点变为了黑色的。下面还出现了一个剪切框。

调整剪切框到合适的大小，再把它移动到合适的位置，单击"剪切"按钮， 图片就剪切完毕了。 好像剪小了一点。 没有关系， 单击“撤消”按钮，上次的操作就被撤消了。再重新剪切一次就可以了。

如果进行了很多次剪切操作，发现把图弄坏了，这时想重新剪切，该怎么办呢？ 这时我们可以单击“绘图”工具栏上的“还原”按钮，图片就被重新载入到文档中，你可以对图片重新进行处理。

2

Frontpage网页设计教程

4.给图形添加文本

我们可以给图形加文字。

选中左边的图形，单击图形工具栏“文本”按钮，现在图形中就出现了一个文本框，输入：“别

淘气”。再按一下Esc键，取消文字编辑，就选中

文字框了，调整文本框到合适的位置，单击页面其

他区域，文字就添加成功了。

如果我要修改 单击一下要修改的文字，这时文

字作为一个整体被选中了，再点一下文字，这时文

本框里有光标闪烁，你可以编辑文本了，重新输入：“你真淘气”，在页

面其他区域单击。 文字就修改完成了。

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

5.设置特殊效果

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

先来看一看翻转按钮组：

这一个是向左翻转按钮，可以使图形逆时针翻转90度。

这一个是向右翻转按钮，可以使图形顺时针翻转90度。

这一个是水平翻转按钮，可以使图形左边变右边，右边变左边。

这一个是垂直翻转按钮，可以使图形上边变下边，下边变上边。

看这一个网页！［图2－4］

图2－4 两幅图叠加 叠加前的两幅图

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

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

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

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

你看，这两个图标实际上是同一幅图案［图2－5］。

3

Frontpage网页设计教程

现在我们选中右边的那张，单击“绘图”工具栏的“凹凸效果”按钮

个按钮了。

还有其他效果，比如： “对比度”按钮

“亮度”按钮

“冲蚀”按钮可以增减图形的对比度， 可以调整图形的亮度， 图2－

5 ，这时，图案就变成一可以使图形半透明。

这些你都可以有空试一试。并在实际使用中灵活运用。

6.图形与文本的对齐

一般我们插入的图形总是和文本在一起的，所以调整图形和文本的对齐方式很重要。

在默认情况下，图形自动与文本的底部对齐。这一个网页，由于默认的对齐效果，页面出现了大量的空白。

这时就要调整图形的对齐属性。

在图形上单击鼠标右键，选择“图片属性”，选择“外观”选项卡［图2－6］， 我们把对齐方式调整为“左对齐”。

图2－6 图片属性

4

Frontpage网页设计教程

使用图形可以使网页更加丰富多彩，而且我们还可以用图形来建立超链接，使网页相互联系起来呢。 这我们会在下一节讲链接的内容中介绍。

7.使用音频

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

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

我们从最简单的嵌入音频开始。 我们选择“插入”菜单的“高级”命令 …… 此处隐藏：4039字，全部文档内容请下载后查看。喜欢就下载吧 ……