《Dreamweaver 网页设计与制作》课件——项目五 制作饰品网站——用表格构建网页布局.pptVIP

任务 1布局主页 index.html——表格的基本应用任务 2　布局子页——表格的高级应用项目五制作饰品网站——用表格构建网页布局 任务 1?布局主页index.html——表格的基本应用 ◆熟悉各种表格的操作方法◆掌握表格的嵌套方法 一、插入表格Dreamweaver 提供了非常完善的表格编辑功能，首先介绍如何在网页文档中插入表格。 插入表格 插入表格 “表格”对话框中几个重要选项的意义如下。表格宽度（Width）：设置表格宽度值，否则，其宽度将随其中的内容而改变。边框粗细（Border）：指整个表格边框的粗细，标准单位是像素。单元格边距（Cell padding）：也称为单元格填充，是指单元格内部的文本或图像与单元格边框之间的距离，标准单位是像素。单元格间距（Cell spacing）：指相邻单元格之间的距离，标准单位是像素。 二、选择表格和单元格在 Dreamweaver 中选择表格的方法非常简单，只需用鼠标单击表格边框线即可。当表格外框显示为黑色粗实线时，就表示该表格被选中，如图a 所示。另外，还可以通过“标签选择器”选择表格。 选择表格 选择单元格区域 ?选择某行或某列单元格 三、设置表格属性选中表格后，可利用“属性”面板查看或修改表格的行、列、宽，以及填充、间距、背景图像、背景颜色等属性，如图所示。 表格“属性”面板 设置表格背景颜色 四、设置单元格属性在表格的某个单元格中单击选中，“属性”面板中将显示水平、垂直、宽、高等单元格属性，此时可通过“属性”面板设置其属性，如图所示。 单元格“属性”面板 任务 2?布局子页——表格的高级应用 ◆熟悉表格的编辑方法◆掌握布局表格的使用 一、拆分与合并单元格1. 拆分单元格拆分单元格就是将一个单元格拆分成多个单元格，具体操作如下。拆分单元格 2. 合并单元格合并单元格就是将相邻的几个单元格合并成一个单元格。继续在前文的文档中操作，将前文拆分的单元格合并成一个单元格。合并单元格 二、在表格中添加或删除行与列在使用表格组织大量信息时，需要在创建好的表格中添加或删除行与列，以增加或减少记录，具体操作如下。 打开“插入行或列”对话框 插入行