使用跟踪图像、标尺或网格等辅助设计工具定位网页元素,可以提高用户的工作效率。
一、跟踪图像
跟踪图像是由图像处理工具制作的一种版面规划图。载入跟踪图像后,就可以按照预先规划好的版面设置网页,用以避免制作网页时的盲目性。设置跟踪图像的操作步骤如下:
(1)选择修改→页面属性命令,弹出页面属性对话框,在分类列表中选择跟踪图像选项。
(2)单击跟踪图像右侧的浏览按钮,弹出选择图像源文件对话框,从中选择预先制作好的规划图。
(3)单击确定按钮,返回页面属性到对话框,则所选择图像文件出现在跟踪图像文本框中。
(4)拖动透明度区域中的滑块位置设置合适的透明度,防止跟踪图像影响网页元素的排版,
一般将该值设为25%。
(5)单击确定按钮,则跟踪图像将显示在工作区中。
二、标尺
标尺位于工作区的左侧和顶端,其原点位于左上角,在默认状态下,标尺处于显示状态,若要将其隐藏,选择查看→标尺→显示命令即可。
标尺的单位可以是像素、英寸和厘米,一般情况下选择像素作为标尺的单位。在查看→标尺命令下的子菜单中可以选择标尺的单位。
标尺的原点是可以改变的,当将鼠标指针置于原点处按住鼠标左键时,鼠标指针将变为“十”形状,拖动鼠标至合适位置,则新位置变为标尺原点。双击水平标尺与垂直标尺的交汇处,则原点恢复为默认状态。
三、网格
选择查看→网格→显示网格命令,可以在工作区中显示网格。
选择查看→网格→靠齐到网格命令,可以将网页元素捕捉到网格线。所谓捕捉是指设置鼠标指针按指定距离精确移动。例如,捕捉距离为5个像素,则打开捕捉后,鼠标指针移动的步长即为5个像素。
选择查看→网格→网格设置命令,弹出网格设置对话框,用户可以在其中设置网格的颜色、间隔和显示等选项。网格线是非打印线条,不作为网页的内容输出。