当前位置：文档之家 › DW网页布局表格布局表格课件

DW网页布局表格布局表格课件

  • 格式：ppt
  • 大小：1.15 MB
  • 文档页数：30

下载文档原格式

  / 30

合集下载

DW 网页布局

DW 网页布局
图 3-1-5 通过标签选取表格
（2）选取单元格 将鼠标指针移动到某个单元格上，按住 Ctrl 键不放，再单击，就可以选中这个单元格。 按住 Ctrl 键，再逐个单击要选取的单元格，就可以选中不连续的多个单元格。 通过鼠标拖动的方式可以选取连续的多个单元格。
（3）选取行或列 将鼠标指针移动到选取行的左边或者列的上面，光标变成箭头形状时单击鼠标左键就可以
z
：表格的对齐方式，可以将表格居左、居中或居右。
z
：代表表格边框的粗细，如果设“0”则代表没有边框，注意网页中表格的
内边框和外边框粗细是一样的。
z
：设置表格的背景颜色。
z
：设置表格边框的颜色。
z
：设置表格的背景图像，如果设置了背景图像，背景
颜色就失效。 z ：消除列的宽度设置。 z ：消除行的高度设置。 z ：将表格宽度的设置由百分比转换为像素。
z ：合并单元格（操作之前要先选择需要合并的单元格）。
z ：拆分单元格，拆分为多行或多列。
z
：单元格内部的水平对齐方式，作用与
类似。
z
：单元格内部的垂直对齐方式。
z
：设置单元格的背景图像。
z
：设置单元格的背景颜色。
z
：设置单元格的边框颜色。
3.1 表格布局技术章8章1章
表格的操作
（1）选取整个表格 在 Dreamweaver 8 中选取表格方法有很多种，最简单的就是将鼠标指针移动到表格的边框
选中一整行或整列。按住鼠标左键不放上下拖动还可以选取多行或多列。 错误！
提示 将光标移至单元格中，可用键盘上的方向键和 Tab 键在单元格之间移动，如果在表格 最后一个单元格按下 Tab 键，表格会自动添加一行。

DW网页设计--表格 ppt课件

DW网页设计--表格 ppt课件

ppt课件
19
8.2.6 设置表格的列
• 虽然HTML页面中表格是按照一行一行这样的概念建立起 来的，但是可以使用<colgroup>定义表格列的分组。这个 标签常和其他2个标签配合用，一个是<col>标签，一个是 <span>标签。<col>标签表示为表格中一个或多个列定义 属性值，是仅包含属性的空元素，只能在表格或colgroup 中使用此元素。
ppt课件
15
8.2.3 合并单元格
• 合并同行单元格使用colsplan属性。在需要修改的那一行 中，先删除多余的单元格，这是重要的一步，如果删错了 单元格，很可能最后呈现的表格会面目全非。这之后再定 义合并的单元格。合并同列的单元格使用rowspan属性， 这里介绍一种合并单元格的方法。
ppt课件
ppt课件
9
8.2.1 制作普通表格
• <table> • <tr> • <th>Head1</th> • <th>HEAD1</th> • </tr> • <tr> • <th>Head2</th> • <td>row 1, cell 2</td> • </tr> • <tr> • <th>Head3</th> • <td>row23, cell 2</td> • </tr> • </table>
第8章 表格
• 没有CSS之前，表格是最流行的布局页面的方式。它表示 一种布局页面的方法，而不仅仅只是指单元格组成的表格， 不过那已经是很久以前的事情了。现在谈论Web设计的时 候，再说到“表格”，那么它就是一个普通的由单元格组 成的表格。

dw教学课件-第四讲----表格布局

