操作系统  办公  实用知识  设计  开发  WEB开发  移动开发  数据库  软件工程  网管  安全  管理  信息化  答疑  渠道 

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

2004-5-12 作者:航标 网友评论 0 条 点击进入论坛

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

第五讲、设置使用水平线

  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页面在局部使用水平线,也收到了非常漂亮的效果。

已有 0 位对此文章感兴趣的网友发布了看法    
我来评两句 登录邮箱: 密码:
  匿名发表
今日推荐
技术文库(共有 46473 篇文章)
操作系统
办公软件
实用知识
网络管理
软件开发
WEB开发
软件工程
数据库
设计在线
信息安全
行业信息化
管理信息化
重点推荐
电子杂志订阅
点击电子杂志名称查看样刊
输入E-mail地址即可订阅
E-mail