网页制作—《网页表格的处理》.ppt

通过本章学习，应该掌握以下内容： 第4章 网页表格的处理 创建表格的方法 编辑表格的方法 表格的排序方法 表格的格式化方法 设置表格属性的方法 用表格设计页面布局的方法 4.1 利用Dreamweaver MX处理网页表格 4.1.1 创建表格 1．新建表格 执行完上述任何一种操作，都可以看到如图所示的“插入表格”对话框。 行数：初次指定表格的总行数。 列数：初次指定表格的总列数。 单元格填充：指定单元格的大小，以像素为单位。 单元格间距：指定单元格之间的距离，以像素为单位。 宽度：指定表格的宽度，以百分比或像素为单位（百分比用于根据浏览器窗口的大小来自动调整表格的宽度）。 边框：指定表格边界的宽度，以像素为单位（如果在浏览器窗口中不显示表格的边框，则定义为0）。 2．导入表格数据文件 4.1.2 编辑表格 （1）如果要选择整个表格，可进行如下的操作之一： 将光标置于表格中的某个单元格中，选择“修改”|“表格”|“选择表格”命令。 将光标置于表格中的某个单元格中，单击鼠标右键，在弹出的快捷菜单中选择“表格”|“选择表格”命令。 单击表格的边线。 1．选择表格 （2）选择单个单元格的方法有以下几种： 将光标置于所要选择的单元格中，按一次组合键“Ctrl+A”。 将光标置于所要选择的单元格中，向右拖动鼠标。 按住Ctrl键，单击所要选择的单元格，再单击一次则取消对单元格的选择。 （3）选择多个单元格的方法有以下几种： 按住Ctrl键，单击所要选择的所有单元格。 将光标置于单元格中，拖动鼠标，选择多个单元格。 如果要选择整行，将光标置于该行的左边缘，当光标变成图标时单击鼠标左键。 如果要选择整列，将光标置于该列的上边缘，当光标变成图标时单击鼠标左键。 （4）选择的全部单元格的方法有以下几种： 将光标置于第1个单元格中，并拖动鼠标至最后一个单元格。 将光标置于第1个单元格中，按住Shift键，再单击最后一个单元格。 将光标置于第1行的左边缘，当光标变成图标时，向下拖动鼠标至最后一行。 将光标置于第1列的上边缘，当光标变成图标时，向右拖动鼠标至最后一列。 （1）在现有的表格中插入单元行，可以选择以下的操作之一： 将光标移到要插入单元行的下一行，选择“修改”|“表格”|“插入行”命令。 将光标移到要插入单元行的下一行，按组合键“Ctrl+M”。 将光标移到要插入单元行的下一行，单击鼠标右键，在弹出的快捷菜单中选择“表格”|“插入行”命令。 2．添加/删除行列 （2）在现有的表格中插入单元列，可以选择以上的操作之一： 将光标移到在插入单元列的右边一列，选择“修改”|“表格”|“插入列”命令。 将光标移到要插入单元列的右边一列，按组合键“Ctrl+Shift+A”。 将光标移到要插入单元列的右边一列，单击鼠标右键，在弹出的快捷菜单中选择“表格”|“插入列”命令。 （3）如果想在现有的表格中添加多行或多列，可执行以下操作： 首先将光标移到要插入行或列附近的单元格中，单击鼠标右键，在弹出的下拉菜单中选择“表格”|“插入行或列”命令，或是选择“修改”|“表格”|“插入行或列”命令，将弹出如图4-5所示的“插入行或列”对话框。在此对话框中进行相关的设置，然后单击“确定”按钮，设置的多列或多行将插入到页面中。 （4）删除整行/整列，可以采用下列办法之一： 先选择欲删除的整行或整列，直接按Del键，即可删除。 先将光标移到要删除的行或列中，选择“修改”|“表格”|“删除行”或“删除列”命令。 将光标移到要删除的行或列中，单击鼠标右键，在弹出的快捷菜单中选择“表格”|“删除行”或“删除列”命令。 （1）设置表格的宽度及高度 在Dreamweaver MX中，修改表格的大小有以下两种方法。 ① 通过鼠标拖曳法可以粗略地调整表格的大小。 ② 通过“表格属性”对话框可以精确地调整表格的大小。 在创建表格时，可以通过表格对话框来设置表格的宽度，但无法设置表格的高度，如果要设置表格的高度，可以通过表格属性面板来确定。 3．修改表格大小 （2）设置单元格的宽度及高度 在默认情况下，单元格的宽度是随表格的宽度而定的，表格中每一列的宽度基本上都相等，也就是说每一个单元格的宽度都是相同的。如果不指定表格的高度，则表格中同一行的高度也是相等的，即单元格的高度相同。在属性面板上可以改变单元格默认的宽度和高度。将光标置于需要设置宽度或高度的单元格中，此时属性面板显示单元格属性。在属性面板上的“宽”或“高”文本框中输入适当的数值即可。但单元格宽度与高度的单位只可以使用像素，不能使用百分比。 4．合并/拆分单元格 4.1.3 表格属性的设置