新网页设计与制作实用技术 电子教案－齐建玲 CH4.PPTVIP

执行完上述任何一种操作，都可以看到如图所示的“插入表格”对话框。 5．控制表格和单元格的大小 由于表格能将网页划分为任意大小的矩形区域，所以表格在网页中更多地是用作排版工具。如果要分割页面区域，经常要做的就是设置表格和单元格大小。 可以使用标记符的width和height属性设置表格和单元格大小，这两个属性的取值可以是像素数，也可以是百分比，但一般都使用绝对的像素数。 6．设置表格和单元格的背景 与设置整个页面的背景类似，表格或单元格也可以设置背景颜色或图案；设置方法为： 在TABLE、TR或TD标记符内使用bgcolor属性设置背景颜色；使用background属性设置背景图案。 “插入表格”对话框 返 回 “插入表格”对话框 返 回 * * 在线教务辅导网： 教材其余课件及动画素材请查阅在线教务辅导网 QQ:349134187 或者直接输入下面地址： 在线教务辅导网： 教材其余课件及动画素材请查阅在线教务辅导网 QQ:349134187 或者直接输入下面地址： 通过本章学习，应该掌握以下内容： 第4章 网页表格的处理 创建表格的方法 编辑表格的方法 表格的排序方法 表格的格式化方法 设置表格属性的方法 用表格设计页面布局的方法 4.1 利用Dreamweaver MX处理网页表格 4.1.1 创建表格 1．新建表格 利用Dreamweaver MX创建新表格时，首先打开插入“常用”面板，然后可以通过下列四种方式中的任意一种： （1）在插入“常用”面板上，单击插入表格按钮 。 （2）通过主窗口的菜单“插入”|“表格”命令。 （3）使用快捷组合键“Ctrl+Alt+T”。 （4）在插入“常用”面板上，拖动表格 按钮到主窗口的工作区中。 行数：初次指定表格的总行数。 列数：初次指定表格的总列数。 单元格填充：指定单元格的大小，以像素为单位。 单元格间距：指定单元格之间的距离，以像素为单位。 宽度：指定表格的宽度，以百分比或像素为单位（百分比用于根据浏览器窗口的大小来自动调整表格的宽度）。 边框：指定表格边界的宽度，以像素为单位（如果在浏览器窗口中不显示表格的边框，则定义为0）。 2．导入表格数据文件 在Dreamweaver MX中，利用插入列表数据命令可以很容易把表格数据加入到网页中。在插入外部数据前，首先要将表格数据文件转换成 .txt（文本文件）格式，并且该文件中的数据要带有分隔符，如逗号、分号、冒号等，但加入到Dreamweaver MX中的数据并不会出现分隔符，且会自动生成表格。 要加入外部数据，选择如下的任何一种操作： （1）选择“文件”|“导入”|“表格式数据”命令。 （2）选择“插入”|“表格对象”|“导入表格式数据”命令。 （3）单击插入“常用”面板上的“表格数据”按钮 。 4.1.2 编辑表格 （1）如果要选择整个表格，可进行如下的操作之一： 将光标置于表格中的某个单元格中，选择“修改”|“表格”|“选择表格”命令。 将光标置于表格中的某个单元格中，再按两次组合键“Ctrl+A”。 将光标置于表格中的某个单元格中，单击鼠标右键，在弹出的快捷菜单中选择“表格”|“选择表格”命令。 将光标置于表格的尾部（在表格的同一行，但不在表格之内），向左拖动鼠标。 单击表格的边线。 1．选择表格 （2）选择单个单元格的方法有以下几种： 将光标置于所要选择的单元格中，按一次组合键“Ctrl+A”。 将光标置于所要选择的单元格中，向右拖动鼠标。 将光标置于所要选择的单元格中，选择“编辑”|“全选”命令。 按住Ctrl键，单击所要选择的单元格，再单击一次则取消对单元格的选择。 （3）选择多个单元格的方法有以下几种： 按住Ctrl键，单击所要选择的所有单元格。 将光标置于单元格中，拖动鼠标，选择多个单元格。 如果要选择整行，将光标置于该行的左边缘，当光标变成?图标时单击鼠标左键。 如果要选择整列，将光标置于该列的上边缘，当光标变成?图标时单击鼠标左键。 （4）选择的全部单元格的方法有以下几种： 将光标置于第1个单元格中，并拖动鼠标至最后一个单元格。 将光标置于第1个单元格中，按住Shift键，再单击最后一个单元格。 将光标置于第1行的左边缘，当光标变成?图标时，向下拖动鼠标至最后一行。 将光标置于第1列的上边缘，当光标变成?图标时，向右拖动鼠标至最后一列。 （1）在现有的表格中插入单元行，可以选择以下的操作之一： 将光标移到要插入单元行的下一行，选择“修改”|“表格”|“插入行”命令。