《Dreamweaver CS6 完全自学教程》笔记 第七章：AP Div 元素

---

第七章：AP Div 元素

---

7.1 AP 元素的基本操作

AP 元素是一种 HTML 页面元素，也称之为 “层”。在 Dreamweaver 中，可以用层来设计页面的布局。在布局页面时，不仅可以将层前后放置、隐藏或显示，还可以在文档中移动层。利用层可以非常灵活地放置内容，方便对页面进行合理布局。层可以包含文本、图像或其他任何可在 HTML 文档正文中放入的内容。

7.1.1 创建 AP 元素

在 “插入” 面板切换到 “布局” 对象，然后单击 “绘制 AP Div ” 按钮，即可绘制一个层，若按住 Ctrl 不放，可以绘制多个层。点击 插入 -> 布局对象 -> AP Div 也可以插入层。

7.1.2 设置 AP 元素参数

在 “首选参数” 中的 “AP 元素” 可确定层的默认设置。

参数介绍：

• 显示： 层在默认情况下是否可见
• 在 AP div 中创建以后嵌套： 可以直接在层内绘制嵌套层。

层的特性：

• 可浮动性
• 可隐藏性：结合显示或隐藏层行为命令可完成下拉菜单操作。
• 可重叠性
• 可剪切性
• 可滚动性：可以通过滚动条显示出更多内容。

7.1.3 AP 元素属性

在 “属性” 面板中可以查看和设置层的属性。

参数介绍：

• CSS-P 元素： 输入当前层的名称，以便在层面板和 JS 代码中标识该层。每个层都有唯一的名称，命名时只能使用标准的英文字母、数字。
• 左 / 上： 设置层的左上角相对于页面或父层左上角的位置。
• Z 轴： 确定层的堆叠顺序。值可以为正和负，编号越大，顺序越靠前。
• 溢出： 选择当内容超过层的大小时该如何显示。scroll（滚动）不关内容是否溢出都显示滚动条，auto（自动）只有内容溢出时显示滚动条。
• 剪辑： 用来定义层的可见区域。

---

7.2 AP 元素面板

点击 窗口 -> AP 元素 或者按 F2 键可打开 “AP 元素” 面板。

参数介绍：

• 防止重叠： 在创建嵌套层时，不能选中该选项。
• ID： 层的名称。
• Z： Z 轴。

---

7.3 选择 AP 元素

7.3.1 选择一个层

1. 在 “AP 元素” 面板中点击所要选择的层。
2. 点击层的选择柄，若选择柄不可见，则在层的任意位置单击。
3. 单击边框。

7.3.2 选择多个层

按住 Shift 点击需要选择的层。

---

7.4 调整 AP 元素的大小

7.4.1 调整单个层的大小

7.4.2 调整多个层的大小

1. 点击 修改 -> 排列顺序，选择 “设成宽度相同” 或 “设成高度相同”。被选中的层以最后一个被选中的层为准进行设置。
2. 在 “属性” 面板上设置 “宽” 和 “高“。

---

7.5移动 AP 元素

可以直接用鼠标移动或调整 “属性” 面板中的 左 / 上。

---

7.6 对齐 AP 元素

选定网页文档中的层，点击 修改 -> 排列顺序，选择一种对齐方式。

---

第七章总结

可能对于像我这样的小白来讲，AP 元素这个东西乍一听会以为是什么高端的东西，但在了解后会发现它非常之简单，以至于很多东西我都略过了，因为自己一试就会。学到这里，个人感觉 Dreamweaver 就像 word 或 Excel 一样，让我们可以方便的对特定种类的文档进行编辑，完全没有学习前想象的那么难。

---

返回