站内搜索

Frontpage2000教程 第 三 课 使用图形


  选择插入图片的菜单
  如果有一个图形,怎么把它放到网页上呢?
  首先要看你的图形是什么格式的,也就是它扩展名是什么 只有扩展名为GIFJPEG的图形文件才能成为我们的页面的一部分。因为这两种图形格式不仅应用广泛,而且有利于节省存贮空间。
  如果图形不是这种格式,使用了其它格式的图形文件,在保存网页时FRONTPAGE会提示做格式转换,FRONTPAGE可以自动进行格式转换。
  现在可我们看看怎么插入图形 选择“插入”菜单的“图片”命令,单击“来自文件”按钮。

 


选择图形文件的窗口


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

选择其他目录下的图形文件

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

另存web文件的对话框

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

保存嵌入式文件的窗口

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

“改变文件夹”窗口

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



选择插入剪贴画的菜单  我们还可以从INTERNET上插入一个图形。
  选择“插入”菜单的“图片”命令, 在URL栏内输入图片的地址,单击“确定”按钮。由于是插入网上的图片,因此在插入图形以后,应该保存一下网页,使图形存到站点内。
  您可能说,我不会画画,插入图片容易,可是编辑图片就不容易了。没关系,FRONTPAGE自己带有许多剪贴画,你可以把它们插入到自己的网页。
  选择“插入”菜单的“图片”命令, 选择“剪贴画”。
  你看,各种剪贴画都分类放好了。你可以自由地选择。

剪贴画分类显示的窗口

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

插入图形只是在网页中运用图形的第一步,在FRONTPAGE里,还有许多对图形的设置。
  你看,这个网页右边那个人的背景和左面的一样,都是白色,只是设置了图形的透明,因此就看不见白色的背底了。

一幅图

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

“图形”工具栏

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

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

剪切前后的图象比较

大图四周的变化剪裁以后的图形  实际上小图是把大图经过修剪后得到的。这在我们只用一幅图的某一部分时特别有用。
  现在我们把大图也修剪了:首先单击大图,现在“绘图”工具栏出现了。我们单击“绘图”工具栏的“剪裁”按钮“剪裁”按钮。这时图形四周的小点变为了黑色的。下面还出现了一个剪切框。
  调整剪切框到合适的大小,再把它移动到合适的位置,单击"剪切"按钮, 图片就剪切完毕了。

 

  好像剪小了一点。 没有关系, 单击“撤消”按钮“撤消”按钮,上次的操作就被撤消了。再重新剪切一次就可以了。
  如果进行了很多次剪切操作,发现把图弄坏了,这时想重新剪切,该怎么办呢? 这时我们可以单击“绘图”工具栏上的“还原”“还原”按钮按钮,图片就被重新载入到文档中,你可以对图片重新进行处理。

4.给图形添加文本 给图形输入了文字
修改文字以后的图象  我们可以给图形加文字。
  选中左边的图形,单击图形工具栏“文本”按钮“文本”按钮,现在图形中就出现了一个文本框,输入:“别淘气”。再按一下Esc键,取消文字编辑,就选中文字框了,调整文本框到合适的位置,单击页面其他区域,文字就添加成功了。
  如果我要修改 单击一下要修改的文字,这时文字作为一个整体被选中了,再点一下文字,这时文本框里有光标闪烁,你可以编辑文本了,重新输入:“你真淘气”,在页面其他区域单击。 文字就修改完成了。
  我们还可以撤消这次操作吗?

我们再来看看“绘图”工具栏的其他按钮有什么用处。
  先来看一看翻转按钮组:
  向左翻转按钮这一个是向左翻转按钮,可以使图形逆时针翻转90度。向左翻转后的效果
  向右翻转按钮这一个是向右翻转按钮,可以使图形顺时针翻转90度。向右翻转回来的效果
  水平翻转按钮这一个是水平翻转按钮,可以使图形左边变右边,右边变左边。水平翻转后的效果
  垂直翻转按钮这一个是垂直翻转按钮,可以使图形上边变下边,下边变上边。垂直翻转后的效果

  看这一个网页!

“小猫和心”的图

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

”桌子上的小猫“图片     ”会动的心“图片

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

把”会动的心“移动到桌子上


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

  下面我们来看一下图形的按钮效果:
  你看,这两个图标实际上是同一幅图案。

效果不同的同一幅图案

  现在我们选中右边的那张,单击“绘图”工具栏的“凹凸效果”按钮“凹凸效果”按钮,这时,图案就变成一个按钮了。
  还有其他效果,比如:
  “对比度”按钮
“对比度”按钮可以增减图形的对比度,
  “亮度”按钮“亮度”按钮可以调整图形的亮度,
  “冲蚀”按钮“冲蚀”按钮可以使图形半透明。
  这些你都可以有空试一试。并在实际使用中灵活运用

  一般我们插入的图形总是和文本在一起的,所以调整图形和文本的对齐方式很重要。
  在默认情况下,图形自动与文本的底部对齐。这一个网页,由于默认的对齐效果,页面出现了大量的空白。

一个有大量空白的网页

选择”图片属性“的菜单  这时就要调整图形的对齐属性。
  在图形上单击鼠标右键,选择“图片属性”,选择“外观”选项卡,

图形对齐属性的窗口

  我们把对齐方式调整为“左对齐”。

“左对齐”以后的页面

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

 

  • 上一篇:Frontpage2000教程 第 二 课 编辑网页
  • 下一篇:Frontpage2000教程 第 四 课 超链接