电子课件-《Dreamweaver-网页设计与制作(第二版)》-A06-3954-项目五-制作饰品网站-用表格构建网页布局.ppt

1、任务 1布局主页 index.html表格的基本应用任务 2布局子页表格的高级应用2 LOGO任务 1布局主页index.html表格的基本应用熟悉各种表格的操作方法熟悉各种表格的操作方法掌握表格的嵌套方法掌握表格的嵌套方法一、插入表格一、插入表格Dreamweaver 提供了非常完善的表格编辑功能，首先介绍如何在网页文提供了非常完善的表格编辑功能，首先介绍如何在网页文档中插入表格。档中插入表格。插入表格 插入表格“表格表格”对话框中几个重要选项的意义如下。对话框中几个重要选项的意义如下。表格宽度（表格宽度（Width）：设置表格宽度值，否则，其宽度将随其中的内容而）：设置表格宽度值，否则，其

2、宽度将随其中的内容而改变。改变。边框粗细（边框粗细（Border）：指整个表格边框的粗细，标准单位是像素。）：指整个表格边框的粗细，标准单位是像素。单元格边距（单元格边距（Cell padding）：也称为单元格填充，是指单元格内部的文）：也称为单元格填充，是指单元格内部的文本或图像与本或图像与单元格边框之间的距离，标准单位是像素。单元格边框之间的距离，标准单位是像素。单元格间距（单元格间距（Cell spacing）：指相邻单元格之间的距离，标准单位是像）：指相邻单元格之间的距离，标准单位是像素。素。二、选择表格和单元格二、选择表格和单元格在在 Dreamweaver 中选择表格的方法非常简

3、单，只需用鼠标单击表格边框中选择表格的方法非常简单，只需用鼠标单击表格边框线即可。当表格外框显示为黑色粗实线时，就表示该表格被选中，如图线即可。当表格外框显示为黑色粗实线时，就表示该表格被选中，如图a 所所示。示。另外，还可以通过另外，还可以通过“标签选择器标签选择器”选择表格。选择表格。选择表格 选择单元格区域 选择某行或某列单元格三、设置表格属性三、设置表格属性选中表格后，可利用选中表格后，可利用“属性属性”面板查看或修改表格的行、列、宽，以及填面板查看或修改表格的行、列、宽，以及填充、间距、背景图像、背景颜色等属性，如图所示。充、间距、背景图像、背景颜色等属性，如图所示。表格“属性”面板

4、 设置表格背景颜色四、设置单元格属性四、设置单元格属性在表格的某个单元格中单击选中，在表格的某个单元格中单击选中，“属性属性”面板中将显示水平、垂直、宽、面板中将显示水平、垂直、宽、高等单元格属性，此时可通过高等单元格属性，此时可通过“属性属性”面板设置其属性，如图所示。面板设置其属性，如图所示。单元格“属性”面板12 LOGO任务 2布局子页表格的高级应用熟悉表格的编辑方法熟悉表格的编辑方法掌握布局表格的使用掌握布局表格的使用一、拆分与合并单元格一、拆分与合并单元格1.拆分单元格拆分单元格拆分单元格就是将一个单元格拆分成多个单元格，具体操作如下。拆分单元格就是将一个单元格拆分成多个单元格，具体操作如下。拆分单元格2.合并单元格合并单元格合并单元格就是将相邻的几个单元格合并成一个单元格。继续在前文的文合并单元格就是将相邻的几个单元格合并成一个单元格。继续在前文的文档中操作，将前文拆分的单元格合并成一个单元格。档中操作，将前文拆分的单元格合并成一个单元格。合并单元格二、在表格中添加或删除行与列二、在表格中添加或删除行与列在使用表格组织大量信息时，需要在创建好的表格中添加或删除行与列，在使用表格组织大量信息时，需要在创建好的表格中添加或删除行与列，以增加或减少记录，具体操作如下。以增加或减少记录，具体操作如下。打开“插入行或列”对话框 插入行