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