Dreamweaver8第5章 表格和层.ppt

第5章 表格和层 5.1 表格 5.2 层 5.1 表格 5.1.1 创建表格 5.1.2 嵌套表格 5.1.3 选定表格与单元格 5.1.4 表格与单元格的属性 5.1.5 调整行数与列数 5.1.6 调整表格的宽度和高度 5.1.7 调整行与列的大小 5.1.8 合并与拆分单元格 5.1.9 导入表格数据 5.1.10 套用表格样式 5.1.1 创建表格 表格是网页制作中一个很重要的功能。它能够准确地安排各种网页元素的布局。 5.1.2 嵌套表格 表格中可以嵌套表格。 5.1.3 选定表格与单元格 选择整个表格：将鼠标移到表格边框，此时整个表格被红色边框包围 选择行：将鼠标移动到相应行的左边，单击选定当前行 。 选择列：将鼠标移动到相应列的顶部，单击选定当前列。 选择多个单元格：单击一个单元格，然后拖至另一个单元格。 选择不连续的单元格：按住Ctrl键，同时依次单击要选择的单元格 5.1.4 表格与单元格的属性 表格属性面板。可以修改表格的结构、背景颜色等。 5.1.4 表格与单元格的属性 如果选择的是表格中的一个或多个单元格，属性面板对应的是单元格的属性 。 5.1.5 调整行数与列数 调整表格行数与列数的属性面板。 5.1.6 调整表格的宽度和高度 拖动控制点调整表格的大小。 5.1.6 调整表格的宽度和高度 在表格属性栏的【宽】和【高】文本框直接输入需要的表格大小值 。 5.1.7 调整行与列的大小 拖动边框，调整列的宽度或行高度 。 5.1.8 合并与拆分单元格 对于特殊结构的表格可以通过合并或者拆分单元格来实现。 5.1.9 导入表格数据 使用【文件】/【导入】/【表格式数据】命令，可导入表格式数据。 5.1.10 套用表格样式 Dreamweaver提供了一系列常用的表格样式，可以将这样式套用在表格上，增强表格的显示效果。 5.2 层 5.2.1 创建新层 5.2.2 嵌套层 5.2.3 层的属性 5.2.4 移动层 5.2.5 对齐层 5.2.6 调整层的大小 5.2.7 调整层的可见性 5.2.8 层转换为表格 5.2.1 创建新层 使用【插入】【层】命令 可创建新层。 5.2.2 嵌套层 层内可以嵌套层。使用【层】面板嵌入层。 5.2.3 层的属性 利用属性面板可以调整新建层的属性。 5.2.4 移动层 使用鼠标拖动层到合适的位置。 5.2.5 对齐层 使用层的对齐命令可以对齐多个层。 5.2.6 调整层的大小 层大小的调整与表格大小的调整类似，主要有以下几种方法： （1）单击层边框选定层，然后拖动边框上的控制块将层调整至合适的大小。 （2）选定层后按下Ctrl键+箭头键，每次调整一个像素，按下Ctrl+Shift+箭头键一次可以调整10个像素。 （3）选定一个或多个层，然后在属性面板的【宽】和【高】文本框内输入数值， 5.2.7 调整层的可见性 可以在层面板中设置层为隐藏或显示。 5.2.8 层转换为表格 使用【修改】/【转换】/【层到表格】命令，打开“转换层为表格”对话框，可以进行层转换为表格的操作。 小结 本章介绍了表格和层的基本用法。如前面章节介绍，表格和层都是对网页元素布局有效的工具，是两种容器类网页元素。 利用表格能够快速精确地划分不同的布局，只要往设定好布局的单元格内添加内容即可，有很好的定位功能；表格中的每个单元格都是一个容器，可以嵌入其他网页元素，并可单独设定背景颜色、边框、文字对齐等属性。 层能够灵活地放置在页面内的任何一个位置，灵活方便，与表格配合使用能达到很好的版面布局效果。 * *