图片的编辑一、设置图片属性直接插入的图片都是以其原始效果显示在网页中，不一定都符合用户的要求。因此用户需要对其属性进行设置。一、设置图片大小设置图片大小的具体操作步骤如下：（1）双击所插入的图片，弹出如图 4.2.1 所示的“图片属性” 对话框。（2）在“大小”选区中的“宽度”和“高度”微调框中设置图片的宽度和高度值。图 4.2.1 “图片属性”对话框可以通过像素或百分比来设置。像素是一种精确的改变方式，可以将图片的宽度和高度精确到一个确切的值；百分比是一种粗略的改变方法，它是将图片根据原来的大小按照一定的比例改变，如选中“百分比” 单选按钮，然后在 “宽度”微调框中输入“40”；在“高度”微调框中输入“70”，设置后的效果如图 4.2.2 所示。图 4.2.2 设置图片大小效果Jinchutou.com二、设置图片的环绕方式设置图片环绕方式的具体操作步骤如下：（1）打开“图片属性” 对话框，在“环绕方式”选区中选择所需的环绕方式，包括无、左和右 3 种环绕方式。（2）单击“确定” 按钮即可。除了这 3 种环绕方式外，用户还可以通过拖动来改变图片位置。其方法是选中该图片，按住鼠标左键并拖动，此时光标将变成 形状，表示在当前状态下可以将图片移动到其他位置，拖动鼠标至合适位置后释放鼠标左键即可。三、设置图片与文本的对齐方式在 FrontPage 2003 中，图片与文本之间有多种位置关系。通过设置图片与文本间的位置关系，可以对网页进行合理的布局。其设置方法是在“图片属性” 对话框（见图 4.2.1）中的“布局”选区中打开“对齐方式”下拉列表，然后在该下拉列表中选择所需的选项，单击“确定”按钮即可。：如果用户需要给图片添加边框，可在“布局”选区中的“边框粗细”微调框中设置所需的边框值。四、转换图片类型在 FrontPage 2003 中，如果要转换图片的类型，其具体操作步骤如下：（1）在需要转换类型的图片上单击鼠标右键，在弹出的快捷菜单中选择“更改图片文件类型”命令，弹出如图 4.2.3 所示的“图片文件类型” 对话框。图 4.2.3 “图片文件类型”对话框（2）在该对话框中选择所需的图片类型，然后单击“确定” 按钮即可。Jinchutou.com二、编辑图片插入图片后，如果用户对所插入图片的效果不满意，还可以直接在 FrontPage 2003 中进行编辑，包括编辑图片中的文字、修改图片特殊效果、裁剪图片等。一、图片工具栏FrontPage 2003 中所提供的图片编辑功能都是在图片工具栏中进行操作的。在所插入的图片上单击鼠标右键，在弹出的快捷菜单中选择“显示图片工具栏” 命令，打开“图片”工具栏，如图 4.3.1 所示。图 4.3.1 “图片”工具栏下面对“图片”工具栏中各个按钮的功能进行简单地介绍：“插入文件中的图片”按钮。 ：用于在光标所在位置插入图片。“文本”按钮。 ：在图片中添加文本，但前提是该图片必须是 GIF 格式的图片，如果不是，FrontPage 2003 会自动将该图片转换为 GIF 格式。“自动缩略图”按钮。 ：用于将所选中的图片自动生成缩略图，并且在该缩略图中建立一个链接到该图片的超链接。“绝对定位”按钮。 ：在定义图片层次时，用于设置图片在当前层的绝对位置。“上移一层”按钮。 和“下移一层”按钮。 ：用于在定义层时将图片上移或下移一层。关于层的有关知识将在后面章节中讲到。“向左旋转”按钮。 和“向右旋转”按钮。 ：将图片向左或向右旋转 90。“水平翻转”按钮。 ：用于将图片沿垂直线对称翻转。“垂直翻转”按钮。 ：用于将图片沿水平线对称翻转。“增加对比度”按钮。 和“降低对比度”按钮。 ：增加或降低图片前景色和背景色的对比度。“增加亮度”按钮。 和“降低亮度”按钮。 ：用于增加或降低图片的亮度。“裁剪”按钮。 ：使用此按钮可以帮助用户处理图片。“设置透明色”按钮。 ：用于设置图片中某种颜色的透明度。“颜色”按钮。 ：用于改变图片的颜色效果。“凹凸效果”按钮。 ：可以将图片变为三维图形，使图片具有立体感。“选择”按钮。 ：用于选择网页中的图片。“长方形热点”按钮。 ：用于在图片中定义长方形热点，并且还可以为热点创建超链接。关于超链接的相关知识将在本书的第五章中讲到。Jinchutou.com“圆形热点”按钮。 和“多边形热点”按钮。 ：使用方法与长方形热点按钮类似。“突出显示”按钮。 ：用于在图片中突出显示热点。“还原”按钮。 ：单击该按钮将取消对图像的各种操作。二、在图片中编辑文本如果用户需要向图片中添加文本，其具体操作步骤如下：（1）在网页中选中需要添加文本的图片，单击“图片”工具栏中的“文本”按钮。 ，弹出如图 4.3.2 所示的提示框。图 4.3.2 提示框（2）单击“确定” 按钮，即可在图片中插入一个文本框，然后在该文本框中输入文本，效果如图 4.3.3 所示。图 4.3.3 在图片中编辑文本可以通过拖动该文本框来改变文本的位置。另外，用户还可以设置文本框中的文本，其设置方法与设置字体格式类似，这里不再讲述。三、裁剪图片裁剪图片是指裁掉图片中不需要的部分，其具体操作步骤如下：（1）选中需要裁剪的图片，单击“图片”工具栏中的“裁剪”按钮。 ，所选图片会出现一个虚线方框，如图 4.3.4 所示。Jinchutou.com图 4.3.4 裁剪图片（2）将鼠标移至虚线框的 8 个控制点上，当鼠标指针变成。 形状时，拖动鼠标调整该虚线框的大小。方框内保留所需图片，方框外为需要裁掉的部分，调整好后，按回车键即可完成裁剪操作，效果如图 4.3.5 所示。图 4.3.5 图片裁剪后的效果四、设置图片透明色在网页中为了使图片的颜色与网页的背景色一致，可以将图片的颜色设置为透明色。但前提是该图片必须是 GIF 格式的图片。设置图片透明色的具体操作步骤如下：（1）在网页中选中需要设置透明色的图片。（2）单击“图片”工具栏中的“设置透明色”按钮。 ，将鼠标移到图片中单击鼠标左键，即可将该图片设为透明色，设置前与设置后的效果分别如图 4.3.6 和图 4.3.7 所示。Jinchutou.com图 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 所示。Jinchutou.com图 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所示的“编辑图片” 对话框。在该对话框中可以对图片进行编辑，包括设置图片的大小、旋Jinchutou.com转、裁剪图片等，设置完成后，单击“确定” 按钮，返回到“图片库属性” 对话框中。（5）如果需要还可以在“标题”和“说明”文本框中输入标题和说明性文字。（6）按照同样的方法继续添加和编辑其他图片。（7）添加完成后，打开“布局” 选项卡，如图 4.4.4 所示。图 4.4.2 “打开”对话框图 4.4.3 “编辑图片”对话框 图 4.4.4 “布局”选项卡 （8）在“选择一种布局”列表框中选择一种所需的布局方式，如选择“显示幻灯片”选项，设置完成后，单击“确定” 按钮，效果如图 4.4.5 所示。Jinchutou.com图 4.4.5 创建图片库效果Jinchutou.com