www.baike369.com
百科369 > dw教程 > Dreamweaver CS5标尺与辅助线的设置

Dreamweaver CS5标尺与辅助线的设置


Dreamweaver CS5设置标尺

标尺显示在“拆分”视图或者“设计”视图中,标尺可以帮助我们测量和规化网页布局。

1. 显示和隐藏标尺

点击“查看”菜单,选择“标尺”命令,在弹出的子菜单中选择“显示”项,就可以显示标尺了。如果想隐藏标尺时,重新选择一次即可。显示标尺的网页如下:

显示标尺

标尺显示在网页的左边框和上边框中。

2. 更改标尺原点

默认标尺的原点位于页面的左上角。如果想修改标尺的原点,如下图所示:

修改标尺的原点

如上图所示,将光标移动到左上角,按下鼠标左键,将光标拖动到页面的任意位置上,就修改了标尺的原点。

如果想让标尺的原点恢复到默认的位置上,请点击“查看”菜单,选择“标尺”命令,在弹出的子菜单上选择“重设原点”项,即可恢复标尺的原点。

3. 设置标尺的度量单位

如果想修改标尺的度量单位,请点击“查看”菜单,选择“标尺”命令,在弹出的子菜单上选择“像素”、“英寸”和“厘米”中的任一项。

在网页设计中一般使用“像素”作为标尺的度量单位。


Dreamweaver CS5创建辅助线

辅助线是从标尺拖到文档中的线条。辅助线可以准确地放置和对齐对象,还可以使用辅助线来测量页面元素的大小。

1. 创建水平辅助线或者垂直辅助线

  • 将光标放到标尺的上边框上,按下鼠标左键,拖动到文档中可以创建水平辅助线。
  • 将光标放到标尺的左边框上,按下鼠标左键,拖动到文档中可以创建垂直辅助线。

提示:如果想以百分比形式记录辅助线,请按住Shift键,然后再创建或移动辅助线。


Copyright© 2011-2016 www.baike369.com All Rights Reserved