边用边学Dreamweaver网页设计与制作教学课件 作者 李彪 杨仁毅 第6章.pptVIP

边学边用Dreamweaver CS4网页制作 教师： 职务： ——教育部实用型信息技术人才培养系列教材 第6章 使用表格进行网页布局 学习目标： 要学习网页设计，熟练使用表格是必不可少的。表格不仅是制作行列式的表格，更重要的是能帮助我们把图片、文字有致地排列。熟练掌握和灵活应用表格的各种属性，可以使网页爽心悦目。因此表格是网页设计人员必须掌握的基础，也是网页设计的重中之重。本章主要向读者介绍了通过使用表格来排版网页的方法，希望读者通过对本章内容的学习，能掌握插入表格以及设置表格属性、表格与单元格的编辑等知识。 第6章 使用表格进行网页布局 本章知识点： 创建表格 应用表格 应用实践 利用表格属性制作隔距边框表格 使用表格与图像制作汽车网页 第6章 使用表格进行网页布局 第6章 使用表格进行网页布局 第6章 使用表格进行网页布局 第6章 使用表格进行网页布局 第6章 使用表格进行网页布局 第6章 使用表格进行网页布局 第6章 使用表格进行网页布局 第6章 使用表格进行网页布局 第6章 使用表格进行网页布局 第6章 使用表格进行网页布局 第6章 使用表格进行网页布局 * 6.1 创建表格 要创建表格，可以单击“插入”菜单，从中选择“表格”命令，或者按下“Ctrl+Alt+T”组合键，打开“表格”对话框。 6.2 应用表格 6.2.1 输入表格内容 1．输入文本 将光标放置到要输入文本的表格中，直接输入文本内容即可。 2．插入图像 将光标放置到要插入图像的表格中，执行“插入→图像”命令，打开“选择图像源”对话框。选择要插入的图像，单击按钮，即可在表格中插入图像。 6.2.2 选定表格元素 在对表格元素进行操作之前，必须先选定表格元素。 1．选取表格 2．选取行或列 3．选取单元格 6.2.3 设置表格与单元格属性 设置表格与单元格属性可通过“属性”面板来完成。 1．设置表格属性 2．设置单元格属性 6.2.4 添加和删除行或列 在表格的操作过程中，可以很方便地添加和删除表格的行或列。 1．在表格中添加一行 2．在表格中添加一列 3．在表格中添加多行或多列 4．删除行或列 6.2.5 单元格的合并及拆分 在制作网页的过程中，有时需要合并或拆分单元格。对于连续且呈矩阵分布的多个单元格，可以进行合并操作。 6.2.6 嵌套表格 在Dreamweaver中，单元格里还可以插入嵌套表格。将光标放置到需要插入嵌套表格的单元格中。 执行“插入→表格”命令或者在“常用”面板中单击表格按钮，再设置相应的行列数。 6.3 应用实践 任务1——利用表格属性制作隔距边框表格 隔距边框表格在网页中主要用来排列各个栏目或频道，使用隔距边框可以使浏览者对各栏目一目了然，方便浏览者的阅读。本例首先是插入表格，设置表格的“填充”与“间距”，然后为表格设置背景图像，再插入嵌套表格，设置嵌套表格的背景颜色，最后在嵌套表格中输入栏目文字。完成效果如下图所示。 6.3 应用实践 任务2——使用表格与图像制作汽车网页 本例制作一个汽车网页，首先将网页背景颜色设置为灰色，然后插入表格与输入文字制作网页导航，最后通过使用表格与插入图像来制作汽车网页的主体内容。完成后的效果如下图所示。 6.4 知识拓展 6.4.1 表格的排序 在Dreamweaver中，允许对表格的内容以字母和数字进行排序。 6.4.2 导入和导出表格数据 Dreamweaver能与其他文字编辑软件进行数据交换。在其他软件创建的表格数据能导进Dreamweaver转化为表格，同样也能将Dreamweaver中的表格数据导出。 1．导入表格数据 2．导出表格数据 *