dreamweaver第6章.ppt

Dreamweaver 网页设计 第6章 表格的应用 【学习概述】 表格是控制网页页面布局最有力的工具。使用表格可以对列表数据进行布局，布局网页文本、图像、媒体等。Dreamweaver提供了3种方式来查看和操作表格：标准视图、扩展视图、布局视图。本章重点是：表格的基本操作和布局视图下表格的操作。 6.1 【课堂讲解】表格基础 6.1.1 表格和单元格 1.　表格 表格是用于在网页上显示表格式数据以及对文本和图形进行布局的强有力的工具。表格由一行或多行组成；每行又由一个或多个单元格组成。 表格由三个基本部件组成：行、列、单元格。具有宽度、高度、间距、边框等属性。 2.　单元格 表格由一个或多个单元格构成，单元格是指表格内的每个小格子。 6.1.2 表格结构 如图6-1所示的表格。 其各参数值如下： ? 行：2。列：3。 单元格数目：6。 宽度：400。高度：200。 ? 间距：10。边框：6。 6.2.1 插入表格 插入表格步骤如下： （1）执行【插入】-【表格】命令或在“插入”栏的的“常用”类别中，单击“表格”按钮，如图6-3所示。显示“表格”对话框，如图6-4所示。 （2）设置“表格”对话框选项如下： ? 行数：表格的行数目，本例为“1”。 ? 列数：表格的列数目，本例为“2”。 ? 表格宽度：以像素为单位或按以窗口宽度的百分比来指定表格的宽度，本例为“700”象素。 ? 边框粗细：表格边框的宽度。 ? 单元格边距：单元格边框和单元格内容之间的像素数。 ? 单元格间距：相邻的表格单元格之间的像素数。 ? “页眉”选项组中一共4个标题选项：无、左侧、顶部、两者。 无：对表格不启用列或行标题。 左侧：将表格的第一列作为标题列，以便为表格中的每一行输入一个标题。 顶部：将表格的第一行作为标题行，以便为表格中的每一列输入一个标题。 两者：在表格中输入列标题和行标题。 ? 标题：显示在表格外的表格标题。 设置完毕后，单击“确定”按钮，完成创建表格操作。效果如图6-6所示： 要导入以上格式的文本文件操作步骤如下： （1）执行【文件】-【导入表格式数据】命令或执行【插入】-【表格对象】-【导入表格式数据】命令，显示“导入表格式数据”对话框，如图6-7所示。 （2）设置“导入表格式数据”对话框选项如下： 数据文件：要导入的文件的名称。单击“浏览”按钮选择一个文件，本例为“zw.txt”。 定界符：导入的文件中所使用的分隔符，本例选择“逗号”。 表格宽度：将创建的表格的宽度。 若选择“匹配内容”项：使每个列足够宽以适应该列中最长的文本字符串。 若选择“设置为”项：可以以像素为单位指定固定的表格宽度，或按占浏览器窗口宽度的百分比指定表格宽度。 单元格边距：单元格内容和单元格边框之间的像素数。 单元格间距：确定相邻的表格单元格之间的像素数。 格式化首行：确定应用于表格首行的格式设置。有四个格式设置选项：无格式、粗体、斜体或加粗斜体，本例选择“加粗斜体”。 边框：表格边框的宽度。 设置各选项后如图6-8所示。 6.2.3 创建嵌套表格 嵌套表格是指在另一个表格的单元格中又有表格。可以像对任何其他表格一样对嵌套表格进行格式设置。嵌套表格宽度受它所在单元格的宽度的限制。实际上，上例中“导入表格式数据”就是把数据嵌套到一个表格的单元格中。 创建嵌套表格步骤如下： （1）单击现有表格中的一个单元格，定位光标，本例为表格的第一个单元格。 （2）执行【插入】-【表格】命令或在“插入”工具栏的“常用”类别中，单击“表格”按钮，显示“表格”对话框，设置各个选项如图6-10所示。 （3）单击“确定”按钮，文档中效果如图6-11所示。 6.2.4 选择表格元素 在对表格元素进行操作之前，必须学会如何选择表格元素，表格元素可以是整个表格，嵌套的内部表格，行、列、连续或不连续的单元格。 1.　选择表格 ?在表格内任意单元格内定位光标，执行【修改】-【表格】-【选择表格】命令。 ? 在表格内任意单元格内定位光标，单击右键，执行【表格】-【选择表格】命令。 ? 单击某个表格中的单元格，然后在“文档”窗口左下角的标签选择器中选择 table 标签，如图6-12所示。 ? 移动鼠标时，当可以选择表格时，鼠标指针会变成表格网格图标 ，单击选择该表格，如图6-13所示。 按住鼠标左键拖拉，当经过表格时，此表格即被选中。 2.　选择行和列 移动鼠标到行的左边，当指针形状变为 时，单击选择整行，如图6-14所示；将指针定位于列上边，当指针形状变为 时，单击选择整列，如图6-16所示。按快捷键【Ctrl】选择行或列时，可以选择相邻和不相邻的多行或多列，如图6-16所示。 表格的编辑 1、添加或删除行和列 2、拆分单元格 3、合并单元格 4、剪切、复制、粘贴单元