第四部分 创建Web页面中的常用物件

第三讲、调整物件的位置与大小尺寸

　　尽管您的操作非常认真而又仔细，但各页面中物件的位置与大小尺寸可能还是不尽人意，特别是所插入的Web页面标题图像，上边缘会正好与Layout Grid 上边缘重合，各图像的间隔也不明显，看上去好像是同一幅图像。这是由于在默认状态下，GoLive 5打开了捕捉功能，所以拖动时物件就会与Layout Grid网格节点，或者网格线相对齐。下面的操作将利用GoLive 5提供的物件的位置与大小尺寸调整功能修正这些不足之处。

步骤一、选定要对齐的图像或者别的物件，然后在工具栏中Vertical Position(垂直位置)文本编辑框中输入数字，如4，参见图8。

　　注：按住键盘上的Shift键后依次单击要对齐的物件，可将它们全部选定，这与Microsoft Word中的操作相同。

　　这一步操作的关键是要选定操作物体，若选定多个物件将使得它们成为一个选择集，以便于同时接受后面的操作，结果又能保持它们相互之间的位置不变。接着在Vertical Position文本编辑框中指定了它们在垂直方向上的位置，所输入的数字单位是象素。如果您输入了这个值并按下键盘上的Enter键，GoLive 5仍显示原来的值:0，说明它与下方的物件间没有足够的间距来移动，此时需要先移动位于下方的那些物件，然后重新在Vertical Position文本编辑框中输入移动值。对于初学者来说，由于可能习惯于公制单位中的厘米、毫米长度单位，所以操作时不可能一次就输入较大的值，若移动的距离不够，可以输入更大(或者更小)的值来再一次调整，上述操作结束后就能在图像上方的Layout Grid了，而Vertical Position文本编辑框中的值已修改成了4，该值可以分两次输入，第一次输入2后，效果不理想，可以再扩大至4个象素单位，以后熟悉了GoLive 5中的象素单位值，就可以直接输入最终的值了。

图8　在Vertical Position(垂直位置)文本编辑框中输入数字，如4

　　注意：若要在较大的范围内移动物件，应当先拖动它至最靠近目标点的位置，然后再按上述方法进行操作。图9中手势所指处的按钮用于将当前选定的图像还原为原始大小尺寸，而不管图像当前是放大还是缩小了。

图9　单击Auto-resize按钮

步骤二、单击第二幅图像，将它左边线中间的手柄向右方拖动一段距离，为移动第一幅图像留出距离，然后单击第一幅图像，并在工具栏中的Horizontal Position(水平位置)文本编辑框中输入数字4。

步骤三、适当修改工具栏中Width文本编辑框里的值，以便在第一与第二幅图像间留出一段距离。然后单击第二幅图像，并进入Inspector面板单击图21中手势所指处的Auto-resize(自动更改尺寸)按钮，接着单击工具栏中的Align Center按钮。

　　接下来，您可以参照的上面的内容调整其它的图像与物件的位置与大小尺寸，这里就不多说了！如果您的操作失败了，可以换用下两讲中所述的方法。