Artile_Title
第四篇、页面设计篇
蓝色经典 梦觉
前面已经介绍了用表格实现排版布局的基本方法，但对于很多直接的页面设计人员来说，在表格中将他们的设计转化为实际页面是一件非常枯燥、充满制约的工作，因为他们需要重新面对空白页面将他们的设计稿转换为实际页面，一些设计师也抱怨表格禁锢了他们的想象力，也听到一些制作人员抱怨表格缺乏灵活性，缺乏准确性。其实Dreamweaver4中已经有了好几个专为设计师准备的工具，而这些工具也许并未被大多数人利用起来，利用好它们可以方便的满足设计师的工作习惯，本篇就给大家介绍这几个专为设计师的习惯而准备的工具，希望不要浪费了这些虽然隐蔽但却非常有效的工具和工作方法。
一、设定精确的工作环境。
对于设计师来说，精确的元素定位是首要的条件，在Dreamweaver中有多个有助于精确定位的功能，利用这些工具我们可以在灵活性与精确性之间运用自如。
1、 网格（Grid）：网格对设计师来说不会陌生，各种图像处理和制作软件都有此项功能，这是页面元素精确定位的基础，通过设定一定数值的网格，可以使页面元素有规则的排列。选择「查看＞网格＞编辑网格」，可以设定自己需要的网格大小,也可以改变网格显示为点状显示，还可以设定将层吸附到网格。
2、 标尺（Rule）：标尺是设计师良好的参考工具。它在页面的上方和左方显示，单位可以是象素，英寸或厘米。通常我们用它作为页面元素定位的参考坐标，默认的原点在页面的左上角，我们可以拖动网格原点到页面的任何位置，如图：
若要将原点还原到原来的位置，选择「查看＞标尺＞重设原点」即可。
3、 页面边空：默认状态下，页面内容和页面边框之间空着10个象素左右的距离，我们需要在页面属性中设定这个间距为0。点击右键选择页面属性，将其中的left和top值修改为0。
二、描摹图像。设定好以上的工作环境后，就可以开始我们的工作了。通常设计师都是在图像处理软件里做好他们的设计稿，在Dreamweaver中设计师不需从一张白纸继续他们的工作。利用Dreamweaver中的描摹图像功能，我们可以在设计稿的基础上开始页面制作，这个图片只是一个制作过程中的参考，并不会在最终的页面中出现。
1、 使用描摹图像。选择View>Tracing Image>Load载入描摹图像，选择你希望载入作为描摹图像的设计稿，程序会自动打开页面属性面版，在这里你可以设定这个描摹图像的透明度。
2、 控制描摹图像显示。选择View>Tracing Image>Show可以在显示和隐藏描摹图之间切换。
3、 改变描摹图像的位置。有时我们需要对描摹图像位置进行细微的调整，可以通过View>Tracing Image>Adjust
Position命令设置描摹图像与原点的偏移值。
描摹图像的功能不仅仅是对整个页面使用描摹图，我们也可以对单独的一个页面局部使用，例如对一个表格使用一张单独的描摹图，首先我们将一个小的描摹图载入当前页面，然后选定需要使用描摹图的一个局部，例如一个表格，然后执行View>Tracing
Image>Align With Selection即可将描摹图像的原点对齐到表格的左上角。
将描摹图定好位置后，我们就可以照着描摹图来安排我们的页面元素。