您现在的位置： 网页制作教程网 >> 网页制作 >> Dreamweaver教程 >> Dreamweaver技巧 >> 文章正文

　　二、 页面布局阶段的技巧

　　Dreamweaver不仅仅是一个良好的页面制作工具，同时他还可以进行精确的页面排版和布局，这一部分我们介绍几个页面布局方面的技巧。

　　1、打开辅助表格。搞过设计的朋友都特别希望能精确的定位网页元素，他们喜欢每个元素都能按自己的愿望精确的定位。Dreamweaver自带的Grid功能可以有助于这种希望的实现。执行命令View—Edit Grid打开坐标辅助，可以选择网格状或者是点状显示，同时打开Snap to Grid，以后插入或添加新的元素时，都会按你的设定精确定位。

　　2、利用表格排版页面技巧。合理利用Dreamweaver中的表格功能，可以方便的达到美化页面的目的，下面我介绍几个技巧。

　　1)创建1px边框。有些朋友抱怨Dreamweaver无法做出单像素的表格边框，其实仔细利用表格的属性面板即可做出这种单像素表格。首先使用Object面板插入一个表格，定义表格宽、高及行数和列数。此时Dreamweaver中插入表格的默认CellPad和CellSpace、 Border都为0。在属性面板中定义表格的Border为0，CellPad为5(这项可使单元格中的内容与单元格边缘之间保持5个像素); CellSpace为1(此项使得单元格之间保持1个项素的间距)。设置表格的背景色为深色(如#999999)，设置单元格的背景色为浅色(如 #FFFFFF)。在浏览其中观察效果即可。

　　2)导入数据表格。有时我们需要将一些在Execel文件中创建的表格导入Dreamweaver中，我们可以下将原来的Execel文件另存为带制表符分隔的.txt文本文件。在Dreamweaver中执行Insert—Tabular Date打开如下窗口：

　　添好各个参数后即可将其中的数据导入Dreamweaver的一个表格中。

3)格式化表格。如果你对重复的设定各个单元格的参数感到厌烦的话，使用Format Table命令可以帮你快速格式化表格，此命令在Command菜单下，此命令内带多种表格配色方案，你可以选择一种，Dreamweaver会自动将色彩方案应用到你选定的表格上。如图：

上一页  [1] [2] [3] [4] [5] [6] 下一页