GoLive 5教程 4.2 插入图像
敬业的IT人
互联网
佚名
2008-1-11 18:00:30
第四部分 创建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(相对底部)。它们的特点在屏幕上一试就清楚了,这里也就不详述了。
第二讲、插入图像
做好了上面的操作,就能很方便的插入图像了,其操作方法与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(相对底部)。它们的特点在屏幕上一试就清楚了,这里也就不详述了。
- 最新文章
- GoLive 5教程 4.8 创建URL下拉菜单[01-11]
- GOLIVE5.0教程(五十五)[01-11]
- GoLive 5教程 4.3 调整物件的位置与大小尺寸[01-11]
- GoLive 5教程 4.1 设置参数[01-11]
- GoLive 5教程 3.5 设置使用水平线[01-11]
- GoLive 5教程 3.4 检查拼写错误[01-11]
- 相关文章
