对于有 Dreamweaver 基础的读者来说，初识APDiv 或许会感到即熟悉又陌生。熟悉于它的 Div标识符，陌生于他在 CS3 版本中的含义及作用。其实， APDiv 在 Dreamweaver CS4 中仍等同于前期版本的层，又称为 AP 元素或 CSS-P 元素，本文以下简称 AP 层。

什么是层？有什么作用？前面我们学习过了表格，知道了表格可以作为页面布局的容器。 AP 层也是作为网页布局的容器， AP 层内可以包含文本、图形图像、动画、音频、视频、表格等一切可以放置到 HTML中的元素，甚至可以在 AP 层内放置 AP 层。本章我们就为大家详细的介绍一下 AP 层的相关内容。

12.1.1 创建 AP 层12.1.2 AP 层的属性

在 Dreamweaver CS4 中， AP 层的创建创建层的方法有两种。1.将插入点放置在要创建层的地方， “插入”→“布局对象” →“ AP Div” 。2.选择“插入”工具栏中的“布局”选项卡，单击“绘制层”按钮

利用“属性检查器”对 AP 层属性进行设置，可以调整创建好的 AP 层，达到预期的网页布局效果。 AP层的属性包括 ID 、位置、大小、 Z 轴、可见性、背景、类、溢出、剪辑等基本属性，如图 12.9 所示。

层的基本操作包括 AP 层的激活与选择，插入内容，调整 AP 层的位置、大小、层叠顺序、可见性、背景、对齐方式等。

若要对层进行操作与编辑，首先得选择 AP 层。选择AP 层是为了对 AP 层的属性进行操作。在“层”面板中，单击层名称，这时所选择的层就会出现控制点，表示选中，并且可以操作了。将光标移到层的边框处，当光标变成十字形时单击。如果选中多个层，可按下 Shift 键，然后在层面板或是文档窗口中直接单击层边框来一一选择需要的层，即可实现多选。

当 AP 层被选中之后，就可以在 AP 层内输入或从其他文件中复制粘贴相应文本内容，也可单击“插入”工具栏“常用”类别中的各种按钮，插入图像、媒体、脚本等内容。

很多情况下 AP 层的创建位置不是期望的位置，这时可以通过以下操作，精确调整 AP 层的位置。

与 AP 层的位置一样， AP 层的大小有时也不理想，就要对其进行精确调整。

使用“ AP 元素”面板或使用“属性检查器”都改变AP 层的层叠顺序。

AP 层可见性的改变也可通过 “ AP 元素”面板与“属性检查器”来实现。（ 1 ）单击“窗口” |“AP 元素”打开“ AP 元素”面板，如图 12.25 所示。（ 2 ）用鼠标单击要更改 AP 层名称前面的眼睛图标即可改变 AP 层的可见性。闭上的眼睛图标表示 AP 层被隐藏，处于不可见状态；睁开的眼睛图标表示 AP层被显示，处于可见状态；没有眼睛图标表示该 AP 层继承其父 AP 层（即被嵌套 AP 层）的可见性属性。注意：若想统一更改所有 AP 层的可见性，可用鼠标单击列顶端的眼睛图标。（ 3 ）在“属性检查器”中更改。选中要设置可见性的 AP 层，在“属性检查器”中“可见性”下拉列表框中选择相应可见性选项即可，如图 12.26 所示。

设置 AP 层的背景包括添加背景颜色和插入背景图片。

当有多个 AP 层时，可以对它们进行对齐操作，包括左对齐、右对齐、上对齐与对齐下缘，以最后一个选定 AP 层的边框位置为标准对齐。具体操作步骤如下：（ 1 ）选中创建好的多个 AP 层，如图 12.32 所示。最右端的 AP 层为最后选中的 AP 层。（ 2 ）单击“修改” |“排列顺序” |“ 对齐下缘”命令菜单，将所有选中的 AP 层以最后选中的 AP 层的下边框为标准对齐，效果如图 12.33 所示。其他对齐操作与其类似，就不再重复讲解。

在 Dreamweaver CS4 中，可以实现 AP 层与表格之间的相互转换。具体操作步骤如下：“修改” →“转换” →“将 AP Div转换为表格”

“修改” →“转换” →“将表格转换为 AP Div”