电子商务网站建设与管理-第6章网页表格和框架使用.pptVIP

第6章网页表格和框架使用 6.1在Dreamweaver中使用表格 6.2表格的布局视图 6.3用框架布局页面 6.4用“层”布局网页 6.1在Dreamweaver中使用表格 6.1.1创建表格 1.在网页中插入表格 单击“插入”工具栏“常用”类别中的“表格”按钮，或者选择“插入”→“表格”命令，弹出“表格”对话框，设置所需选项后，单击“确定”按钮。 2.向表格中添加数据 移动插入点： （1）将插入点移动到下一个单元格：按Tab键。 （2）将插入点移动到上一个单元格：按Shift+Tab组合键。 （3）将插入点向上、下、左、右移动：按箭头键。 3.导入外部数据 选择“文件”→“导入”→“表格式数据”命令，或者选择“插入”→“表格对象”→“导入表格式数据”命令，弹出“导入表格式数据”对话框，指定要导入的数据文件、定界符及其他选项。 6.1在Dreamweaver中使用表格 6.1.2表格的编辑与修改 1.扩展表格模式 选择“查看”→“表格模式”→“扩展表格模式”命令。 2.选择表格 （1）选择单元格。 （2）选择行和列。 （3）选择整个表格。 3.添加、删除行或列 （1）添加行。 ①当插入点位于表格的最后一个单元格中时，按Tab键会自动在表格的最后另外添加一行。 6.1在Dreamweaver中使用表格 ②选择“修改”→“表格”→“插入行”命令，此时将在插入点所在行的上面添加一行。 ③如果要插入多行，可将插入点放置在与要插入的行相邻的行中，然后选择“修改”→“表格”→“插入行或列”命令，弹出“插入行或列”对话框，在“插入”选项组中单击“行”单选按钮，然后再指定要插入的行数和位置。 （2）添加列。 ①在表格中添加一列：将插入点放置在要插入列右面一列中，然后选择“修改”→“表格”→“插入列”命令，或者将插入点放置在与要插入列相邻的列中，然后单击列标题菜单的箭头按钮，在弹出菜单中选择“左侧插入列”或“右侧插入列”命令。 6.1在Dreamweaver中使用表格 ②同时在表格中插入多列：将插入点放置在与要插入的列相邻的列中，然后选择“修改”→“表格”→“插入行或列”命令，弹出“插入行或列”对话框，在“插入”选项组中单击“列”单选按钮，根据需要进行设置。 （3）删除行或列。 ①在要删除的行或列中的任意单元格中单击，然后选择“修改”→“表格”→“删除行”或“删除列”命令。 ②选择完整的一行或一列，然后按Delete键或选择“编辑”→“清除”命令。 6.1在Dreamweaver中使用表格 4.调整表格大小 （1）调整表格宽度：选择表格，拖动选择框右边的控制点。 （2）调整表格高度：选择表格，拖动选择框底边的控制点。 （3）同时调整表格的高度和宽度：选择表格拖动选择框右下角的控制点。 （4）指定表格精确大小：在属性检查器的“宽”和“高”文本框输入数值，在其后的下拉列表框选择值的单位。 5.调整行高和列宽 （1）使用拖动方式。 （2）使用属性检查器。 6.1在Dreamweaver中使用表格 6.设置单元格的宽度和高度 选择要设置宽度或高度的单元格后，在单元格的属性检查器中的“宽”或“高”文本框中输入宽度值或高度值，然后按下Tab键或Enter键确认此值。 7.合并与拆分单元格 （1）合并单元格。选择连续的矩形单元格区域，然后选择“修改”→“表格”→“合并单元格”命令，或者单击属性检查器中的“合并单元格”按钮。 （2）拆分单元格。在要拆分的单元格中单击，选择“修改”→“表格”→“拆分单元格”命令，弹出“拆分单元格”对话框，在“把单元格拆分”选项组中指定要将单元格拆分为行还是列，然后在“行数”或“列数”（当选择拆分为列时）数值框中输入所需数值。 6.1在Dreamweaver中使用表格 8.排序表格 选择表格或单击任意单元格，然后选择“命令”→“排序表格”命令，弹出“排序表格”对话框，指定一个或两个条件，并设置所需选项后，单击“应用”或“确定”按钮。 6.1.3表格的格式设置 1.设置表格整体属性 使用表格的属性检查器可设置表格的整体属性。 2.设置行、列、单元格属性 要设置行、列或单元格的属性，必须确保选中的是所需的行、列或单元格。选择了行、列或单元格后，属性检查器中显示相应的属性选项以及其中文本的属性选项可设置行、列或单元格的属性。 6.1在Dreamweaver中使用表格 3.设置表格边框颜色 在属性检查器中的“边框颜色（边框）