网页设计与制作 教学课件 作者 李广武张逸昀梁平 主编 第6章 表格的操作.pptVIP

尚辅网 尚辅网 尚辅网 第6章 表格的操作 尚辅网 第6章 表格的操作 6.1 创建表格 6.2 格式化表格 6.3 复制及粘贴单元格 6.4 改变表格和单元格的大小 6.5 增加、删除行或列 6.6 拆分、合并单元格 6.7 表格排序 6.8 导出表格 6.9 利用表格构造网页的整体框架 6.10 本章小结 表格在网页设计中占据着重要的地位。它是处理数据时最常用的一种形式，可以将大量的数据放入其中，能够直观地反映出数据在行与列之间的关系，以达到查阅快捷、管理便利的目的，使繁杂的数据变得清晰明了而受到人们的青眯。在实际生活中，信息报表、通讯录及交通时刻表等都是表格的典型应用。同时，表格还是Dreamweaver对文本和图形进行页面布局时强有力的工具。Dreamweaver中提供了强大的表格处理功能，在这一章中将集中介绍有关表格的各种操作。 尚辅网 可以使用“插入”面板或“插入”菜单来创建一个新表格。在“文档”窗口的设计视图中，将插入点放在需要插入表格的位置后，操作方法如下： 1、选择【插入】|【表格】菜单命令（其快捷键为【Ctrl+Alt+T】），出现如图所示的“插入表格”对话框。此对话框保留了最近一次插入的表格的数值，可按需要填写。 6.1 创建表格 尚辅网 2、单击“插入”面板的“常用”子面板下的“插入表格” 图标按钮 ，同样会弹出如图所示的对话框，其余的操作同上。 3、单击“确定”按钮，完成表格的创建。 6.1 创建表格 尚辅网 进行表格嵌套的操作如下： 1、单击现有表格中的一个单元格，然后选择【插入】|【表格】菜单命令或单击“插入”面板的“常用”子面板下的“插入表格” 图标按钮 。 2、在出现的“插入表格”对话框中指定嵌套表格的属性，然后单击“确定”按钮。效果如图所示。 6.1.1 表格嵌套 6.1 创建表格 尚辅网 1、将鼠标指针移入需要插入文本或图像的单元格，插入内容，效果如图所示。 2、插入文本有三种方式： 直接输入文本，当输入的文本长度超过单元格宽度时，单元格会自动扩展其宽度来适应文本内容。 可将Dreamweaver中或其它文本编辑器中的文本复制并粘贴到单元格中。 可从其它表格处理软件中将数据格式化后插入表格中，请参见6.1.4节。 3、插入图片。 6.1.2 在表格中添加内容 6.1 创建表格 尚辅网 1、若要选定整个表格，请执行以下操作之一： 移动鼠标指针到表格的左上角、右下角或者底部边缘的任意位置，当鼠标指针变为移动光标形状时 ，单击鼠标。 单击表格中的单元格，然后在文档窗口左下角的标签选择器中选择 table 标签 。 单击表格单元格，然后选择【修改】|【表格】|【选择表格】。 被选定的表格的下边缘和右边缘将出现选择控制点，如图。 6.1.3 选定表格对象 6.1 创建表格 尚辅网 2、若要选择行或列，请执行以下操作： 将鼠标指针指向一行的左边框上，或者一列的上边框。当鼠标指针变为选定箭头时 ，单击以选择行或列，如图所示。 在表格中，横向或纵向拖动鼠标时，可以选择多行或多列。 6.1.3 选定表格对象 6.1 创建表格 尚辅网 3、若要选择单个单元格，请执行以下操作之一： 单击单元格，然后在“文档”窗口左下角的标签选择器中选择td标签。 单击单元格，然后选择【编辑】|【全选】。 4、若要选择连续的单元格，请执行以下操作之一： 从一个单元格拖到另一个单元格。 单击一个单元格，然后按住 Shift 键单击另一个单元格，以这两个单元格为对角线的直线或矩形区域中的所有单元格都将被选中，效果如图所示。 6.1.3 选定表格对象 6.1 创建表格 尚辅网 若要导入表格数据，请执行以下操作： 1、选择【文件】|【导入】|【表格式数据】菜单命令，出现如图所示的“导入表格式数据”对话框。 2、选择【插入】|【表格对象】|【导入表格式数据】菜单命令，同样会出现如图所示的对话框，其余的操作同上。 3、单击“插入”面板的“布局”子面板下的“表格数据” 图标按钮 ，同样会弹出如图所示的对话框，其余的操作同上。 4、单击“确定”按钮，完成表格数据的导入操作。 6.1.4 导入表格数据 6.1 创建表格 尚辅网 将表格插入到网页中，为了使所创建的表格更加美观、醒目，需要对表格的属性进行设置。当选定了表格后，属性检查器允许你查看和更改表格属性。表格的属性检查器如图所示。如果属性检查器未展开，则单击右下角的扩展箭头查看所有属性。 6.2.1 设置表格属性 6.2 格式化表格 尚辅网 6.2 格式化表格 6.2.2 设置行、列与单元格属性 当选择