第3章使用表格布局排版网页教学文稿.ppt

第3章使用表格布局排版网页学习目标
掌握表格的插入
掌握表格属性的设置
掌握选择表格的方法
掌握编辑表格和单元格
掌握利用表格排列布局网页
教学目标和基本要求
___________________________________
___________________________________
___________________________________
教学时间：本章共分_______课时
教学方法
案例教学 多媒体教学 理论面授
教学素材
课程范例文件：sample\第3章\
练习文件：exercise\第3章\
3.1插入表格3.1.2小案例——插入表格
在Dreamweaver中插入表格非常简单。3.2设置表格属性3.2.1小设置表格属性
设置表格的属性，可以通过表格的【属性】面板进行。选择表格，在【属性】面板中将显示表格的属性。3.2.2设置单元格属性
将光标置于单元格中，该单元格就处于选中状态，此时属性面板中显示出所有允许设置的单元格属性的选项。3.3选择表格元素
要想在文档中对一个元素进行编辑，那么首先要选择它；同样，要想对表格进行编辑，首先也要选中它。选择表格操作可以分为选中整个表格、选中单元格等几种情况，下面分别进行介绍。
3.3.1选取表格
选择整个表格有以下几种方法。
单击表格线的任意位置。
将光标置于表格内的任意位置，选择菜单中的【修改】|【表格】|【选择表格】命令。
将光标放置到表格的左上角，按住鼠标左键不放，拖曳鼠标指针到表格的右下角，将整个表格中的单元格选中，单击鼠标右键，在弹出的菜单中选择【表格】|【选择表格】选项。
将光标放置在表格的任意位置，单击文档窗口左下角的<table>标签，选中表格后，选项控柄就出现在表格的四周。3.3.2选取行或列
选择表格的行或列有以下几种方法。
当鼠标指针位于要选择行首或列顶时，鼠标指针形状变成了箭头或箭头时，单击鼠标左键即可以选中行或列。
将光标置于要选择的行首或列顶，按住鼠标左键不放从左至右拖曳或者从上至下拖曳，即可选中行或者列。
3.3.3选取单元格
选择表格中的单个或多个单元格的方法有以下多种。
按住鼠标左键并拖曳，可以选择一个单元格或多个单元格。
按住Ctrl键，单击选择的单元格，即可选中单元格。
将光标放置在表格的任意单元格中，单击窗口左下角的<td>标签，即可选中一个单元格。
在已经选择的相邻单元格中，按住Ctrl键单击不想选择的单元格，将其去除，可以选择不相邻的多个单元格。
按住Shift键不放并单击多个单元格中的第一个和最后一个，可以选择多个相邻的单元格。
按住Ctrl键不放并单击多个单元格，可以选择多个相邻或不相邻的单元格。

3.4表格的基本操作3.4.1小案例——调整表格高度和宽度
调整表格的高度和宽度时，表格中所有单元格将按比例相应改变大小。选中表格，此时会出现3个控制点，将鼠标指针分别放在3个不同的控制点上，按住鼠标左键拖动即可改变表格的高度和宽度。3.4.2小案例—添加或删除行或列
将光标置于要插入行的位置，选择菜单中的【修改】|【表格】|【插入行】命令，即可插入一行。
将光标置于要插入列的位置，选择菜单中的【修改】|【表格】|【插入列】命令，即可插入一列。
将光标置于要插入行或列的位置，选择菜单中的【修改】|【表格】|【插入行或列】命令，弹出【插入行或列】对话框，在对话框中进行相应的设置，单击【确定】按钮，即可插入行或列。

删除行或列有以下几种方法。
将光标置于要删除行的位置，选择菜单中的【修改】|【表格】|【删除行】命令，即可删除行。
将光标置于要删除列的位置，选择菜单中的【修改】|【表格】|【删除列】命令，即可删除列。
选中要删除的行或列，选择菜单中的【编辑】|【清除】命令，即可删除行或列。
将光标置于要删除行或列的位置，单击鼠标右键，在弹出的菜单中选择【表格】|【删除行】命令或选择【表格】|【删除列】命令，也可以删除行或列。
将光标置于要删除行或列的位置，可以在【属性】面板中的【行】或【列】。3.4.3小案例——拆分单元格
在使用表格的过程中，有时需要拆分单元格以达到自己所需的效果。拆分单元格就是将选中的单元格拆分为多行或多列。3.4.4合并单元格
合并单元格就是将选中的单元格合并为一个单元格，合并单元格有以下几种方法。
选中要合并的单元格，选择菜单中的【修改】|【表格】|【合并单元格】命令，即可将多个单元格合并成一个单元格。
选中要合并的单元格，在【属性】面板中单击【合并所选单元格，使用跨度】按钮，即可合并单元格。
选中要合并的单元格，单击鼠标右键，在弹出的菜单中选择【表格】|【合并单元格】命令，即可合并单元格。
3.5排序及整理表格内容
DreamweaverCS6提供了导入表格式数