《Dreamweaver CS6 完全自学教程》笔记 第六章：使用表格进行网页布局

---

第六章：使用表格进行网页布局

---

6.1 创建表格

点击 插入 -> 表格 或快捷键 Ctrl + Alt + T 打开 “表格” 对话框，设置完成后点确定即可。

参数介绍

• 单元格边距：单元格边框与里面内容之间的距离，多数浏览器默认为 1 像素。
• 标题：有 “无”、“左”、“右”、“两者” 4 种。
• 标题（辅助功能）：显示在表格外的表格标题。
• 摘要：表格的说明，可供浏览器读取，但不予显示。

---

6.2 应用表格

6.2.1 输入表格内容

将光标放在要输入的单元格，打字直接输入文本，或点击 插入 -> 图像 输入图像。在输入图像时，若图像大于单元格，则表格的大小会增大到与图像相同。

6.2.2 选定表格元素

1. 选定整行或整列： 将鼠标移到左侧或上侧，当鼠标变成箭头时点击即可。
2. 选择不连续的多行或多列： 按住 Ctrl 选取整行或整列。
3. 选择连续单元格： 按住左键并拖动，或选取一个单元格，然后按住 Shift 选取另一个。
4. 选择不连续的单元格： 按住 Ctrl 点击单元格。
5. 全选： 点击一个单元格，按两次 Ctrl + A，或点击一个单元格，点击窗口左下角 <table> 标签。

6.2.3 设置表格与单元格属性

选定一个表格或单元格后，在属性面板可以进行设置。

参数介绍（表格）

• 表格：设置表格名称。
• 填充：设置单元格内容与边框的距离。
• 边框：设置边框宽度。

参数介绍（单元格）

• 格式：设置表格中文本的格式。
• ID：设置单元格的名称。
• 类：选择设置的 CSS 样式。
• 标题：设置单元格的表头。

实战：制作细线表格

6.2.4 添加和删除行或列

方法有三种：

1. 将光标放在单元格内，点击 修改 -> 表格 -> 插入行或插入列。
2. 将光标放在单元格内，右键，选择 表格 -> 插入行或插入列。
3. 快捷键：插入行：Ctrl + M ，插入列：Ctrl + Shift + A

插入多行或多列：

点击 修改 -> 表格 -> 插入行或列或者右键，选择 表格 -> 插入行或列。

删除行或列：

选择整行或整列，按 Delete 键。

6.2.5 单元格的合并及拆分

单元格合并：

选定要合并的单元格，点击 修改 -> 表格 -> 合并单元格；或者右键选择 表格 -> 合并单元格。

单元格拆分：

将光标放置在要拆分的单元格中，点击 修改 -> 表格 -> 拆分单元格；或者右键选择 表格 -> 拆分单元格。

实战：利用表格制作网页

6.2.6 表格排序

在 Dreamweaver 中可以对表格的内容以字母和数字进行排序。
选定需要排序的表格，点击 命令 -> 排序表格，打开 “排序表格” 对话框。注意选择 “按字母排序” 时包括数字在内所有文本按字典序排序。

6.2.7 嵌套表格

单元格里是可以嵌套表格的。但是嵌套级数太多会降低网页的下载速度。

---

6.3 导入和导出表格数据

6.3.1 导入表格数据

1. 点击 文件 -> 导入 -> 表格式数据，浏览选择要导入的文件。
2. 在 “定界符” 中选择导入的文件所使用的分隔符。
3. 在 “表格宽度” 中选择 “匹配内容" 或 ”设置为“ ，若是选择 ”匹配内容“ 则创建的表格列宽可以容纳最长的句子；若选择 ”设置为“ 则会指定表格宽度。
4. 在 “单元格边距” 内可以输入单元格内容与边框的距离。

6.3.2 导出表格数据

1. 将光标放在要导出数据的表格中，点击 文件 -> 导出 -> 表格，打开 “导出表格” 对话框。
2. 在 “定界符” 中选择分隔符。
3. 在 “换行符” 中选择要导出文件的操作系统，因为不同操作系统有不同的换行符。

---

第六章总结

与上一章类似，内容比较少，但是讲解很精细，而本书以后的内容也基本是以这种方式对不同的功能进行详细介绍。从这章开始，博主打算减少实战内容，因为讲解内容较简单，在看书读博客的过程中使用 Dreamweaver 自己进行尝试就可以很快掌握，不过在后面内容如果有综合运用的实战还是会放到博客上来的。

---

返回