动网论坛,站长建站首选,国内使用量最多的论坛软件 动网论坛官方技术讨论区 站长工具 申请属于您自己的免费论坛
首页 | 新闻资讯 | 网站运营 | 网络编程 | 数据库 | 服务器 | 网页设计 | 图像媒体 | 网络应用 | 搜索优化 | 资源下载 | 动网主机 | DVBOX
    本站内  互联网 ASP论坛  ASP.Net论坛  PHP论坛
   网页设计 → 阅读文章

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

作者来源: 
阅读 数 384 人次 , 2006-4-21 17:36:00 

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

第五讲、设置使用水平线

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

  
 
 收藏本文  打印本文  论坛讨论  关闭窗口
· 上一篇:GoLive 5教程 3.4 检查拼写错误
· 下一篇:GoLive 5教程 4.1 设置参数
· 用VB6.0编写“木马”程序
· 用FrontPage去除超链接的下划线
· GOLIVE5.0教程(三十六)
· CSS光标属性一览表
· 用JavaScript实现文件夹轻松加密


关于本站 | 联系我们 | 业务合作 | 客户案例 | 诚聘英才 | 广告合作 | 收藏本站
海口动网先锋网络科技有限公司版权所有
Copyright © 2000 - 2006 Cndw.Com
中华人民共和国电信与信息服务业务经营许可证编号 琼 ICP 020077