GoLive 5教程 3.5 设置使用水平线
敬业的IT人
互联网
佚名
2008-1-11 17:58:44
第三部分 设计文本的显示格式与位置
第五讲、设置使用水平线
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页面在局部使用水平线，也收到了非常漂亮的效果。
第五讲、设置使用水平线
为了在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页面在局部使用水平线，也收到了非常漂亮的效果。
- 最新文章
- GoLive 5教程 3.4 检查拼写错误[01-11]
- GoLive 5教程 3.3 应用定位格[01-11]
- GoLive 5教程 3.2 应用文本字体与字体集[01-11]
- GoLive 5教程 3.1 设置默认中文字体与关联尺寸[01-11]
- GoLive 5教程 2.6 格式化未分级列表[01-11]
- GoLive 5教程 2.5 对齐或者缩进段落文本[01-11]
- 相关文章
