实战Dreamweaver8网页制作教程 教学课件 作者 刘天真 第3章　表格和布局表格.ppt

《实战Dreamweaver8网页制作教程 教学课件 作者 刘天真 第3章　表格和布局表格.ppt》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、学习目标能够插入表格，会使用属性面板和菜单对表格进行设定和编辑能够运用表格及表格的嵌套和叠加进行网页布局能够运用布局表格进行不规则网页布局3.1　表格的建立和编辑3.2　表格在页面布局中的应用3.3　布局表格的设置与应用本章内容3.1　表格的建立和编辑3.1.1案例制作：2006世界杯E组对阵表通过本案例的操作，你将学会：如何建立表格和插入表格内容、如何选中表格、行、单元格和设定单元格的高、宽、对齐方式、如何设置表格和单元格的背景颜色、如何制作细线表格。3.1　表格的建立和编辑3.1.2新知解析1.创建表格创建表格可以通过“插入”面板或菜单两种方法实现。步骤

2、如下：将光标移到要插入表格的位置。打开“插入”面板，切换到“常用”选项下，单击表格按钮，或单击菜单“插入”→“表格”命令，弹出“表格”对话框，如右图所示，可根据需要进行相应的参数设置。单击“确定”按钮。需要注意的是下面的设置项目：“表格宽度”的单位可以是百分比或像素。如果是百分比，则可分为两种情况：如果不是嵌套表格，那么百分比是相对于浏览器窗口而言；如果是嵌套表格，则百分比相对的是嵌套表格所在的单元格宽度。“边框粗细”设定表格边框的宽度，单位为像素。“单元格边距”为表格内容和边框之间的空白区域，单位为像素。“单元格间距”为单元格之间的距离，单位为

3、像素。3.1　表格的建立和编辑2.选取表格元素（1）选取整个表格将鼠标指针移动到表格的边框线上单击鼠标左键选择整个表格。或光标放在表格中时，点击菜单“修改”→“表格”→“选择表格”命令。也可以将光标放在单元格中，在文档窗口的左下角的标签选择器中选择“Table”标签，选取整个表格。（2）选取单元格将鼠标指针移动到某个单元格上，按住Ctrl键不放，再单击，就可以选中这个单元格。按住Ctrl键，再逐个单击要选取的单元格，就可以选中不连续的多个单元格。光标移到某个单元格中，按住Shift键鼠标点击另外一个单元格，则这两个单元格之间的所有单元格将被选中，形成一个连续

4、矩形区域。也可以通过鼠标拖拽的方法可以选取连续的一片单元格。（3）选取行或列从一个单元格开始，拖动鼠标选中整行和整列的单元格，单元格所在的行或列即被选中。或将鼠标停留在一行的左边框或一列的上边框，当选择行或列的图标出现时，单击鼠标即可选择行或列。3.1　表格的建立和编辑3.1　表格的建立和编辑3.设定表格和单元格属性（1）表格属性当选中整个表格时，属性面板会自动变成表格的设置面板。可以通过这个面板修改表格的行数、列数、大小等属性。表格的属性面板如下图所示。其中行、列、宽、高、填充（即单元格边距）、间距、边框在创建表格时已经介绍过。3.1　表格的建立和编辑

5、（2）行列和单元格属性的设定这里将行、列和单元格的属性放在一起，主要是因为它们的属性面板的设置项目完全一样，差别只是应用属性的范围不同而已。选择行、列或单元格后属性面板如下图所示。面板分上下两部分，上面是选中区域内文字属性设定项目，下面是选中的行、列或单元格属性的设定。3.1　表格的建立和编辑4.编辑表格和单元格（1）调整表格大小选中表格后，利用属性面板设定表格的宽和高来改变大小。或选中表格后，表格上会出现3个控制点。将鼠标置于控制点上，当出现调整图标时，按下鼠标左键拖拽边框到想要的位置。（2）更改列宽和行高选定相应的行或列，通过属性面板设定行高或列宽

6、值，从而改变行高列宽。也可以用鼠标拖动列、行的边框来更改列宽或行高。（3）添加行和列将光标置于表格中的适当位置，单击菜单“修改”→“表格”→“插入行”命令，则在当前行的上方插入一行。或单击菜单“修改”→“表格”→“插入列”命令，则在当前列的左侧插入一列。3.1　表格的建立和编辑（4）删除行和列将光标置于要删除的行或列中的任意一个单元格，单击菜单“修改”→“表格”→“删除行”或“删除列”命令，则删除当前行或列。或者右键单击，在弹出的菜单中选择“表格”→“删除行”或“删除列”命令，则删除当前行或列。（5）拆分与合并单元格拆分只能在一个单元格中进行，合并单元格应

7、在多于一个单元格中进行。合并单元格的步骤：选中要合并的几个单元格，单击属性面板的合并按钮进行合并，或单击菜单“修改”→“表格”→“合并单元格”命令进行相应操作。拆分单元格的步骤：选中要拆分的单元格，单击属性面板的拆分按钮，或单击菜单“修改”→“表格”→“合并单元格”命令，会弹出“拆分单元格”对话框，如图所示。设定拆分方式和数值，单击“确定”按钮。3.1　表格的建立和编辑（6）表格的复制与粘贴表格的复制方法：选择要复制的若干单元格，单元格必须是连续的，形状必须为矩形，点击菜单“编辑”→“复制”或者右击，在弹出的菜单中选择“复制”。表格的粘贴方法选择粘贴单

8、元格的位置，点击菜单“编辑”→“粘贴”或者右击，在弹