当前位置:软件学习 > Dreamweaver >>

使用蓝图与样板<1>

 一、 使用尺规与格线  
  

Dreamweaver提供的尺规与格线,可将网页的空间以精准的座标位置与经纬线表现出来,用来帮助网页内容的版面编排。

  一般而言,我们多是以设定文字或物件在段落中的对齐方式,或是设定垂直/水平间距,来控制其在网页中的位置,不过这有一个缺点,就是无法直接精准的定位文字与物件在网页中的座标位置。

  若想要精准定位网页中的元件,就必须要使用Layer。Layer很像是Word中的图文框,我们可以将文字、物件等网页内容放置在Layer中,而Layer则可以任意摆放在网页的任何位置,也就是可以精准的定位Layer的座标位置,如此网页的版面编排就更具弹性,也更接近平面排版的味道。(有关于Layer的介绍,可参考我们陆续推出的说明。)

使用尺规


  勾选[View/Rulers/Show]命令,即可显示了Ruler(尺规)。相对地,取消勾选即隐藏尺规。

  尺规的单位有像素、英寸、公分三种选择,在[View/Rulers]的次功能中勾选所要的单位即可(或是在尺规上按右钮勾选)。在网页环境中建议使用Pixels(像素)为单位。

  另外,为了配合使用者不同的习惯,尺规的原点是可以改变的:

当尺规原点改变时,并不会影响Layer的定位,即Layer在Properties面板中的Left与Top栏位中的数值不会改变,一律以网页左上角为原点来定位。

使用格线

  勾选[View/Grid/Show]命令,即可显示格线,若取消勾选即是隐藏格线。

1)网页内容贴紧网页边缘

  当格线显示出来时,很明显可以看出网页内的左边界与上边界并没有紧靠网页边缘,若希望网页内容贴在网页边缘,只要在网页属性中设定左边界与上边界为0即可(在Page Properties交谈窗中设定,请参阅第5章说明):

使用吸附功能

  另外还有一项Snap To吸附功能,可以让Layer以固定距离来移动。吸附功能可以配合格线来使用,如此对齐Layer就快速又容易了。勾选[View/Grid/Snap To]命令即可启动吸附功能。

  吸附功能是以格线左上角为原点,让Layer以固定的距离移动。所以启动吸附功能之后,移动Layer时,一次会移动5 Pixels(预设的移动距离是5 Pixles)。由于预设的移动距离是5 Pixles,而格线的预设间距则刚好是50 Pixels,因此Layer刚好可以吸附在格线上。如此一来只要将Layer拉曳贴齐格线,Layer间就很容易彼此封齐了。

设定格线与吸附功能


  格线的间格与色彩,以及吸附功能移动的距离等等,可以执行[View/Grid/Setting]命令,在Grid Setting交谈窗中设定。

CopyRight © 2012 站长网 编程知识问答 www.zzzyk.com All Rights Reserved
部份技术文章来自网络,