第七章: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 元素
选定网页文档中的层,点击 修改 -> 排列顺序,选择一种对齐方式。