• 丰搜首页
• 文档中心
• 视频中心
• 丰搜贴吧
• 问题集锦
• 更多功能

选择显示字体大小

• 最大
• 较大
• 标准

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

关键字 本文所属关键字

相关 与本文相关文章

分类 所有文章关键字导航

源码编程相关

Java   Asp   PHP   .Net   XML   C/C++   CGI   VB   Jsp   J2ee   J2se   J2me   EJB   Servlet   Tomcat   Resin   Struts   Weblogic   Eclipse   ANT   GUI   JMS   Web servise   IDEA   Webphere   Hibernate   Spring   Jboss   Applet   Swing   Socket   Javamail   Perl   Ajax   P2P   安全   模式   框架   测试   开源   游戏

SQL数据库相关

My-SQL   Ms-SQL   Access   DB2   Oracle   Sybase   SQLserver   索引   存储过程   加密   数据库   分页   视图  

手机无线相关

3G   Wap   CDMA   GRPS   GSM   IVR   彩信   短信   无线   增值业务

网页设计制作相关

HTML   CSS   网页配色   网页特效   Javascript   VBscript   Dreamweaver   Frontpage   JS   Web   网站设计

网站建设推广相关

建站经验   网站优化   网站排名   推广   Alexa

操作系统/服务器相关

Windows XP   Windows 2000   Windows 2003   Windows Me   Windows 9.x   Linux   UNIX   注册表   操作系统   服务器   应用服务器

图形图像多媒体相关

Photoshop   Fireworks   Flash   Coreldraw   Illustrator   Freehand   Photoimpact   多媒体   图形图像

标准 网站致力的规范