第6章.表格应用.pptVIP

;第六讲 表格的应用;回顾 ?了解超级链接的基本概念 ?掌握创建链接的方法 ?掌握外部链接的创建 ?掌握E-mail链接的创建 ?掌握锚点链接的创建 ?掌握图像热点链接的创建 ?掌握超级链接的常见技巧;学习目标 掌握表格的插入 掌握表格属性的设置 掌握选择表格的方法 掌握编辑表格和单元格 掌握利用表格布局网页 掌握利用表格布局网页时的常见技巧;6.1 插入表格;【行】：表格中的水平间隔。 【列】：表格中的垂直间隔。 【单元格】：表格中一行与一列相交所产生的区域。 在Dreamweaver中插入表格非常简单，具体操作步骤如下。 1.将光标放置在要插入表格的位置，选择菜单中的【插入】|【表格】命令，打开【表格】对话框，在对话框中将【行数】设置为4，【列数】设置为2，【单元格宽度】设置为550像素。 如图6-4：;2.单击【确定】按钮，插入表格。 提示：单击【常用】插入栏中的冒按钮，打开【表格】对话框，设置各项参数插入表格。 3.在表格中输入相应的文字。 ;6.2 设置表格的各项属性;候屡男汲司白票拧宋蜕伺匆盾愿血颂鹿觉哺圾翅鸿够惹帅芽仔襟枉阁钎举第6章.表格应用第6章.表格应用;表格【属性】面板参数如下。如图6-6： ;【对齐】：设置表格的对齐方式，有【默认】、【左对齐】、【居中对齐】和【右对齐】4个选项。 【边框】：用来设置表格边框的宽度。 【背景颜色】：设置表格的背景颜色。 【边框颜色】：设置表格的边框颜色。 【背景图像】：设置表格的背景图像。 ：用于清除列宽。 ：将表格宽由百分比转换为像素。 ：将表格宽由像素转换为百分比。 ：用于清除行高。 ：将表格高由百分比转换为像素。 ：将表格高由像素转换为百分比。 提示：如果没有明确指定表格边框的值，大多数浏览器按表格边框为l显示表格。 ;设置单元格属性 ;单元格【属性】面板参数如下。 【水平】：设置选中单元格的水平对齐方式，有【默认】、【左对齐】、【居中对齐】和【右对齐】4个选项。 【垂直】：设置选中单元格的垂直对齐方式，有【默认】、【顶端】、【居中】、【底部】和【基线】5个选项。 【宽与高】：设置单元格的宽与高。 【不换行】：表示单元格的宽度将随文字长度的不断增加而加长。 【标题】：将当前单元格设置为标题行。 【背景】：用于设置表格的背景图像。 【背景颜色】：设置单元格的背景颜色。 【边框】：设置单元格边框的颜色。 ：用于将所选择的单元格、行或列合并为一个单元格。只有当所选择的区域为矩形时才可以合并这些单元格。 ：可以将一个单元格拆分成两个或者更多的单元格。一次只能对一个单元格进行拆分，如果选择的单元格多余一个，则此按钮将被禁用。;用预置表格设计格式化表格 ;2.单击【确定】按钮，格式化表格。 【格式化表格】对话框中参数如下。 【行颜色】选项区中可以设置表格的行颜色。 【第一种】：输入表格行使用的第1种颜色值。 【第二种】：输入表格行使用的第2种颜色值。 【交错】：在其下拉列表中选择预设的两种颜色在表格中交替显示的方式，有【不要交错】、【每一行】、【每两行】、【每三行】和【每四行】5种。 【第一行】选项区中设置表格顶行的格式。 【对齐】：在其下拉列表中可以选择表格顶行单元格中文本的对齐方式，包括【无】、 【左对齐】、【居中对齐】和【右对齐】。 【文字样式】：在其下拉列表中可以选择表格顶行单元格中文本的样式，包括【常规】、 【粗体】、【斜体】、【加粗斜体】。 ;【背景色】：设置表格顶行单元格的背景颜色值。 【文本颜色】：设置表格顶行单元格的文本颜色值。 【最左列】选项区中设置表格左列的格式。 【对齐】：在其下拉列表中可以选择表格左列单元格中文本的对齐方式，包括【无】、【左对齐】、【居中对齐】和【右对齐】。 【文字样式】：在其下拉列表中可以选择表格左列单元格中文本的样式，包括【常规】、【粗体】、【斜体】、【加粗斜体】。 【边框】：设置表格边框的宽度。 【将所有属性套用至TD标注而不是TR标签】：勾选此复选框，可以将所有的属性全部写在td标记中，取代tr标签。 保存文档，按F12键在浏览器中预览效果。如图6-9： ;漾淆总燎笼系救趾轮豆俱惦姬杰歌弧创冰巨龚插贿忱植胳撤浚汁癣索届愤第6章.表格应用第6章.表格应用;6.3 选择表格;仅搓闷徒礁牌毒滚风惫闹渔擅刀岳壕瘤佐郭遇孜熏嘿吗牺化抛描懊东合竣第6章.表格应用第6章.表格应用;选择一个单元格;6.4 编辑表格和单元格;添加行、列 在已创建的表格内增加行，列。首先将光标放置在要插入行，列的单元格中，然后通过以下方法增加。如图6-12：;将光标放置在要插入行的位置，选择菜单中的【修改】|【表格】|【插入行】命令，即可插入一行。 将光标放置在要插入列的位置，选择菜单中的【修改】|【表格】|【插入列】命令，即可插入一列。 将光标放置在相应