项目7 应用表格ppt课件

1、工程七 表格运用知识与才干目的 掌握在网页中插入表格掌握表格中参数的设置掌握表格的根本操作方法掌握规划页面表格的方法掌握绘制嵌套表格的方法掌握在表格中插入文字和图片并定位的方法教学难点 规划页面表格的方法;在表格中插入文字和图片并定位的方法;教学重点 表格中参数的设置;表格的根本操作方法;规划页面表格的方法;在表格中插入文字和图片并定位的方法 ;工程七 表格运用认识表格 表格的组成元素表格的组成元素主要包括行、列、单元格。 单元格：表格中的每一个小格称为一个单元格。 行：程度方向的一排单元格称为一行。 列：垂直方向的一排单元格称为一列。 边框：整张表格的外边缘称为边框。 间距：指单元格与单元格

2、之间的间隔。 如图7-1所示 图7-1 操作步骤如下：将光标定位在要插入表格的位置。单击菜单栏中的“插入-“表格 命令。翻开表格对话框，并进展相应的设置。如图7-2所示单击“确定按钮即可插入表格，如图7-3所示。 表格插入 在网页中插入表格图7-3图7-2表格中参数的设置 图7-4如何设置表格参数 操作步骤如下： 选中表格翻开表格属性对话框如图7-4所示在对话框中设置相应的属性值即可，如图7-5所示 图7-5 选择整个表格步骤： 单击表格的边线。 选择行或列步骤： 将指针指向待选择行（列）的最左（上）端，当出现黑色的向右（下）箭头时，单击鼠标即可选中该行（列）。 将鼠标定位在某行（列）的起始单

3、元格，拖动鼠标，则选择连续的多行或多列。 按下Ctrl的同时用单击鼠标选择所需的行（列），则可选择不连续的多行或多列。 选择单元格 步骤： 将光标定位在要选定的单元格内单击。表格的根本操作选择表格 操作步骤如下： 选择多个单元格。 选择【修改】-【表格】【合并单元格】命令。 如图7-6所示表格的根本操作合并单元格图7-6操作步骤如下： 选择要拆分的单元格。 选择【修改】-【表格】【拆分单元格】命令，打开拆分单元格对话框，如图7-7所示。 在对话框中选择拆分的类别和数量，如图7-8所示。 表格的根本操作拆分单元格图7-7图7-8表格的根本操作 插入单行（单列列） 步骤： 选中要插入行（列）的位置

4、，在待插入行（列）的下一行（右边列）单击定位。 选择【修改】-【表格】【插入行】（【插入列】）命令，即可在当前行（列）的上一行（前一列）（插入一行）。如图7-9所示添加行列图7-9表格的根本操作插入多行（多列列） 步骤： 在需要插入的位置单击定位。 选择【修改】-【表格】【插入行和列】命令，弹出插入行或列对话框，如图7-10所示。 在该对话框中选择要插入的类型【行】或【列】，并输入要插入的行或列数。 选择要插入的位置。 单击【确定】按钮，即可插入多行或列。添加行列图7-10操作步骤如下：将光标定位在要删除的目标位置。选择【修改】-【表格】【删除行】（【删除列】）命令，即可删除行或列。选中整个表

5、格，按【Delete】键，即可删除整个表格。如图7-11所示删除行、列、表格 表格的根本操作图7-11 在规划视图方式下，用户可以经过绘制规划表格和规划单元格，从而实现网页的规划，并可在规划单元格中插入文本和图像。 操作步骤如下： 打开“布局视图”面板 绘制布局表格 在布局表格中绘制布局单元格 根据实际需要对布局单元格进行相应的操作（具体操作与表格的操作相似）。规划页面表格翻开“规划视图面板 步骤如下： 在Dreamweaver 8 工具栏中选择常用-布局。 点击布局进入“布局视图”面版。如图7-12所示。规划页面表格图7-12 绘制规划表格 操作步骤如下： 单击【插入】-【布局对象】【布局表

6、格】。 鼠标指针出现“十字”时，按下鼠标左键拖动鼠标即可绘制相应的布局表格。如图7-13所示。规划页面表格图7-13 绘制规划单元格 操作步骤如下： 将光标定位在布局表格中。 单击【插入】-【布局对象】【布局单元格】。 鼠标指针出现“十字”时，按下鼠标左键拖动鼠标即可在布局表格中绘制相应的布局单元格。如图7-14所示。规划页面表格图7-14 规划单元格的根本操作 步骤如下： 与表格的基本操作相似。规划页面表格 规划单元格的根本操作嵌套表格是指在一个表格的单元格中插入一个新的表格。 步骤： 将光标置于要插入嵌套表格的单元格中。 单击主窗口菜单【插入】【表格】即可。 嵌套表格的属性设置与普通表格完

7、全一致。 如图7-15所示。绘制嵌套表格图7-15在单元格中录入文本操作步骤如下： 将光标置于要输入文本的单元格中。 输入文本即可（或采用复制/粘贴”的方法将文本粘贴 到表格单元格中）。 如图7-16所示。在表格中插入文字和图片图7-16在单元格中插入图象设置背景图像 步骤： 选中单元格，然后在“属性”面板为其设置背景图像即可。 如图7-17所示。 在表格中插入文字和图片图7-17在单元格中插入图象插入图像 将光标置于要插入图像的单元格中。 在表格的单元格中插入所需的图像即可。如图7-18所示。在表格中插入文字和图片图7-18阐明：插入其他元素的方法与之类似。问题1：如何制造细线表格？问题2：如何制造圆角表格？ 讨论 表格是常用的网页元素，制造网页时经常要借助表格进