frontpage2003中图片的编辑.doc

图片的编辑
一、设置图片属性
直接插入的图片都是以其原始效果显示在网页中，不一定都符合用户的要求。因此用户需要对其属性进行设置。
一、设置图片大小
设置图片大小的具体操作步骤如下：
（1）双击所插入的图片，弹出如图4.2.1所示的“图片属性”对话框。
（2）在“大小”选区中的“宽度”和“高度”微调框中设置图片的宽度和高度值。

图4.2.1  “图片属性”对话框
可以通过像素或百分比来设置。像素是一种精确的改变方式，可以将图片的宽度和高度精确到一个确切的值；百分比是一种粗略的改变方法，它是将图片根据原来的大小按照一定的比例改变，如选中“百分比”单选按钮，然后在“宽度”微调框中输入“40”；在“高度”微调框中输入“70”，设置后的效果如图4.2.2所示。

图4.2.2  设置图片大小效果
二、设置图片的环绕方式
设置图片环绕方式的具体操作步骤如下：
（1）打开“图片属性”对话框，在“环绕方式”选区中选择所需的环绕方式，包括无、左和右3种环绕方式。
（2）单击“确定”按钮即可。
除了这3种环绕方式外，用户还可以通过拖动来改变图片位置。其方法是选中该图片，按住鼠标左键并拖动，此时光标将变成形状，表示在当前状态下可以将图片移动到其他位置，拖动鼠标至合适位置后释放鼠标左键即可。
三、设置图片与文本的对齐方式
在FrontPage 2003中，图片与文本之间有多种位置关系。通过设置图片与文本间的位置关系，可以对网页进行合理的布局。其设置方法是在“图片属性”对话框（见图4.2.1）中的“布局”选区中打开“对齐方式”下拉列表，然后在该下拉列表中选择所需的选项，单击“确定”按钮即可。
：如果用户需要给图片添加边框，可在“布局”选区中的“边框粗细”微调框中设置所需的边框值。
四、转换图片类型
在FrontPage 2003中，如果要转换图片的类型，其具体操作步骤如下：
（1）在需要转换类型的图片上单击鼠标右键，在弹出的快捷菜单中选择“更改图片文件类型”命令，弹出如图4.2.3所示的“图片文件类型”对话框。

图4.2.3  “图片文件类型”对话框
（2）在该对话框中选择所需的图片类型，然后单击“确定”按钮即可。
二、编辑图片
插入图片后，如果用户对所插入图片的效果不满意，还可以直接在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º             水平翻转           垂直翻转     
三、创建图片库
在FrontPage 2003中，除了可以使用缩略图的方式插入多幅图片外，还可以通过图片库来插入图片。创建图片库的具体操作步骤如下：
（1）将光标定位在网页中需要插入图片库的位置。
（2）选择“插入”→“图片”→“新建图片库”命令，弹出如图4.4.1所示的“图片库属性”对话框。

图4.4.1  “图片库属性”对话框
（3）单击“添加”按钮，在弹出的下拉菜单中选择图片的来源，如选择“图片来自文件”命令，弹出如图4.4.2所示的“打开”对话框。
（4）在该对话框中选择所需的图片，单击“打开”按钮，返回到“图片库属性”对话框中，在该对话框中可以发现已经插入了一张图片，如果用户要对图片进行编辑，则在该对话框中的“缩略图大小”选区中进行编辑，或单击“编辑”按钮，弹出如图4.4.3所示的“编辑图片”对话框。在该对话框中可以对图片进行编辑，包括设置图片的大小、旋转、裁剪图片等，设置完成后，单击“确定”按钮，返回到“图片库属性”对话框中。
（5）如果需要还可以在“标题”和“说明”文本框中输入标题和说明性文字。
（6）按照同样的方法继续添加和编辑其他图片。
（7）添加完成后，打开“布局”选项卡，如图4.4.4所示。

图4.4.2  “打开”对话框

              图4.4.3  “编辑图片”对话框                            图4.4.4  “布局”选项卡         
（8）在“选择一种布局”列表框中选择一种所需的布局方式，如选择“显示幻灯片”选项，设置完成后，单击“确定”按钮，效果如图4.4.5所示。

图4.4.5  创建图片库效果