dw教学课件-第四讲----表格布局
<th>…</th>设置表格头：通常是黑体居中文字
9
3、创建表格
单击插入常用工具栏上的按钮 将光标停放在选定的位置，执行插入→表格 将插入面板中的按钮从插入面板中拖到页面的相应
位置。
10
4、设置表格属性
Table id(表格名） Rows设置表格的行数，Cols设置表格的列数 Width：设置表格的宽度，以像素或百分比为单位 Height：设置表格的高度，以像素或百分比为单位
任务一、网页布局
在页面设计中，页面布局是一个很重要的部分， DW中提供了表格、布局表格、布局单元格、层、 框架来设计网页布局的方法。 布局的辅助功能 1、使用标尺： 单位： 坐标原点：可以移动，也可以重设原点. 显示：查看－标尺－显示 2、使用网格：查看－网格－网格设置
6
3、跟踪图像 页面属性－跟踪图像－透明度。它可以更好地帮助 进行网页的设置，完成初步的布局绘制布局表格和 布局单元格）。预览时，追踪图像是无图象显示的 仅仅作为辅助功能。
11Βιβλιοθήκη Cellpad(填充)：单元格填充值 Cellspace（间距）:单元格间距 Align（对齐）：表格的对齐方式 Border（边框）：表格的边框宽度 Bordcolor（边框颜色）:表格边框色 Bgcolor：表格背景色 Bgimage：表格背景图像
12
5、设置单元格属性
前提：选中单元格或光标定位到单元格中 Horz(水平):设置单元格内容的水平对齐方式． Vert（垂直）：设置单元格的垂直对齐方式． W和H：以像素表示的单位设置单元格的宽度和高
情况下，标题单元格中的内容被设为粗体并且居中对 齐
14
6、表格的基本操作 选择表格整体、行、列、单元格 调整整个表格、行、列大小 插入/删除行和列 合并/拆分单元格 复制及粘贴单元格

DreamweaverCS5网页制作第3章 使用表格布局页面PPT课件

DreamweaverCS5网页制作第3章 使用表格布局页面PPT课件

3.1 表格的建立和编辑
3.1.4 实战演练：网站“行星大观”页眉导航部分制作
操作步骤： 6）光标移到第2行第1个单元格，在属性面板中设单元格的“宽”为270，“高”为24。鼠标 选中该行其它所有单元格，在属性面板中设单元格设为“宽”为100，水平、垂直方向均为 居中对齐。输入对应文字，如图所示。
（3）选取行或列 从一个单元格开始，拖动鼠标选中整行和整列的单元格，单元 格所在的行或列即被选中。或将鼠标停留在一行的左边框或一列的上边框，当选择行 或列的图标出现时，单击鼠标即可选择行或列。
3.1 表格的建立和编辑
3. 设定表格和单元格属性 （1）表格属性
当选中整个表格时，属性面板会自动变成表格的设置面板。可以通过这个面板 修改表格的行数、列数、大小等属性。表格的属性面板如下图所示。其中行、列、 宽、高、填充（即单元格边距）、间距、边框在创建表格时已经介绍过。
3.1 表格的建立和编辑
2. 选取表格元素 （1）选取整个表格 将鼠标指针移动到表格的边框线上单击鼠标左键选择整个表
格。或光标放在表格中时，点击菜单“修改”→“表格”→“选择表格”命令。也可以 将光标放在单元格中，在文档窗口的左下角的标签选择器中选择“Table”标签，选取 整个表格。
（2）选取单元格 将鼠标指针移动到某个单元格上，按住Ctrl键不放，再单击， 就可以选中这个单元格。按住Ctrl键，再逐个单击要选取的单元格，就可以选中不连 续的多个单元格。光标移到某个单元格中，按住Shift键鼠标点击另外一个单元格，则 这两个单元格之间的所有单元格将被选中，形成一个连续矩形区域。也可以通过鼠标 拖拽的方法可以选取连续的一片单元格。
3.1 表格的建立和编辑
3.1.1 案例制作：2006世界杯E组对阵表

DW网页布局(表格、布局表格)PPT课件

DW网页布局(表格、布局表格)PPT课件
第4章 构建网页布局
使用表格 使用布局表格
精选PPT课件
4.1 使用表格
所谓表格就是由一个或多个单元格构成的集合，
表格中横向的多个单元格称为行，垂直的多个单
元格称为列。行与列的交叉区域称为单元格，网
页中的元素通常都被放置在这些单元格中，以使
其“各安其位”。
此处表示未 明确设置单 元格的宽度
此处显示了表格的宽 度。如果只显示一个 “▼”符号，表示未
布布局局单单元元格格只只能能添添 加加在在布布局局表表格格中中
可以在原有布局表格 的下方添加布局表格
不不能能在在原原有有内内 容容的的右右侧侧，，添添 加加布布局局表表格格了了
布布局局表表格格不不能能互互相相 重重叠叠，，只只能能嵌嵌套套
精选PPT课件
绘制完布局表格后的代码：
<table width="250" border="0" cellpadding="0" cellspacing="0">
精选PPT课件
4.使用间隔图像： 间隔图像是不可见的、单像素的、透明 GIF图像，用于控 制自动伸展表格中的间距，以维持表格和单元格的宽度。 若不在自动伸展表格中使用间隔图像，则表格列的大小将 发生改变或消失（如果表格不包括内容）。若要将列的最 小宽度限制到某一特定值，可在该列中插入一个间隔图像 。单击列标题菜单，然后选择“添加间隔图像”（也可同 法 “删除间隔图像 ）。 5.网格线：从任何新布局单元格的边缘向外延伸到包含该 单元格的布局表格的边缘，这些线可以方便将新单元格和 以前的单元格对齐，并显现基础 HTML 表格的结构。 Dreamweaver 网格已设置，并且这种网格不会根据单元格 的位置发生更改，因此可以用它来设计页面的布局。

DW网页布局1

DW网页布局1

（3快捷键Ctrl+Alt+T。

即会出现“表格”对话框，如下图所示：（3）设置“插入表格”对话框选项※通过表格对话框，可以在插入表格前指定表格的属性，如：行数、猎术、表格宽度、边框粗细、单元格边距、单元格间距※在“标题”部分选择一个标题选项：“无”表示不启用列或行标题“左侧”可以将标的第一列作为标题列“顶部”可以将标的第一行作为标题行“两者”能够在表中输入列标题和行标题※在“辅助功能”部分指定了以下选项：“标题”提供了一个显示在表格外的表格标题。

“对齐标题”指定表格标题相对于表格的显示位置。

“摘要”给出的是表格的说明。

2、编辑表格：（1）选择表格：分为选择整个表格和表格中的单元格。

（1整个表格的选择A、将光标置于单元格中，单击“标签选择器“中出现的<table>标签。

B、将光标置于单元格中，连续按快捷键Ctrl+A两次。

C、将光标置于单元格中，点击表格上方的在下拉框中选择表格命令。

D、单击表格边线（2选择单个单元格的方法：A、将光标放在要选的单元格中，单击“标签选择器”中的<td>标签；B、将光标放在要选的单元格中，按一次快捷键Ctrl+A；C、将光标放在要选的单元格中，向右拖动鼠标；D、按住Ctrl，单击要选择的单元格，再次单击取消。

（3选择多个单元格A、按住Ctrl，单击要选择的单元格；B、将光标放到单元格中，拖动鼠标，选择多个；C、如需要选择整行，将光标放在该行的左边缘，单击。

D、选择整列，将光标置于该咧上部边缘，单击。

（2）添加或删除行或列（1在现有表格中插入行，选择下列操作之一：A、将光标移入到单元行的下一行，按快捷键Ctrl+M；B、将光标移入到单元行的下一行，右击，在快捷菜单中选择“表格”>“插入行”命令；（2现有表格中插入列，可选择下列操作之一：A、将光标放到表格中的要插入列的左边或右边的某个单元格中，点击该列上方对应的，如上图，在下拉菜单中选择“左侧插入列”或“右侧插入列”命令；B、将光标放到表格中的要插入猎德右边一列的某个单元格中，右击，在弹出的快捷菜单中选择“表格”>“插入行”命令；（3如要在现有的表格中插入多行或多列，先将光标放到表格中的要插入列的左边或右边列的某个单元格中，右击，在弹出的快捷菜单中选择“表格”>“插入行或列”命令；如图：（4删除整行/整列，采用下列方法之一：、A、选择要VS喊出的正行货整列，直接按Delete，、B、将光标放到要删除的行或列，右击，在快捷菜单中选择“表格”>“删除行”或“删除列”命令；、（5合并或拆分单元格、对表格中的单元格进行合并/拆分，可以通过菜单命令来实现，也可以通过右击弹出的快捷菜单来完成，常用的还是“单元格属性检查器”上的快捷按钮来合并或拆分单元格。

《表格和页面布局》PPT课件

“排序的行保留 TR 属性” 指定排序后表格行的属性（例如颜色）应该保持与相同内 容的关联。如果表格行使用两种交替的颜色，则取消选择 此选项以确保排序后的表格仍具有颜色交替的行。如果行 属性特定于每行的内容，则选择此选项以确保这些属性保 持与排序后表格中正确的行关联在一起。
精选课件ppt
15
注意事项
2
创建表格
❖ 在网页中插入表格 （1）新建一个HTML文档。 （2）将光标空位在需要插入表格的位置，在 “插入”栏的“常用”选项卡中单击“插入 表格”按钮。（也可用菜单实现，或用快捷 键Ctrl+Alt+T） （3）在弹出的对话框中作相关设置。 （4）单击确定即可。
精选课件ppt
3
插入表格对话框
❖ 对脚文件进行排序：在默认情况下，Dreamweaver不对脚 行进行排序，如要对脚行进行排序，可选择“对TFOOT行 （如果存在）进行排序”复选框。
精选课件ppt
16
将表格转化为层
❖ 网页设计者可以调整页面布局。如是是表格布局， 调整比较麻烦，此时，我们可以将表格转化成层， 然后通过移动层来调整布局，方便又快捷。
❖ 边框（border）:输入表格线的像素宽度。如果不需要显示 表格线。则输入为0。
❖ 单元格填充（Cell Padding）:它表示输入单元格的内容与 单元格边线之间的像素数。单元格的上、下、左、右都是一 个值。
❖ 单元格间距（Cell Spacing）：它单元格之间的距离的像素 数。
精选课件ppt
精选课件ppt
26
设置布局单元格和表格的属性
❖ 在表格属性中，有四个小按钮要清楚它们的 功能。 一个是清除表格的行高； 一个是单元格的宽度和单元格的内容一致； 一个是可移除所有分隔符图像； 一个可以清除嵌套表格，它只清除嵌套表格， 而不会清除其中的内容。

网页设计第9章Dreamweaver的表格和网页版面设计PPT课件

9
9.1 网页中的表格
9.1.4.5 调整表格大小和外观 ▪ 调整表格宽度或高度：选择表格，拖动选择框右边
或底边的控制点。 ▪ 同时调整表格的高度和宽度：选择表格拖动选择框
右下角的控制点。 ▪ 若要精确指定表格大小：选定表格，在属性检查器
的“宽”和“高”文本框输入数值，在其后的下拉 列表框选择值的单位。 ▪ 在表格的属性检查器中可以设置表格的背景颜色、 背景图像、边框颜色等等属性。
进入布局模式。如图。 ▪ 在布局模式里，“插入”栏的“布局”中有两个可
用的按钮,它们是“布局表格”按钮和“绘制布局单 元格”按钮。此时，标准模式下的“表格”按钮和 “绘制层”按钮均呈不可用状态。（在标准模式下， “布局表格”按钮和“绘制布局单元格”按钮是不 可用的）。
16
9.2 用表格布局网页
17
9.2.3 绘制布局表格 ▪ 在布局模式下单击“插入”工具栏“布局”类别中的“布局
表格”按钮，然后将十字形指针移至工作区，按住鼠标左键 拖动，即可绘制出一个布局表格。按住Ctrl键可连续绘制出 多个布局表格。
18
9.2 用表格布局网页
9.2.4 更改布局表格和布局单元格的属性 设置布局表格的属性——使用布局表格的属性检查器。 如图:
dreamweaverdreamweaver的表格和网页版面设计的表格和网页版面设计表格在网页中的作用表格在网页中的作用表格的创建与编辑表格的创建与编辑利用表格对页面进行布局利用表格对页面进行布局利用布局试图对页面进行布局利用布局试图对页面进行布局dreamweaverdreamweaver中框架的创建方法中框架的创建方法超链接框架目标的指定超链接框架目标的指定框架和框架页的基本操作框架和框架页的基本操作9191网页中的表格网页中的表格表格是现代网页制作的一个重要组成部分

Dreamweaver8和Flash8案例教程-第3章框架、表格、层与网页布局.ppt


图3-1-1 “操作系统比较”网页的显示效果
图3-1-2 单击不同链接后网页的显示效果
框架就是把一个网页页面分成几个单
独的区域（即窗口），每个区域就像一个 独立的网页，可以是一个独立的HTML文 件。
因此，框架可以实现在一个网页内显 示多个HTML文件的效果。
对于一个有n个区域的框架网页来说， 每个区域有一个HTML文件，整个框架结 构也是一个HTML文件，因此该框架网页 是一个HTML文件集，它有n+1个HTML 文件。
图3-1-7 分栏框架“属性”栏
➢“框架名称”文本框：用来输入分栏框架 的名字。
➢ “源文件”文本框：用来显示该分栏内 HTML文件的路径和文件的名字。
➢ “滚动”下拉列表框：用来选择分栏是否 要滚动条。选择“是”选项，表示要滚动 条；选择“否”选项，表示不要滚动条； 选择“自动”选项，表示根据分栏内是否 能够完全显示出其中的内容来自动选择是 否要滚动条；选择“默认”选项，表示采 用默认状态。
➢“边框”下拉列表框：用来确定是否要边 框。选择“是”选项是保留边框；选择 “否”选项是不保留边框；选择“默认” 选项，表示采用默认状态。通常是要保留 边框。
➢“边框颜色”栏：用来确定边框的颜色。 单击该按钮，可弹出颜色板，利用它可确 定边框的颜色。也可在文本框中直接输入 颜色数据。
➢“边框宽度”文本框：用来输入边框的宽 度数值，其单位是像素。如果在该文本框 内输入0，则没有边框。如果“查 看”→“可视化助理”→“框架边框”菜 单命令被选中，则网页文档窗口内会显示 辅助的边框线（不会在浏览器中显示）。
3.2 【案例8】“主流电脑配置单” 网页
3.2.1 学习目标
“主流电脑配置单”网页的显示效果 如图3-2-1所示。由于电脑的配置单有很强 的条理性，所以在该网页中使用表格对网 页中的数据进行排版。

dreamweaver8网页设计 第三章 使用表格布局网页PPT课件

6
3．选择单元格
可以选择单个单元格，也可以选择连续的多个单 元格或不连续的多个单元格。
•要选择某个单元格，可首先将插入点置于该单元格内， 然后按【Ctrl＋A】组合键或单击“标签选择器”中对应 的“<td>”标签。
•要选择连续的单元格区域。应首先在要选择的单元格区 域的左上角单元格中单击，然后按住鼠标左键向右下角 单元格方向拖动鼠标，最后松开鼠标左键。
9
综合实例1——用表格布局“SM”网站主 页
本例将在第2章综合实例创建的文档“index.html” 的基础上，使用表格布局文档，以巩固3.1节所 学知识。
10
3.2 表格高级操作
3.2.1 拆分与合并单元格
在网页制作中，经常会用到一些特殊结构的表 格，此时就需要拆分或合并单元格。
11
1．拆分单元格
•如果希望选择一组不相邻的单元格，可按住【Ctrl】键 单击选择各单元格。
7
3.1.3 设置表格属性
选中表格后，可利用“属性”面板查看或修改表 格的行、列、宽，以及填充、间距、背景颜色、 背景图像等属性。
8
3.1.4 设置单元格属性
在表格的某个单元格中单击，“属性”面板中 将显示水平、垂直、宽、高等单元格属性，此 时可通过“属性”面板设置其属性。
拆分单元格就是将一个单元格拆分成多个单元格。
12
2．合并单元格
所谓合并单元格，就是将相邻的几个单元格合并 成一个单元格。 拖动鼠标选中要合并的连续单元格（此处为第1 行中间的3个单元格），然后单击“属性”面板 上的“合并所选单元格，使用跨度”按钮 ，则3 个单元格合并为1个单元格。
13
3.2.2 插入、删除行和列
17
添加
  1. 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
  2. 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
  3. 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。

课堂练习4 制作圆角表格
在浏览网页时，经常会看到圆角表格，这使得 整个网页看起来更加柔和、美观。 制作圆角表格的方法有很多，下面就以制作下 图左侧的表格为例，具体讲解一下此类表格的 制作方法。
4.2使用布局表格布局网页
4.2.1. 模式简介及注意事项
在dw中使用表格有以下 3种模式： 标准模式： 具体内容添加和显示的模式。 表格扩展模式： 使用表格对页面进行布局的模式，也
注意要点：
? 如果页面已包含内容，则只能在现有内容的下方空白 区绘制新的布局表格。
? 在一个布局表格中可创建多个布局单元格;布局单元 格不能存在于布局表格之外;更不能在一个布局单元 格中创建布局表格。 也可以仅在准备添加内容时绘 制每一个单元格。
? 当绘制的布局单元格不在布局表格中，则自动创建一 个布局表格作为该单元格的容器，这时表格与页边距 相差8个像素。
不不能能在在原原有有内内 容容的的右右侧侧，，添添 加加布布局局表表格格了了
布布局局表表格格不不能能互互相相 重重叠叠，，只只能能嵌嵌套套
绘制完布局表格后的代码：
<table width=250 border=0 cellpadding=0 cellspacing=0>
<!--DWLayoutTable--> <tr>
明确设ቤተ መጻሕፍቲ ባይዱ表格宽度
4.1.1 创建表格
在Dreamweaver 中创建表格的方法非常简单。 确定插入点后，单击“常用”插入栏中的“表 格”按钮，打开“表格”对话框，设置各项参 数后，单击“确定”按钮，即可插入表格。
4.1.2 选择表格和单元格
在Dreamweaver 中选择表格的方法非常简单， 只需用鼠标单击表格边框线即可。 要选择某个单元格，可首先将插入点放置在 该单元格内，然后按【 Ctrl＋A】组合键或单 击“标签选择器”中对应的“<td>”标签。 要选择某行或某列，可将光标置于该行左侧 或该列顶部，当光标形状变为黑色箭头 或 时单击鼠标。
是传统模式。
布局模式： 使用布局表格对页面进行布局的模式，可以
在添加内容前使用布局单元格和表格来对页面进行布局； 也可以在布局模式中将文本、图像和其他内容添加到布局 单元格中，这和在标准模式中一样。 布局模式同时具有表格和层的共同性质，继承了层的准确 定位和可移动性，还继承了表格的行列属性。
模式切换的操作方式：查看 ---表格模式 ---标准模式 /布局模式 /表格扩展模式。
在不同模式下，工具栏的各个按钮作用不同。
注意：只有在“设计”视图中才可切换到“布 局”模式。在布局模式中不能像布局表格的 空白区域插入内容，只能创建布局单元格， 布局单元格才是承载具体内容的容器。
4.2.2. 绘制布局表格
按住ctrl键可以绘制多个布局表格。
4.2.3绘制布局单元格：
按住ctrl键拖动可以连续绘制多个布局单元格。
选中表格后，选 择“命令”>“格 式化表格”菜单
在“格式化表格 ”对话框中设置 各项后，单击“ 确定”按钮
课堂练习3 制作嵌套表格
所谓嵌套表格，就是在一个大表格的某个单元 格里插入一个新的表格，我们看到的绝大多数 网页都是由多个表格相互嵌套进行网页布局的 。 本节通过制作“lily”网站中的“产品展示” 页面来看看嵌套表格的应用和制作方法。
4.1.3 设置表格和单元格的属性
选中表格后，使用属性面板可以修改表格的 行、列、宽、高，以及填充、间距等。
在单元格中单击，属性面板中将显示相应单 元格的属性。
1．设置表格和单元格的宽度与高度
制作网页时，很多情况下都需要改变表格和单
元格的宽度与高度，通过拖动边框或在属性面
板的“宽”和“高”文本框中直接输入数值，
单击“合并所
选单元格，使
用跨度”按钮
2．拆分单元格
拆分单元格表示将一个单元格拆分成多个单元 格，下面继续在前面的文档中操作，也就是将 前面合并的单元格拆分开来，具体操作如下。
在要拆分 的单元格 中单击
打开“拆分单元 格”对话框，设 置各项参数后单 击“确定”按钮
单击“拆分单元格 为行或列”按钮
4.1.5 添加或删除行和列
在使用表格布局网页时，往往需要在创建好 的表格中添加或删除行和列。
在要添加行或列 的单元格中单击 鼠标右键，在弹 出的快捷菜单中 选择“表格”>“ 插入行或列”菜 单
在打开的“插入 行或列”对话框 中设置各项后单 击“确定”按钮
4.1.6 格式化表格
在使用表格显示数据信息时，为便于浏览者阅 读，往往需要为单元格设置不同的背景颜色。 常用的方法如下。
? 表格不能互相重叠，可以嵌套。一个表格可以完全包 含在另一个表格当中。将插入点放置到一个布局表格 中，即可绘制嵌套布局表格 。嵌套布局表格的大小 不能超过包含它的表格。
布布局局表表格格不不能能添添加加 在在布布局局单单元元格格中中
布布局局单单元元格格只只能能添添 加加在在布布局局表表格格中中
可以在原有布局表格 的下方添加布局表格
课堂练习2 制作细线表格
在Dreamweaver 中，有多种方法可以制作细线 表格，下面我们讲解一种最简单也是最常用的 方法，就是通过设置表格的间距和背景颜色来 制作细线表格。
4.1.4 合并与拆分单元格
1．合并单元格
所谓合并单元格，就是将相邻的几个单元格合
并成一个单元格。
拖动鼠标选
中要合并的
单元格
就可以非常方便地改变表格和单元格的宽度与
高度。 设置表
设置单元格“
格高度
宽”和“高”
2．为表格和单元格设置背景颜色及背景图像
为表格和单元格设置背景颜色及背景图像的 方法相当简单。
选 择 文
件
将插入点置 于单元格中
单击“背景” 文本框后的文 件夹图标
课堂练习1 使用表格构建 “火百合”主页布局
在学习了表格的简单应用后，下面将结合表格 与图像的应用来看一下“火百合”主页的具体 制作方法。
第4章 构建网页布局
使用表格 使用布局表格
4.1 使用表格
所谓表格就是由一个或多个单元格构成的集合，
表格中横向的多个单元格称为 行，垂直的多个单
元格称为 列。行与列的交叉区域称为 单元格，网
页中的元素通常都被放置在这些单元格中，以使
其“各安其位”。
此处表示未 明确设置单 元格的宽度
此处显示了表格的宽 度。如果只显示一个 “▼”符号，表示未