项目7 应用表格课件

1、2021/8/30 星期一12021/8/30 星期一2项目七 表格应用知识与能力目标 掌握在网页中插入表格掌握表格中参数的设置掌握表格的基本操作方法掌握布局页面表格的方法掌握绘制嵌套表格的方法掌握在表格中插入文字和图片并定位的方法2021/8/30 星期一3教学难点 布局页面表格的方法;在表格中插入文字和图片并定位的方法;教学重点 表格中参数的设置;表格的基本操作方法;布局页面表格的方法;在表格中插入文字和图片并定位的方法 ;项目七 表格应用2021/8/30 星期一4认识表格 表格的组成元素表格的组成元素主要包括行、列、单元格。 单元格：表格中的每一个小格称为一个单元格。 行：水平方向的一

2、排单元格称为一行。 列：垂直方向的一排单元格称为一列。 边框：整张表格的外边缘称为边框。 间距：指单元格与单元格之间的距离。 如图7-1所示 图7-12021/8/30 星期一5 操作步骤如下：将光标定位在要插入表格的位置。单击菜单栏中的“插入”-“表格” 命令。打开表格对话框，并进行相应的设置。如图7-2所示单击“确定”按钮即可插入表格，如图7-3所示。 表格插入 在网页中插入表格图7-3图7-22021/8/30 星期一6表格中参数的设置 图7-4如何设置表格参数 操作步骤如下： 选中表格打开表格属性对话框如图7-4所示在对话框中设置相应的属性值即可，如图7-5所示 图7-52021/8/

3、30 星期一7 选择整个表格步骤： 单击表格的边线。 选择行或列步骤： 将指针指向待选择行（列）的最左（上）端，当出现黑色的向右（下）箭头时，单击鼠标即可选中该行（列）。 将鼠标定位在某行（列）的起始单元格，拖动鼠标，则选择连续的多行或多列。 按下Ctrl的同时用单击鼠标选择所需的行（列），则可选择不连续的多行或多列。 选择单元格 步骤： 将光标定位在要选定的单元格内单击。表格的基本操作选择表格 2021/8/30 星期一8操作步骤如下： 选择多个单元格。 选择【修改】-【表格】【合并单元格】命令。 如图7-6所示表格的基本操作合并单元格图7-62021/8/30 星期一9操作步骤如下： 选择

4、要拆分的单元格。 选择【修改】-【表格】【拆分单元格】命令，打开拆分单元格对话框，如图7-7所示。 在对话框中选择拆分的类别和数量，如图7-8所示。 表格的基本操作拆分单元格图7-7图7-82021/8/30 星期一10表格的基本操作 插入单行（单列列） 步骤： 选中要插入行（列）的位置，在待插入行（列）的下一行（右边列）单击定位。 选择【修改】-【表格】【插入行】（【插入列】）命令，即可在当前行（列）的上一行（前一列）（插入一行）。如图7-9所示添加行（列）图7-92021/8/30 星期一11表格的基本操作插入多行（多列列） 步骤： 在需要插入的位置单击定位。 选择【修改】-【表格】【插入

5、行和列】命令，弹出插入行或列对话框，如图7-10所示。 在该对话框中选择要插入的类型【行】或【列】，并输入要插入的行或列数。 选择要插入的位置。 单击【确定】按钮，即可插入多行或列。添加行（列）图7-102021/8/30 星期一12操作步骤如下：将光标定位在要删除的目标位置。选择【修改】-【表格】【删除行】（【删除列】）命令，即可删除行或列。选中整个表格，按【Delete】键，即可删除整个表格。如图7-11所示删除行、列、表格 表格的基本操作图7-112021/8/30 星期一13 在布局视图模式下，用户可以通过绘制布局表格和布局单元格，从而实现网页的布局，并可在布局单元格中插入文本和图像。

6、 操作步骤如下： 打开“布局视图”面板 绘制布局表格 在布局表格中绘制布局单元格 根据实际需要对布局单元格进行相应的操作（具体操作与表格的操作相似）。布局页面表格2021/8/30 星期一14打开“布局视图”面板 步骤如下： 在Dreamweaver 8 工具栏中选择常用-布局。 点击布局进入“布局视图”面版。如图7-12所示。布局页面表格图7-122021/8/30 星期一15 绘制布局表格 操作步骤如下： 单击【插入】-【布局对象】【布局表格】。 鼠标指针出现“十字”时，按下鼠标左键拖动鼠标即可绘制相应的布局表格。如图7-13所示。布局页面表格图7-132021/8/30 星期一16 绘制

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

8、/30 星期一19在单元格中录入文本操作步骤如下： 将光标置于要输入文本的单元格中。 输入文本即可（或采用复制/粘贴”的方法将文本粘贴 到表格单元格中）。 如图7-16所示。在表格中插入文字和图片图7-162021/8/30 星期一20在单元格中插入图象设置背景图像 步骤： 选中单元格，然后在“属性”面板为其设置背景图像即可。 如图7-17所示。 在表格中插入文字和图片图7-172021/8/30 星期一21在单元格中插入图象插入图像 将光标置于要插入图像的单元格中。 在表格的单元格中插入所需的图像即可。如图7-18所示。在表格中插入文字和图片图7-18说明：插入其他元素的方法与之类似。2021/8/30 星期一22问题1：如何制作细线表格？问题2：如何制作圆角表格？ 讨论2021/8/30 星期一23 表格是常用的网