《DreamweaverCS5网页制作高级案例教程项目三.pptVIP

项目三 创建“蝶舞”珠宝网站 ——使用表格布局网页 一、学习目标 二、理论指导 三、任务实践 一、学习目标 掌握在网页中创建表格，选择表格和单元格，以及设置表格和单元格属性的方法。 掌握拆分与合并单元格，以及在表格中添加或删除行与列的方法。 能够在实践中熟练地应用表格布局网页，制作出符合实际应用需要的网站。 二、理论指导 （一）创建表格与设置表格属性 1．创建表格 Dreamweaver CS5拥有非常完善的表格创建与编辑功能，下面我们首先来看一下如何在网页文档中创建表格。 2．选择表格和单元格 （1）选择表格 （2）选择行或列 （3）选择单元格 在Dreamweaver中可以选择单个单元格，也可以选择连续的多个单元格或不连续的多个单元格。 3．设置表格属性 选中表格后，可利用属性检查器查看或修改表格的行、列、宽，以及填充、间距、对齐、边框等属性。 4．设置单元格属性 （二）编辑表格 1．拆分与合并单元格 （1）拆分单元格 （2）合并单元格 所谓合并单元格，就是将相邻的两个或多个单元格合并成一个单元格。 拖动鼠标选中要合并的连续单元格（此处为第1行中间的2个单元格），然后单击属性检查器上的“合并所选单元格，使用跨度”按钮 ，则2个单元格合并为1个单元格。 2．在表格中添加或删除行与列 在使用表格组织大量信息时，往往需要在创建好的表格中添加或删除行与列，以增加或减少记录。 三、任务实践 任务一 构建网站主页主体结构 任务二 通过嵌套表格完善网站主页 所谓嵌套表格，就是在一个表格的某个单元格里插入一个新表格。使用表格布局的绝大多数网页都是由多个表格相互嵌套进行布局的。 本任务中，我们将通过嵌套表格制作“蝶舞”珠宝网站主页的中心内容，来完成网站主页的布局（具体操作见视频3-2）。 任务三 构建网站子页主体结构 本任务通过为“蝶舞”网站子页构建主体结构，来进一步学习表格在实际网页制作中的应用（具体操作见视频3-3）。 任务四 制作圆角表格 任务五 制作细线表格 任务六 完善网站子页 * * * * * * Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0. Copyright 2004-2011 Aspose Pty Ltd. Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0. Copyright 2004-2011 Aspose Pty Ltd. 表格（Table）是由一个或多个单元格构成的集合，表格中横向的多个单元格称为行（在HTML语言中以tr标签开始，/tr标签结束），垂直的多个单元格称为列（以td标签开始，/td标签结束），行与列的交叉区域称为单元格，网页中的元素就放置在这些单元格中。 列 行 单元格 此处表示未明确设置单元格的宽度 此处显示了表格的宽度。如果只显示一个“▼”符号，表示未明确设置表格宽度 Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0. Copyright 2004-2011 Aspose Pty Ltd. Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0. Copyright 2004-2011 Aspose Pty Ltd. 在Dreamweaver中选择表格的方法主要有以下几种。 将鼠标光标移至单元格边框线上，当鼠标光标变为 或 形状时单击鼠标左键。 将鼠标光标移至表格外框线上，当鼠标光标变为 形状时，单击鼠标左键。 在表格内部任意单元格中单击鼠标左键，然后在标签选择器中单击对应的“table”标签。 将插入点置于表格的任意单元格中，表格上方或下方将显示绿线标志，单击最上方或最下方标有表格宽度的绿线中的 ，在弹出的下拉列表中选择“选择表格”命令。 Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0. Copyright 2004-2011 Aspose Pty Ltd. 要选择某行或某列，可将光标置于该行左侧或该列顶部，当光标形状变为黑色箭头 或 时单击鼠标左键。 Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.