第七章:AP Div

7.1 AP 元素的基本操作

AP 元素是一种 HTML 页面元素,也称之为 “层”。在 Dreamweaver

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 选择一个层

在 “AP 元素” 面板中点击所要选择的层。

点击层的选择柄,若选择柄不可见,则在层的任意位置单击。

单击边框。

7.3.2 选择多个层

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

7.4 调整 AP 元素的大小

7.4.1 调整单个层的大小

7.4.2 调整多个层的大小

点击 修改 -> 排列顺序,选择 “设成宽度相同” 或 “设成高度相同”。被选中的层以最后一个被选中的层为准进行设置。

在 “属性” 面板上设置 “宽” 和 “高“。

7.5移动 AP 元素

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

7.6 对齐 AP 元素

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