【编者按】网学网FrontPage教程频道为大家收集整理了“第一节 FrontPage 2003的新增功能“提供大家参考,希望对大家有所帮助!
第三节 编辑图片
插入图片后,如果用户对所插入图片的效果不满意,还可以直接在FrontPage 2003中进行编辑,包括编辑图片中的文字、修改图片特殊效果、裁剪图片等。
一、图片工具栏
FrontPage 2003中所提供的图片编辑功能都是在图片工具栏中进行操作的。在所插入的图片上单击鼠标右键,在弹出的快捷菜单中选择“显示图片工具栏”命令,打开“图片”工具栏,如图4.3.1所示。
图4.3.1 “图片”工具栏
下面对“图片”工具栏中各个按钮的功能进行简单地介绍:
“插入文件中的图片”按钮。。。:用于在光标所在位置插入图片。
“文本”按钮。。。:在图片中添加文本,但前提是该图片必须是GIF格式的图片,如果不是,FrontPage 2003会自动将该图片转换为GIF格式。
“自动缩略图”按钮。。。:用于将所选中的图片自动生成缩略图,并且在该缩略图中建立一个链接到该图片的超链接。
“绝对定位”按钮。。。:在定义图片层次时,用于设置图片在当前层的绝对位置。
“上移一层”按钮。。。和“下移一层”按钮。。。:用于在定义层时将图片上移或下移一层。关于层的有关知识将在后面章节中讲到。
“向左旋转”按钮。。。和“向右旋转”按钮。。。:将图片向左或向右旋转90º。
“水平翻转”按钮。。。:用于将图片沿垂直线对称翻转。
“垂直翻转”按钮。。。:用于将图片沿水平线对称翻转。
“增加对比度”按钮。。。和“降低对比度”按钮。。。:增加或降低图片前景色和背景色的对比度。
“增加亮度”按钮。。。和“降低亮度”按钮。。。:用于增加或降低图片的亮度。
“裁剪”按钮。。。:使用此按钮可以帮助用户处理图片。
“设置透明色”按钮。。。:用于设置图片中某种颜色的透明度。
“颜色”按钮。。。:用于改变图片的颜色效果。
“凹凸效果”按钮。。。:可以将图片变为三维图形,使图片具有立体感。
“选择”按钮。。。:用于选择网页中的图片。
“长方形热点”按钮。。。:用于在图片中定义长方形热点,并且还可以为热点创建超链接。关于超链接的相关知识将在本书的第五章中讲到。
“圆形热点”按钮。。。和“多边形热点”按钮。。。:使用方法与长方形热点按钮类似。
“突出显示”按钮。。。:用于在图片中突出显示热点。
“还原”按钮。。。:单击该按钮将取消对图像的各种操作。
二、在图片中编辑文本
如果用户需要向图片中添加文本,其具体操作步骤如下:
(1)在网页中选中需要添加文本的图片,单击“图片”工具栏中的“文本”按钮。。。,弹出如图4.3.2所示的提示框。
图4.3.2 提示框
(2)单击“确定”按钮,即可在图片中插入一个文本框,然后在该文本框中输入文本,效果如图4.3.3所示。
图4.3.3 在图片中编辑文本
可以通过拖动该文本框来改变文本的位置。另外,用户还可以设置文本框中的文本,其设置方法与设置字体格式类似,这里不再讲述。
三、裁剪图片
裁剪图片是指裁掉图片中不需要的部分,其具体操作步骤如下:
(1)选中需要裁剪的图片,单击“图片”工具栏中的“裁剪”按钮。。。,所选图片会出现一个虚线方框,如图4.3.4所示。
图4.3.4 裁剪图片
(2)将鼠标移至虚线框的8个控制点上,当鼠标指针变成。。。形状时,拖动鼠标调整该虚线框的大小。方框内保留所需图片,方框外为需要裁掉的部分,调整好后,按回车键即可完成裁剪操作,效果如图4.3.5所示。
图4.3.5 图片裁剪后的效果
四、设置图片透明色
在网页中为了使图片的颜色与网页的背景色一致,可以将图片的颜色设置为透明色。但前提是该图片必须是GIF格式的图片。设置图片透明色的具体操作步骤如下:
(1)在网页中选中需要设置透明色的图片。
(2)单击“图片”工具栏中的“设置透明色”按钮。。。,将鼠标移到图片中单击鼠标左键,即可将该图片设为透明色,设置前与设置后的效果分别如图4.3.6和图4.3.7所示。
图4.3.6 设置透明色前的效果 图4.3.7 设置透明色后的效果
五、设置凹凸效果
设置图片的凹凸效果可以使得图片的顶边缘和左边缘颜色变浅,底边缘和右边缘的颜色变深,从而产生一种三维(3D)的图像效果。设置图片凹凸效果的具体操作步骤如下:
(1)在网页中选中需要设置凹凸效果的图片。
(2)单击“图片”工具栏中的“凹凸效果”按钮。。。,即可将该图片设为凹凸效果,设置前与设置后的效果分别如图4.3.8和图4.3.9所示。
图4.3.8 设置凹凸前的效果 图4.3.9 设置凹凸后的效果
六、创建缩略图
当网页中的图片比较多,而且图片尺寸较大时,浏览者很可能没有耐心去查看每一张图片,因此就需要通过缩略图的方式来显示图片。缩略图就是将图片重新取样,将图片的尺寸缩小,使带图片的网页在浏览器中打开的速度加快,并且还会自动在缩略图中建立一个链接到原图片的超链接,当将鼠标移至该图片上时,系统会提示“请按Ctrl+Click跟踪超链接”。但不是任何图片都可以创建自动缩略图,如果该图片已经创建了超链接,那么将不能创建自动缩略图,如果要创建,则需要先删除该图片的超链接,然后才能创建。创建缩略图的具体操作步骤如下:
(1)选中网页中需要创建缩略图的图片。
(2)单击“图片”工具栏中的“自动缩略图”按钮。。。,即可将该图片创建成缩略图。
(3)按同样方法创建其他图片的缩略图,创建后的效果如图4.3.10所示。
图4.3.10 创建缩略图效果
七、旋转和翻转图片
“图片”工具栏中提供了4种旋转和翻转图片的功能,分别是向左旋转90º,向右旋转90º,水平翻转和垂直翻转。其操作方法是在网页中选中需要旋转和翻转的图片,单击“图片”工具栏中相应的按钮,即可将图片旋转和翻转成所需的效果。4种旋转和翻转效果如图4.3.11所示。
原图 向左旋转90º 向右旋转90º 水平翻转 垂直翻转
图4.3.11 原图及4种旋转和翻转效果