第6章-使用表格布局排版网页.pptVIP

6.6　实战演练 表格无疑是网页制作中最为重要的一个对象，因为通常网页都是依靠表格来排列数据的，它直接决定了网页是否美观、内容组织是否清晰。合理地利用表格可以方便地美化页面。 6.6.1　实例1——创建细线表格 本例将讲述如何制作细线表格，从而使网页更加美观精细。创建细线表格的效果如图6.30所示。 6.6.2　实例2——创建圆角表格 做网页时候为了美化网页,常常把表格边框的拐角处做成圆角,这样可以避免直接使用表格直角的生硬,使得网页整体更加美观。 * 第6章　使用表格布局排版网页 教学内容：表格是网页设计制作时不可缺少的重要元素。无论用于排列数据还是在页面上对文本进行排版，表格都表现出了强大的功能。 教学重点 掌握表格的插入 掌握表格属性的设置 掌握选择表格的方法 掌握编辑表格的基本操作 掌握排序及整理表格内容 掌握创建细线表格 掌握创建圆角表格 6.1 插入表格 在Dreamweaver 中，表格可以用于制作简单的图表，还可以用于安排网页文档的整体布局，起着非常重要的作用。利用表格设计页面布局，可以不受分辨率的限制。 6.1.1 表格的基本概念 表格基础是随着添加正文或图像而扩展的。表格由行、列和单元格3部分组成。行贯穿表格的左右，列则是上下方式的。 6.1.2 插入表格 在Dreamweaver中插入表格非常简单，具体操作步骤如下。 6.2 设置表格的各项属性 直接插入的表格有时并不能让人满意，在Dreamweaver中，通过设置表格或单元格的属性，可以很方便地修改表格的外观。 设置表格属性的具体操作步骤如下。 6.2.1 设置表格的属性 设置单元格属性的具体操作步骤如下。 选中要设置属性的单元格，在【属性】面板中，将【背景颜色】设置为#B6CE5C，如图6. 6所示。 6.2.2 设置单元格属性 要想在文档中对一个元素进行编辑，那么首先要选中它；同样，要想对表格进行编辑，首先也要选中它。 6.3 选择表格 选择整个表格有以下几种方法。 单击表格线的任意位置。 将光标置于表格内的任意位置，选择菜单中的【修改】|【表格】|【选择表格】命令。 将光标放置到表格的左上角，按住鼠标左键不放，拖曳鼠标指针到表格的右下角，将整个表格中的单元格选中，单击鼠标右键，在弹出的菜单中选择【表格】|【选择表格】选项。 将光标放置在表格的任意位置，单击文档窗口左下角的table标签，选中表格后，选项控柄就出现在表格的四周。 6.3.1 选择整个表格 6.3.2 选取行或列 选择表格的行或列有以下两种方法。 6.3.3 选取单元格 选择一个单元格有以下几种方法。 选取单个单元格的方法是在要选择的单元格中单击鼠标左键，并拖曳鼠标至单元格末尾。 按住Ctrl键，然后单击单元格可以将其选中。 将光标放置在单元格中，单击文档窗口左下角的td标签。 选择了表格后，便可以通过剪切、复制和粘贴等一系列的操作实现对表格的编辑操作。表格的行数、列数可以通过增加、删除行和列及拆分、合并单元格来改变。 6.4　表格的基本操作 6.4.1　调整表格高度和宽度 调整表格的高度和宽度时，表格中所有单元格将按比例相应改变大小。 6.4.2　添加或删除行或列 在已创建的表格内增加行、列，要先将光标放置在要插入行、列的单元格中，然后通过以下方法增加。 将光标放置在要插入行的位置，选择菜单中的【修改】|【表格】|【插入行】命令，即可插入一行。 将光标放置在要插入列的位置，选择菜单中的【修改】|【表格】|【插入列】命令，即可插入一列。 6.4.3　拆分单元格 拆分单元格有以下几种方法。 将光标放置在要拆分的单元格中，选择菜单中的【修改】|【表格】|【拆分单元格】命令，打开【拆分单元格】对话框，如图6.18所示，在对话框中进行相应的设置，单击【确定】按钮，即可拆分单元格。如图6.19所示。 6.4.4　合并单元格 合并单元格有以下几种方法。 选中要合并的单元格，选择菜单中的【修改】|【表格】|【合并单元格】命令，即可将选中的单元格合并。 6.4.5　剪切、复制、粘贴单元格 复制和粘 贴表格的具体操作步骤如下。 ? 选中要复制的表格，选择菜单中的【编辑】|【复制】命令。 ? 将光标放置在要粘贴表格的位置，选择菜单中的【编辑】|【粘贴】命令，即可粘贴复制的表格。 6.5　排序及整理表格内容 Dreamweaver CS6提供了导入表格式数据和表格排序功能，使用这两个功能可以整理表格内的数据。 6.5.1　导入表格式数据 在Dreamweaver中，可以将其他应用软件制作完成后的表格数据导入到网页中，导入的数据要具有制表符、逗号、分号、引号或者其他定界符。 6.5.2　排序表格 如果想要使输入的表格数据有一定的规律性，在Dreamwe