GoLive 5教程 3.5 设置使用水平线

第三部分 设计文本的显示格式与位置

第五讲、设置使用水平线

　　GoLive 5还提供有设置定位格(Spacer)功能，以及绘制水平线的功能。定位格能在特殊场合中定位Web页面所用的各种物件，水平线是Web页面中常见的物件，这在许多知名网站都能看到。其实，许多Web页面中都有水平线，以便分隔某些物件。而且通常会在网站的标题与主体页面之间放置它，有些甚至会放置多条水平线。

　　为了在Web页面中使用水平线，只需要从Window下拉菜单中选择Objects命令，让Objects面板显示在屏幕上，并从Basic标签中拖动Line图标至Layout视图中即可。一旦这样做了，就能从Window下拉菜单中选择Inspector命令，让Inspector面板显示在屏幕上并通过它调整水平线的参数。在Line Inspector面板中，GoLive 5提供了控制水平线风格的两个按钮，默认的风格是三维线，位于它左旁的按钮控制的风格是实线。实线是Web页面中最常见的，也是最简单的风格，但是在由过去流行的FrontPage制作的Web页面中常见的风格。

　　若要设置水平线的宽度，除了可以拖动水平线上的手柄外，还能通过Inspector面板中的Width下拉列表进行操作。在这一份下拉列表里，可以选择：Full，让水平线与布局文本框或者文档窗口一样宽；Percent，在Width文本编辑框中输入一个百分比值，指定水平线与Layout Text Box或者文档窗口宽度的百分比；Pixels, 在Width文本编辑框中输入一个以象素为单位的宽度值。设置水平线的高度时，也可以拖动水平线上的手柄，或者在Inspector面板中的Height文本编辑框中输入高度值。

　　对水平线也能如同别的物件那样对齐Web页面，Inspector 面板也为此提供了三个Alignment按钮，它们的作用从外观上一看就明白，这里不详述了。

　　若要移动水平线，最简单的方法就是拖动它。如果拖动前，按住键盘前Ctrl键，那么就将复制这一条水平线。

　　上述操作说明了水平线的应用方法，其设置水平线的宽度、高度、位置的操作也可以通过工具栏来完成。大多数的Web页面设计者喜欢在分隔标题与主体内容处应用它，并且很巧妙地放置一些链接文字，从而达到美化Web页面的效果。有些Web页面在局部使用水平线，也收到了非常漂亮的效果。