第二项目单元-表格设计概要.pptVIP

天津滨海职业学院信息工程系孙荣侠 第二项目单元 表格设计 项目2 表格设计 任务1 表格属性 案例分析： 1、在dw8中打开页面 2、整个页面布局是由5个表格组成 3、设置表格属性 4、设置单元格属性 5、掌握表格单元格标签应用： 上图中的表格由四个独立的表格组合而成，四个表格分别如下图中a、b、c、d所示。其中表a为一行八列，表b为两行一列，表d为一行四列，这三个表格制作过程相对比较简单，在此不再做具体讲解，仅以表c为例讲解具体制作过程。 表c的制作过程如下： （1）将光标放置在页面需要创建表格的位置，选择菜单“插入”→“表格”。在插入表格对话框中输入行数和列数分别为4和3，即创建了一个四行三列的表格。如图1所示。 （2）将第四行选中，单击右键，选择快捷菜单中的“表格”→“合并单元格”，即将第四行中的三列合并为一列。如图2所示。 （3）通过属性面板，分别设置各个单元格的宽度和高度。设置完后如图所示。 (4) 选中表格，将属性面板中的间距和边框都设置为0，即页面中不显示边框。则该表格制作完毕，如图所示。 创建表格 1 插入表格 在网页中插入表格，通常采用下几种方法： （1）将光标放置在页面需要创建表格的位置，选择菜单“插入”→“表格”。如图1所示。 （2）将光标放置在页面需要创建表格的位置，然后单击插入工具栏的普通面板上的表格按钮。如图2所示。 若普通面板被关闭，则选择菜单“窗口”→“插入”，即可出现普通面板。 （3）将表格按钮从普通面板拖到页面上所需位置。 2 设置表格 完成插入表格的操作，即可出现对话框，提示你设置表格的格式，如图3所示。 单元格间距：输入单元格与单元格之间的距离值。 宽度：输入宽度值，在右侧的下拉列表中，选择宽度单位，可以选择像素，以绝对的像素值来设置表格的宽度，则表格的大小不随浏览器窗口大小改变而改变；选择百分比，设置表格宽度同浏览器宽度的百分比，则表格的宽度将随浏览器窗口宽度而改变。 边框：输入边框的宽度。如果不需要显示边框，则输入0。 如上图设置完毕，单击确定按钮便可创建一个（3×4）的表格，如图4所示。并且此时插入表格对话框中的值将保留作为下一次插入表格时的默认值。 编辑表格 1 添加和删除行和列 1.添加行或列 在需要添加行的位置单击，选择菜单“修改”→ “表格”→“插入行”命令。或者单击右键，从快捷菜单中选择“表格”→“插入行”，则可以在光标当前所在行上面插入一行。 在需要添加列的位置单击，选择菜单“修改”→“表格”→“插入列”。或者单击右键，从快捷菜单中选择“表格”→“插入列”，便可以在光标当前所在位置“年龄”左面插入一列。 【例1】在下图5-5所示的表格中第二行上插入一行，第二列后插入一列，具体步骤如下： 单击第二行第三列，即内容为“19”的单元格，将光标放置到此处。 选择菜单“修改”→ “表格”→“插入行”命令，即在第二行上插入一行，如下左图6所示。 选择菜单“修改”→“表格”→“插入列”命令，即在第三列前上插入一列，如下右图7所示。 可选择使用快捷菜单来实现该操作。单击插入单元行的下一行，在弹出的快捷菜单中选择“表格”→“插入行”，即可在该行上插入一行；选择“表格”→“插入列”，即可在该列左侧插入一列。 行和列也可以同时添加。选择菜单“修改”→“表格”→“插入行或列”。或者单击右键，从快捷菜单中选择“表格”→“插入行或列”，在出现的对话框中，输入要添加的行数和列数。如图8所示。 位置：选择要插入的位置。选择插入行，则选择在当前行之上或在当前行之下插入，然后【确定】就可插入一行或多行；选择插入列，则选择在当前列之前或在当前列之后插入，然后【确定】就可插入一列或多列。 注意，一次插入多行和多列，插入的位置可以自由选择。如果在表格最后一行后再添加一行那么只能用“插入行或列”这种方法。 也可以在属性面板中直接增加表格的行数和列数。选中整个表格，在属性面板中增加行或列的值就可以添加行或列了，不过添加的位置是固定的，行只能添加在表格底端，列只能添加在表格右端。属性面板如图9所示。 【例2】在上图所示的表格中第四行下插入三行，第三列后插入两列，具体步骤如下： （1）将光标放置到该表格第四行、第三列的单元格中。在插入行或列对话框中先选择插入行，输入插入行数“3”，位置在所选行之下。设置完毕，单击确定，即可完成插入行的操作。 （2）在插入行或列对话框中先选择插入列，输入插入列数“2”，位置在