网页设计和制作在Dreamweaver8中使用表格布置页面介绍.ppt

第四讲 课题:在 Dreamweaver8中使用表格布置页面 目的及要求:使用表格布置页面 教学重点:重点掌握设置表格属性的方法 教学难点:嵌套单元格设置布局表格的形式对网页进 行布局 教学课时:2课时 教学方法:提问与比较教学方式,激发学生兴趣; 教学内容与步骤 第四讲 使用表格布局页面 制作电子相册○ 命令——创建网站相册 插入表格 选择菜单“插入”→“表格”命令,或在“插入” 工具栏中单击“表格”按钮。 在弹出的“表格”对话框中,在“表格大小”区 域设置“行数”、“列数”、“表格宽度”” “单元格边距”和“单元格间距”。 单击“确定”。文档中则出现一个表格。 在表格外的空白处单击,取消选中该表格。 设置表格各项属性。 设置表格属性 将光标移动到表格线条上的任意位置, 指针变成双向箭头的时候单击鼠标左键, 即可选中该表格。 选中表格,在菜单栏选择“窗口 属 性”或按下Ctr|+F3组合键,打开“属性 检查器。 设置表格“属性”检查器中各项参数:表 格ld、“行”和“列”、“宽”和“高” “填充距”、“单元格间距”、“边框粗 细”、“边框颜色”、“表格背景颜色” 设置表格各项属性。 设置单元格属性 和设置整体表格属性操作类似,单元格的属性设 置也是在“属性”检査器里完成的。在所要设置 属性的单元格内任意位置单击,即选中该单元格, “属性”检查器中显示该单元格的属性 设置单元格“属性”检查器中各项参数。 选择表格◎ 选择整个表格 执行以下操作之一可选择整个表格: 移动鼠标舍表格的东上角:左下角;右上角或有 鼠标指针变成时,单击鼠标左键即可选 中整个表格。 移动鼠标至表格线条上的任意位置 鼠标指针 变成时,单击鼠标左键即可选中整个表格 ·在表格中任意一个单元格内单击,然后在“文档” 窗口左下角的“标签选择器”中选择 stable标签 即可。 在表格中任意一个单元格内单击,然后选择菜单 项修改”→“表格”→“选择表格 在表格仟意一个单元格内单击,单击鼠标右键 选择表格◎ 选择行或列 移动鼠标使其指向行的左边缘或列的上边缘。当 鼠标指针变为选择箭头时,单击以选择单个行或 列,或进行拖动以选择多个行或列。 选择单元格 (1)若要选择单个单元格,请执行以下操作之一。 单击单元格内的任意位置,然后在“文档”窗口 左下角的标签选择器中选择td标签即可选中该 单元格 按住Ctr键,然后单击单元格内任意位置即可 选中该单元格 单击单元格,然后点击菜单选项“编辑”→“全 选 选择表格◎ (2)若要选择一行或矩形的单元格块,请执行以下 操作之 在起始的单元格内单击鼠标左键,拖拽鼠标至最后 个单元格 在一个单元格内单击鼠标左键,在同一个单元格中 按住Ctrl键的同时单击以选中 然后按住 Shit键单击另一个单元格。这两个单元格定义的 直线或矩形区域范围内的所有单元格都将被选中。 (3)若要选择不相邻的单元格,请执行以下操作。 在按住Ctr键的同时单击要选择的单元格、行或 列,若要选择多个单元格,只要按住Ctr心键不放 就 如果按住Ct键单击尚未选中的单元格、行或列, 将箕苁选择中删综。乙 如果它已经被选中,则再次单击会 编辑表格和单元格。 添加行或列 (1)添加单个行或列。 选中要插入行或列的单元格,执行下列操作之 点击菜单选项“修改”→“表格”→“插入行”或“修 改 表格 插入列”,则在插入点的上面出现一行 或在插入点的左侧出现一列 ·单击鼠标右键,在弹出的快捷菜单中执行菜单“表 格 “插入行”(或“插入列”)命令, 点击菜单选项“插入 表格对象”,然后选择“在上 (下)面插入行”或“在左(右)边插入列”,在插入点的 上(下)面出现一行或左(右)侧出现一列。 (2)添加多行或多列。 ·在所要添加行或列的单元格内单击鼠标右键。选择“修 表格”→“插入行或列 即出现“插入行或列” 对话框。选择“行”或“列”,并设置“行数”或“列数” 以及“位 击“确定”即可插入多行或多列。相应数 目的行或列出现在表格中