布局表格及布局单元格技巧.pptVIP

在Dreamweaver MX中，不仅可以导入外部的数据文件，还可以将网页中的数据表格导出为纯文本的数据文件。最初，使用表格只是为了以更方便阅读的格式显示数据。而现在，表格的格式控制能力可以用来构造网页的框架。先使用较大的表格对网页的版面进行大致的排布，再使用嵌套的表格对细节时行刻画。表格已经不仅仅是一种简单对象，而是一种版面控制和制作模板的强有力的工具。 表格包含以下三个基本元素： ? 行 ? 列 ? 单元格;● 5.2.1 使用布局视图和网格辅助线;1．使用布局视图; ? 在【文档】窗口的顶部，单击标有“布局模式”的彩色边框条中的【退出】按钮。 ? 执行【查看】|【表格模式】|【标准模式】命令。 ? 单击【插入】栏上的【布局】选项卡中的【标准模式】按钮。; 执行【查看】|【网格】|【显示网格】命令，则页面编辑区域会出现网格辅助线。;（3）网格设置; 在“布局”模式中，不能使用在“标准”模式中可以使用的【插入表格】和【绘制层】工具。若要使用这些工具，必须先切换到“标准”模式。; 1、 在“布局模式”下新建布局表格。 2、 新建一个布局单元格： ? 在【插入】工具栏的【布局】选项卡中单击【绘制布局单元格】按钮 。 ? 单击【绘制布局单元格】按钮，鼠标光标变为 + 形状，在编辑区拖动鼠标绘制一个布局单元格。 3、绘制完成后，在默认状态下，布局单元格边框是蓝色，背景色是白色，布局单元格被选中时以红色显示。如果需要，也可以在用户参数设置中对上述有关颜色进行更改。; 如果要绘制多个布局单元格，只能在布局表格的剩余区域中创建布局单元格，不能绘制嵌套布局单元格。具体操作与新建布局单元格的基本步骤相同。; ? 移动鼠标至布局单元格右边缘，当鼠标光标变为 形状时，在编辑区内拖动鼠标更改布局单元格的宽度。 ? 移动鼠标至布局表格边缘，当鼠标光标变为 形状时，在编辑区内拖动鼠标更改布局表格的宽度或高度。;● 5.2.3 绘制嵌套布局表格; 由于嵌套表格内???单元格不受外层布局表格的行和列的影响，所以在网页布局时经常要用到嵌套表格。 在绘制嵌套布局表格时可以使用网格。通过显示网格，可以更好地对布局单元格和布局表格进行精确定位。;● 5.2.4 设置布局表格和布局单元格属性;2．布局表格高级格式;4．填充布局单元格; 所谓间隔图像就是在自由伸缩的表格中用来控制表格宽度的透明图像，这幅图片并不在浏览器中出现。可以在列头菜单中为单元格添加间隔图像。图像指定 Dreamweaver 当制作自动伸展表格时是否自动插入间隔图像。