《网页设计与制作实用技术（第二版）》第4章网页表格的处理.PPT

“选择图像源”对话框 返 回 “排序表格”对话框 返 回 通过本章学习，应该掌握以下内容： 第4章 网页表格的处理 创建表格的方法 编辑表格的方法 表格的排序方法 表格的格式化方法 设置表格属性的方法 用表格设计页面布局的方法 4.1 利用Dreamweaver CS5处理网页表格 4.1.1 创建表格 1．新建表格 利用Dreamweaver CS5创建新表格时，首先打开插入“常用”面板，然后可以通过下列四种方式中的任意一种： （1）在插入“常用”面板上，单击插入表格按钮 。 （2）通过主窗口的菜单“插入”→“表格”命令。 （3）使用快捷组合键“Ctrl+Alt+T”。 （4）在插入“常用”面板上，拖动表格 按钮到主窗口的工作区中。 执行完上述任何一种操作，都可以看到如图所示的“表格”对话框。 行数：初次指定表格的总行数。 列数：初次指定表格的总列数。 单元格填充：指定单元格的大小，以像素为单位。 单元格间距：指定单元格之间的距离，以像素为单位。 宽度：指定表格的宽度，以百分比或像素为单位（百分比用于根据浏览器窗口的大小来自动调整表格的宽度）。 边框：指定表格边界的宽度，以像素为单位（如果在浏览器窗口中不显示表格的边框，则定义为0）。 2．导入表格数据文件 在Dreamweaver CS5中，利用插入列表数据命令可以很容易把表格数据加入到网页中。在插入外部数据前，首先要将表格数据文件转换成 .txt（文本文件）格式，并且该文件中的数据要带有分隔符，如逗号、分号、冒号等，但加入到Dreamweaver CS5中的数据并不会出现分隔符，且会自动生成表格。 要加入外部数据，选择如下的任何一种操作： （1）选择“文件”→“导入”→“表格式数据”命令。 （2）选择“插入”→“表格对象”→“导入表格式数据”命令。 （3）单击插入“常用”面板上的“表格数据”按钮 。 4.1.2 编辑表格 （1）如果要选择整个表格，可进行如下的操作之一： 将光标置于表格中的某个单元格中，选择“修改”→“表格”→“选择表格”命令。 将光标置于表格中的某个单元格中，再按两次组合键“Ctrl+A”。 将光标置于表格中的某个单元格中，单击鼠标右键，在弹出的快捷菜单中选择“表格”→“选择表格”命令。 将光标置于表格的尾部（在表格的同一行，但不在表格之内），向左拖动鼠标。 单击表格的边线。 1．选择表格 （2）选择单个单元格的方法有以下几种： 将光标置于所要选择的单元格中，按一次组合键“Ctrl+A”。 将光标置于所要选择的单元格中，向右拖动鼠标。 将光标置于所要选择的单元格中，选择“编辑”→“全选”命令。 按住Ctrl键，单击所要选择的单元格，再单击一次则取消对单元格的选择。 （3）选择多个单元格的方法有以下几种： 按住Ctrl键，单击所要选择的所有单元格。 将光标置于单元格中，拖动鼠标，选择多个单元格。 如果要选择整行，将光标置于该行的左边缘，当光标变成?图标时单击鼠标左键。 如果要选择整列，将光标置于该列的上边缘，当光标变成?图标时单击鼠标左键。 （4）选择的全部单元格的方法有以下几种： 将光标置于第1个单元格中，并拖动鼠标至最后一个单元格。 将光标置于第1个单元格中，按住Shift键，再单击最后一个单元格。 将光标置于第1行的左边缘，当光标变成?图标时，向下拖动鼠标至最后一行。 将光标置于第1列的上边缘，当光标变成?图标时，向右拖动鼠标至最后一列。 （1）在现有的表格中插入单元行，可以选择以下的操作之一： 将光标移到要插入单元行的下一行，选择“修改”→“表格”→“插入行”命令。 将光标移到要插入单元行的下一行，按组合键“Ctrl+M”。 将光标移到要插入单元行的下一行，单击鼠标右键，在弹出的快捷菜单中选择“表格”→“插入行”命令。 2．添加/删除行列 （2）在现有的表格中插入单元列，可以选择以上的操作之一： 将光标移到在插入单元列的右边一列，选择“修改”→“表格”→“插入列”命令。 将光标移到要插入单元列的右边一列，按组合键“Ctrl+Shift+A”。 将光标移到要插入单元列的右边一列，单击鼠标右键，在弹出的快捷菜单中选择“表格”→“插入列”命令。 （3）如果想在现有的表格中添加多行或多列，可执行以下操作： 首先将光标移到要插入行或列附近的单元格中，单击鼠标右键，在弹出的下拉菜单中选择“表格”→“插入行或列”命令，或是选择“修改”→“表格”→“插入行或列”命令，将弹出的“插入行或列”对话框。在此对话框中进行相关的设置，然后单击“确定”按钮，设置的多列或多行将插入到页面中。 （4）删除整行/整列，可以采用下列