Dreamweaver网页制作课件 第7章 在网页中应用表格.pptVIP

表格在网页起着布局和显示表格数据的作用，目前大多数网站都采用表格来布局，因此要掌握好表格的使用方法。 插入表格 选择表格 合并及拆分单元格 设置表格属性 表格数据的导出和排序 任务一 表格的基本操作 在网页中使用表格是非常普遍的，它通常有两种用途，一是用于网页布局，通过调整控制表格的高度、宽度、比例等属性来定位页面元素，达到布局网页结构的目的， 表格还可以在网页中直接显示表格数据。使用表格，可以清晰地显示大量的数据，让网页变得更加美观。 阶段1 插入表格 （1）打开或新建一个文档，然后在Dreamweaver 8中选择“插入→表格”命令。 （2）在打开的“表格”对话框中，按照需要设置表格的参数，然后单击“确定”按钮。 （3）在Dreamweaver 8的文档编辑区域内，可以看到刚刚插入的表格。 阶段2 选择表格 在对单元格进行各种操作前，需要先选定单元格。其中选定一个单元格和多个单元格的方法有所区别，下面分别进行介绍。 1.选中一个单元格 选定一个单元格有两种方法，一种是直接在单元格内单击鼠标，将光标插入到要选择的单元格中。 另一种选定单元格的方法则是按住“Ctrl”键后，用鼠标单击要选择的单元格。 2.选中多个单元格 在网页设计的实际操作中，有时会需要同时选中多个单元格，以便于进行批量修改，这时可以按住“Ctrl”键，然后单击需要选择的单元格，即可同时选中多个单元格。 （1）将光标插入要选择的连续单元格的第一个单元格中。 （2）按住“Shift”键，然后单击要选择的连续单元格的最后一个单元格，即可将其中所有单元格都选定。 3.选中一行/列单元格 在需要选择一行或一列单元格时，除了前面所介绍的两种方法外，还可以通过下面的方法来同时选中一行或一列单元格。 （1）将鼠标移到表格中要选中的行最左边，指针变为黑色向右的箭头形态。 （2）单击鼠标左键，即可将这黑色箭头所对准的这一行单元格全部选定。 阶段3 合并及拆分单元格 在Dreamweaver 8中，还可以将表格中单元格进行合并与拆分，方便制作出各种各样的表格，更好地在网页设计中应用表格来表现网页内容。下面就来介绍合并与拆分单元格的方法。 1.合并单元格 合并单元格是指将多个连续的单元格合并成一个单元格，需要注意的是不连续的单元格不能进行合并。 （1）在文档表格中选中要合并的多个单元格。 （2）打开“属性”面板，在面板中单击“合并单元格”按钮 。 （3）可以看到，在文档中被选中的单元格，已经合并为一个单元格了。 2.拆分单元格 拆分单元格与合并单元格的操作刚好相反，是将选取的一个单元格拆分为多个单元格。 （1）将鼠标指针插入要进行拆分的单元格中，将这个单元格选中，然后打开“属性”面板。 （2）在打开的“属性”面板中，单击“拆分单元格为行或列”按钮 。 （3）在打开的“拆分单元格”对话框中，设置需要的拆分方式。 （4）在对话框中选择“把单元格拆分”栏中的“列”单选按钮，在“列数”中设置列数为“3”，然后单击“确定”按钮。 （5）单击“确定”按钮后，可以在文档中看到被选中的单元格拆分为3列了。 阶段4 插入或删除行或列 在Dreamweaver 8中可以方便的插入或删除表格，可以一行/列表格，也可以是多行/列表格，下面就来介绍其操作方法。 1.添加一行/列表格 （1）将光标插入表格中要添加行的单元格中，然后选择“修改→表格→插入行”命令。 （2）即可看到在插入光标的单元格的上方，插入了一行单元格。 2.添加多行/列表格 （1）将光标插入表格中单元格中，然后选择“修改→表格→插入行或列”命令。 （2）在打开的“插入行或列”对话框中选择插入“行”，设置插入的行数为4，插入的位置为“所选之下”，然后单击“确定”按钮。 （3）单击“确定”按钮后即可完成多行的插入，可以看到被选中的单元格下方插入了两行新的单元格。 要在表格中插入多列的操作方法，与插入多行基本类似，其操作步骤如下。 （1）将光标插入单元格中，选择“修改→表格→插入行或列”命令，打开“插入行或列”对话框。 （2）在“插入行或列”对话框中选择插入“列”，插入的列数和插入的列的位置，然后单击“确定”按钮。 （3）在文档中即可看到选中的单元格后面插入了新的3列单元格。 3.在表格中删除行和列 （1）将光标插入到需要删除的行中的任意一个单元格，然后选择“修改→表格→删除行”命令。 （2）在文档中即可看到，被选中的单元格所在的行已经被删除掉。 任务二 表格的高级操作 阶段1 设置表格属性 在Dreamweaver 8中插入表格时可以设置简单的表格属性，然后在文档中选择创建的表格后，还可以在“属性”面板中对其进行属性的修改和详细