GoLive 5教程 4.2 插入图像

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

第二讲、插入图像

　　做好了上面的操作，就能很方便的插入图像了，其操作方法与Dreamweaver 3相类似，只是GoLive 5更加方便些，不必先制定好图层，或者表格再来插入。在下面的操作中，本节将讲述一种实用性很强的技巧，请注意了！

　　步骤一、Window下拉菜单中选择Objects命令，让Objects面板显示在屏幕上，并从Basic标签中拖动Image图标至文档窗口中的Layout视图中。

　　此后，Layout视图中将出现一个图像占位符，GoLive 5称为Image Frame(图像框)，按住键盘上的Ctrl键后拖动还可复制它。

　　步骤二、单击某一个Image Frame，让它处于选定状态后从Window下拉菜单中选择Inspector命令，进入Inspector面板后单击图7中手势所指处的Browse(浏览)按钮。



　图7　单击这个按钮

　　步骤三、进入Windows的“打开”对话框后选择要插入的图像，接着单击工具栏中的对齐按钮，如Align Center(对齐中心)按钮，或者使用拖动的方法确定好图像的位置即可完成操作。

　　完成上述操作插入图像后，Layout视图中所显示的Image Frame将处于选定状态，并用一个边框线围住所插入的图像，该边框的大小尺寸正好与图像的尺寸相同，若拖动边框线上的手柄可调整其大小尺寸，插入的图像也将随之得到变化。若插入的是GIF动画， Layout视图中可能不会显示它，单击文档窗口中的Preview标签，进入Preview视图后就能看到它在Web页面中的显示情形。

　　通过Inspector面板中的Alignment下拉列表还能选择十种对齐方式:Default(默认)、Top(顶部)、Middle(中部)、 Bottom(底部)、Left(左)、Right(右)、Text Top(文本顶部)、Abs Middle(相对中部)、Baseline(基线)、Abs Bottom(相对底部)。它们的特点在屏幕上一试就清楚了，这里也就不详述了。