中文版-Dreamweaver-CS6网页设计教程-第6章.pptVIP

第6章 表格和框架 本章主要内容 表格的使用。 布局视图的使用。 框架的使用。 层的使用。 本章重点 表格的使用方法及属性设置。 布局视图的使用方法。 框架的使用方法。 层的使用方法。 6.1 表格的相关操作 在 Dreamweaver CS6中，不仅可以导入外部的数据文件，还可以将网页中的数据表格导出为纯文本的数据文件。最初，使用表格只是为了以更方便阅读的格式显示数据。而现在，表格的格式控制能力可以用来构造网页的框架，即先使用较大的表格对网页的版面进行大致的布局，再使用嵌套的表格对细节进行刻画。表格已经成为一种控制版面和制作模板的强有力的工具。 表格包含以下 3 个基本元素。 行。 列。 单元格。 6.1.1 插入表格 插入表格的基本步骤如下。 (1) 将插入点置于页面中要插入表格的位置。 (2) 在插入栏的“常用”选项卡中单击按钮。也可以选择“插入”|“表格”命令；或使用快捷键 Ctrl+Alt+T 快速插入表格。 (3) 在弹出的“表格”对话框中设置表格的参数值，如图6-1所示。单击“确定”按钮。 6.1.1 插入表格 通过在“表格”对话框中设置参数，可以使呈现在设计窗口中的表格达到设计要求。“表格”对话框各参数的含义如下。 1. 表格大小 2. 标题 3. 辅助功能 6.1.2 添加内容 在表格中可以插入文本、图像等各种元素，将插入点置于表格单元格中，插入这些对象即可。 也可以在表格中插入表格，创建嵌套表格。将插入点置于表格的单元格中，插入新的表格即可，如图6-3所示。 6.1.3 选择表格 1. 选择整个表格 2. 选择行或列 (1) 选择单行。 (2) 选择单列。 (3) 选择行/列。 3. 选择单元格 (1) 选择单个单元格 (2) 选择多个单元格 6.1.4 编辑表格 1. 调整表格大小 2. 设置表格属性 1) 设置表格属性 2) 设置单元格属性 3. 增加/删除行或列 1) 增加行或列 2) 删除行或列 3) 设置“属性”面板 4. 复制/粘贴单元格 5. 拆分/合并单元格 1) 拆分单元格 2) 合并单元格 6.1.5 数据排序 和其他数据处理软件一样，Dreamweaver CS6也可以将表格中的数据按照一定的规则排列，其操作方法如下。 (1) 单击表格中的任意单元格。 (2) 选择“命令”|“排序表格”菜单命令，打开“排序表格”对话框，如图6-21所示。 6.1.5 数据排序 (3) 在“排序表格”对话框中设置如下各项。 排序按：选择排序的列。 顺序：确定是按字母还是数字，按升序还是降序排列。 再按和顺序：确定第二种排序的列及其排列方式。 排序包含第一行：同时排列第一行。 排序标题行：使用与主体行相同的条件，对表格标题部分中的行进行排列。 排序脚注行：使用与主体行相同的条件，对表格脚注部分中的行进行排列。 完成排序后所有行颜色保持不变：确定排序后表格中行的颜色应该保持与排序前相同。 (4) 设置完成后，单击“确定”或“应用”按钮排列表格中的数据。 6.1.6 导入/导出数据 1. 导入外部数据 (1) 打开Excel数据表，如图6-22所示。 (2) 将Excel数据表另存为以制表符相隔的文本文件。图6-23所示为以制表符相隔的文本文件。 (3) 在Dreamweaver CS6中，选择“文件”|“导入表格式数据”命令，打开“导入表格式数据”对话框，如图6-24所示。 6.1.6 导入/导出数据 (4) 设置完成后，单击“确定”按钮，将外部数据导入，如图6-25所示。 6.1.6 导入/导出数据 2. 导出表格数据 (1) 将光标放在表格中的任意单元格中。 (2) 选择“文件”|“导出”|“表格”命令，打开“导出表格”对话框，如图6-26所示。 (3) 选择默认的定界符和换行符，单击“导出”按钮，打开“表格导出为”对话框，选择文件名和路径，将它保存即可。 6.1.7 制作表格样式 1. 细线框表格 2. 间隔表格 3. 粗线框表格 4. 其他表格效果 6.2 使用布局视图和网格辅助线 1. 使用布局视图 2. 使用网格辅助线 1) 显示网格 2) 对齐到网格 3) 网格设置 6.3 框架结构的使用 使用框架结构可以在一个窗口中显示多个页面。框架结构由两部分组成，即框架集和单个框架。框架集是定义框架结构的HTML页面，而单个框架是框架集中的单个区域，因此，框架集是单个框架的集合。 在某些情况下，使用框架技术能使导航更加明确，操作更为简捷。例如，在常见的电子邮件系统中就使用了框架结构，在左侧导航栏中单击链接，右侧主窗口中就会显示相应的内容。 6.3.1 创建框架集 1. 插入预定义框架集 Dreamweaver CS