网页设计与制作案例教程 教学配套课件 池同柱 第6章 利用表格排版页面.pdfVIP

第6章 利用表格排版页面 一、插入表格 表格是用于在 HTML 页上显示表格式数据以及对文本和图 形进行布局的强有力的工具。表格由一行或多行组成；每行又 由一个或多个单元格组成。 Dreamweaver CS3提供了两种查看和操作表格的方式：“标 准”模式（在该模式下，表格显示为行和列的网格）和“布 局”模式（允许您在将表格用作基础结构的同时在页面上绘制 方框、调整方框的大小以及移动方框）。 我们先来学习在标准 模式下的表格操作。 将光标停在需要插入表格的位置，单击【插入】面板【常 用】选项卡中的【表格】按钮，或者直接从菜单栏选择【插入 记录】→【表格】命令，弹出【表格】对话框。如图6-13所 示。其各个参数的功能如下：  对话框表格大小参数：用于设置表格的行数、列数、表格宽 度、边框粗细、单元格边距、单元格间距6个参数。  表格宽度：可以选择使用两种单位来指定表格宽度。像素即直 接指定表格宽度的像素数，而若以百分比为单位，则代表该表 格占整个页面的百分比，他可以随着页面的变化而变化。  边框粗细：设置一个以像素为单位的数字指定表格边框的粗 细。如果设置为0，则表示不显示表格边框。  单元格边距：指单元格内容与单元格边框之间的像素数。  单元格间距：相邻的表格单元格之间的像素数。  页眉：指表格是否包含行列标题。  无：对表格不启用列或行标题。  左：可以将表格的第一列作为标题列，以便可为表格中的每一 行输入一个标题。  顶部：可以将表格的第一行作为标题行，以便可为表格中的每 一列输入一个标题。  两者：在表格中列标题和行标题皆有。  辅助功能：指定该表格的标题等信息。  标题：提供一个显示在表格外的表格标题。  对齐标题：指定表格标题相对于表格的显示位置。包括默 认、顶部、底部、左、右五个选项。  摘要 ：给出该表格的说明。在页面编辑时可以读取摘要 内容，但是该不会显示在用户的浏览器中。 二、编辑表格 1.在表格单元中添加内容 （1）输入文字 在表格单元格中可以插入文字、图像和其他对象（如嵌 套表格）等。单击任意一个单元格，即可在该单元格中输入文 本。此时，单元格宽度会随着键入文本自动扩展。 （2 ）插入图像 单击需要插入图像的单元格，选择【插入】→【图像】 命令，或者在【插入】面板的【常用】栏的【插入图像】按 钮，再选择需要插入的图像即可。 （3 ）插入表格 在表格的单元格中可以插入一个表格，形成嵌套表格。 先单击需要插入嵌套表格的单元格，插入方法和直接插入表格 相同。 2.操作单元格 在Dreamweaver CS3中，可以对表格中的任意单元格进行 复制、剪切、粘贴、删除等操作，还可以根据需要来拆分及 合并单元格。单元格的复制粘贴等操作类似于Excel电子表格 的操作，在这里不再赘述。 （1）合并单元格 当需要合并表格中两个或者多个单元格时，首先选择连 续行中形状为矩形的单元格，所选部分是矩形的单元格时， 可以合并这些单元格。 所选区域是矩形选中需要合并的单元格后，请执行下列 操作之一： ①选择菜单栏【修改】→【表格】→【合并单元格】。 ②在展开的属性面板中，单击“合并单元格”。合并单元格按钮 注意：如果没有看到此按钮，则单击属性面板右下角的箭 头，以便可以看到所有选项。合并单元格后，单个单元格的 内容将会放置在最终的合并单元格中，所选的第一个单元格 的属性将应用于合并的单元格。 （2）拆分单元格 当需要对单个单元格进行拆分时，可以使用拆分单元格。倘 若选中多个单元格进行拆分单元格操作，操作仅对第一 个单元格有效。选中需要合并的单元格后，请执行下列 操作之一： ①选择菜单栏【修改】→【表格】→【拆分单元格】。 ②在展开的属性面板中，单击“拆分单元格” 。 然后在弹出的拆分单元格对话框中选择拆分的行数或者列 数 。 3.使用扩展表格模式 在Dreamweaver CS3中，可以使用扩展表