第二章 Imageready3.0的工具箱
2.5 Image Map Tool(热点图工具) (快捷键P)
Circle Image Map Tool(圆形热点图工具) (快捷键P)
Polygon Image Map Tool(多边形热点图工具) (快捷键P)
Image Map Select Tool(热点图选择工具) (快捷键P)
这类工具的作用是指定图像上的连接热点。使用这类工具我们就可以将图像的任意部分联接为超级链结。在这类工具中一共有四个工具——Rectangel Image Map
Tool(矩形热点图工具)、Circle Image Map Tool(圆形热点图工具)、Polygon Image Map
Tool(多边形热点图工具)和Image Map Select Tool(热点图选择工具)。
1、Rectangel Image Map Tool(矩形热点图工具):这个工具可以绘制出矩形的热点图。
2、Circle Image Map Tool(圆形热点图工具):这个工具可以绘制出圆形热点图。
3、Polygon Image Map Tool(多边形热点图工具):这个工具可以绘制多边形热点图。
4、Image Map Select
Tool(热点图选择工具):我们要选择和移动或变形绘制好的热点就要靠它了。当我们选中绘制好的热点的时候我们会发现在上面有控制点,通过移动这些控制点我们就可以改变热点的形状和大小。
注意:当我们绘制好热点图,超级链结的地址必须在浮动面版的Image
Map(热点图)中设置。(这会在后文讲解)
现在让我们来看看它的工具操作栏。这组工具的工具操作栏和前面讲到的工具的工具操作栏有些不一样,它每种工具的工具操作栏都不一样,下面我们来分别看看。
1、Rectangel Image Map Tool(矩形热点图工具)工具操作栏

在这个工具栏中仅仅只有一个选项——Fixed
Size(固定尺寸)。当这个选项选中以后,我们就可以在后面的With(宽度)和Height(高度)中填入矩形的尺寸。
2、Circle Image Map Tool(圆形热点图工具)工具操作

在这个工具栏中也只有Fixed Size(固定尺寸),这一个选项。当我们选中这个选项的时候,就可以在Radius(半径)中填入你想要的圆形热点的半径大小。
3、Polygon Image Map Tool(多边形热点图工具),这个工具没有可操作的工具操作栏。
4、Image Map Select Tool(热点图选择工具)

这个工具栏就比较复杂了。在这个工具栏中有三组按钮,现在让我们一一看看它们的功能。
第一组按钮中包含了六个按钮,要使用这组按钮必须同时选中两个或者两个以上的热点。它们的主要作用是让多个热点的位置对齐。
技巧:要同时选中多个热点,只要按住Shift按钮就可以进行多次选择。
1、Align Left Edge(对齐左边缘)。
当我们按下这个按钮以后,选中的热点就会以最右边的热点的左边边缘为基准进行对齐。
2、Align Horizontal Centers(对齐竖直中心)。
当我们按下这个按钮的时候,选中的热点就会在以每个热点的竖直中心为基准进行对齐。
3、Align Right Edges(对齐右边界)。
这和Align Left Edge刚刚相反。当我们按下这个按钮以后就选中的热点会以最左边的热点的右边边缘为基准对齐。
4、Align Top Edges(对齐顶边界)。
当我们按下这个按钮以后选中的热点就会以最靠下面的热点的顶边界为基线进行对齐。
5、Align Vertical Centers(对齐水平中心)。
当我们按下这个按钮以后选中的热点就会以每个热点的水平中心作为基线进行对齐。
6、Align Bottom Edges(对齐底线)。
当我们按下这个按钮以后选中的热点就会以最靠上面的热点的底线作为基线进行对齐。
第二组按钮也包含了六个按钮。要使用这一组按钮就必须同时选中三个或者三个以上的热点。
1、Distribute Left Edges(分散排列左边界)。
当按下这个按钮以后会根据图层的左边界为基准平均分散排列,也就是说每个图层的左边界之间的距离是一样的。
2、Distribute Horizontal Centers(分散排列竖直)。
当按下这个按钮以后就会根据图层的竖直中央为基线平均分散对齐,也就是每个图层的竖直中央的距离是一样的。
3、Distribute Right Edges(分散排列右边界)。
当按下这个按钮以后会根据热点的右边界为基准平均分散排列,也就是说每个热点的右边界之间的距离是一样的。
4、Distribute Top Edges(分散排列顶边界)。
当按下这个按钮以后会根据热点的顶边界为基准平均分散排列,也就是说每个图层的顶边界之间的距离是一样的。
5、Distribute Vertical Edges(分散排列水平中央)。
当按下这个按钮以后会根据热点的水平中央为基准平均分散排列,也就是说每个热点的水平中央之间的距离是一样的。
6、Distribute Bottom Edges(分散排列底边界)。
当按下这个按钮以后会根据热点的底边界为基准平均分散排列,也就是说每个热点的底边界之间的距离是一样的。
最后一组四个按钮用于设置热点的层次。这组命令仅仅在有两个或者两个以上热点出现的时候起作用。
1、Bright Image Map Areas to Front(将热点放到最前面)。
2、Bright Image Map Areas to Forward(将热点向前放)。
3、Bright Image Map Areas to Backword(将热点向后放)。
4、Bright Image Map Areas to Back(将热点放到最后面)。
使用这一组按钮就会建立以层为基础的热点图。当A、B两个热点部分重合的时候,如果我们把A热点的层次设置到B层次的前面,那么当我们鼠标点击到重叠区域的时候就会按照层次最上面的A热点进行操作。
在工具操作栏的最后又一个Image Map Palette…(热点图浮动面板)。按下这个按钮就可以快速的调出热点图浮动面板。
2.6 Slice Tool(分割工具)(快捷键K)
Slice Select Tool(分割选取工具) (快捷键K)
我们在制作网页图像的时候遇到大块的图像,通常的做法就是将大块的图像切割为若干小块,这样浏览者就不必等待整个图像全部传输完成才能看到图像,而可以在等待整个图像出现之前逐步的看到整个图像的出现。除此之外我们还可在小块的图像上加入超级链接。在Imageready3.0中的Slice
Tool(分割工具)就是用于分割图像的。在这组工具中一共有两个工具——Slice Tool(分割工具)和Slice Select Tool(分割选取工具)。
1、Slice Tool(分割工具):这个工具主要用于分割图像。我们按住鼠标右建并拖动鼠标就可以绘制出矩形的分割区域。
2、Slice Select
Tool(分割选取工具):当我们使用分割共分割了图像以后如果要移动或改变分割大小就要使用这个工具。选中你想编辑的分割区域,按住鼠标右键移动鼠标就可以移动分割区域的位置;移动被选分割区周围的八个控制块就可以改变分割区的大小。
学会基本操作以后,让我们现在来看看这两个工具的工具操作栏的参数。
Slice Tool(分割工具)操作工具栏(pic2-1-29.TIF)
这个工具操作栏中的Style(样式)中包含了三种样式——normal(普通)、constrained aspect ratio(约束长宽比)、Fixed
Size(固定尺寸)。
1、normal:在这种样式下使用选取工具的时候,可以让我们使用鼠标选择任何长宽的分割区。
2、constrained aspect ratio:在这种样式下我们可以在后面的Width(宽度)和Heigth(高度)中输入长宽比,这样我们使用鼠标仅仅能选择出长宽比固定的分割区。
3、Fixed Size:在这种样式下我们仅仅能使用鼠标选择长度和宽度固定的分割区。长度和宽度的数值可以在Width(宽度)和Height(高度)中输入。
Slice Select Tool(分割选取工具)操作工具栏( pic2-1-30)

这个工具的工具操作栏和前面我们讲解的热点图选择工具的工具操作栏几乎一模一样,不同的仅仅是这里操作的是分割区,最后一个按钮——Slice
Palette按下以后掉出来的是Slice(分割)浮动面板。这里就不多讲了。不过这里要注意的是层次排列按钮。我们使用这个按钮排列分割区层次的时候,一定要注意当层次在前面的分割区,两个重叠的分割区分割的时候就以层次在上面的分割区为准。
注意:除了这些工具的操作以外,在菜单栏上还有一组专门的Slices(切割)菜单。这里还有很多有关切割图像的命令,我们将在后文讲解。
|