布局对象的使用.PPT

第11章 布局对象的使用 一、AP元素面板 “AP元素”面板显示了网页中所有的AP Div及各个AP Div之间的关系，在“AP元素”面板中可以选择AP Div，设置AP Div的显示属性、设置AP Div的堆叠顺序及重命名AP Div等。 1、打开“AP元素”面板：选择“窗口/AP Div”命令或按F2键。 2、当前网页中的所有AP Div都会显示在“AP元素”面板中，嵌套AP Div以树状结构显示。 3、在“AP元素”面板中可对AP Div进行如下操作： 双击AP Div的名称可对AP Div进行重命名。 单击AP Div后面的数字可修改AP Div的重叠顺序，即Z轴顺序，数值大的将位于上AP Div。 在AP Div名称前面有一个眼睛图标，睁开的眼睛图标表示该AP Div处于显示状态；闭合的眼睛图标表示该AP Div处于隐藏状态；单击眼睛图标可切换AP Div的显示或隐藏。如果未显示眼睛图标，表示没有指定可见性。 选中“防止重叠”复选框可以防止AP Div重叠，且不能创建嵌套AP Div。 4、 AP Div面板分为3栏，最左侧是眼睛标记，用鼠标直接单击标记，可以显示或隐藏所有的层；中间显示的是层的名称；最右侧是层在Z轴的排列情况。 二、插入AP Div并设置其属性 1．创建AP Div 方法1：将插入栏切换到“布局”插入栏，单击“绘制AP Div”按钮，鼠标光标将变为“＋”形状，在编辑窗口中的任意位置按下鼠标左键不放进行托动即可创建AP Div。 方法2：在菜单栏中选择“插入记录/布局对象/AP Div”命令，插入AP Div。 2. 创建嵌套AP Div AP Div可以进行嵌套。在某个AP Div内部创建的AP Div称为嵌套AP Div或子AP Div，嵌套AP Div外部的AP Div称为父AP Div。子AP Div可以浮动于父AP Div之外的任何位置，其大小不受父AP Div限制。 创建嵌套AP Div方法：将鼠标光标定位到所需的AP Div内，选择“插入记录/布局对象/AP Div”命令即可。如果要逐级添加子AP Div，只需将鼠标光标定位到所需的子AP Div中，按创建嵌套AP Div的方法即可。 3. AP Div属性设置 可以在“属性”面板中对其AP Div的属性进行设置，下面分别介绍单个AP Div和多个AP Div的属性设置。 a、单个AP Div的属性设置 选择要设置属性的单个AP Div，其对应的属性面板如图所示。 “左”文本框：设置AP Div左边相对于页面左边或父AP Div左边的距离。 “上”文本框：设置AP Div顶端相对于页面顶端或父AP Div顶端的距离。 “宽”文本框：设置AP Div的宽度值。 “高”文本框：设置AP Div的高度值。 “Z轴”文本框：设置AP Div的Z轴顺序，也就是设置嵌套AP Div在网页中的重叠顺序，较高值的AP Div位于较低值的AP Div上方。 “可见性”下拉列表框：设置AP Div的可见性，其中default表示默认值，其可见性由浏览器决定。inherit表示继承该层父级的可见性；visible表示显示AP Div及其内容，与父AP Div的可见性无关；hidden表示隐藏AP Div及内容，与父AP Div的可见性无关。 “背景图像”文本框：用于设置背景图像。 “背景颜色”文本框：设置AP Div的背景颜色。 “类”下拉列表框：选择AP Div的样式。 “溢出”下拉列表框：选择当AP Div中的内容超出AP Div的范围后显示内容的方式。 “剪辑”栏：在该栏中可设置AP Div的可见区域。其中“左”、“右”、“上”、“下”4个文本框分别用于设置AP Div在各个方向上的可见区域与AP Div边界的距离，其单位为“像素”。 b、多个AP Div的属性设置 如果多个AP Div具有相同的属性需要设置，则可以同时选中这些AP Div,然后再在“属性”面板中进行设置。选择多个AP Div后的“属性”面板如图所示。 多个AP Div的“属性”面板中，上部可以设置AP Div中文本的样式，其设置方法与文本“属性”面板相同。下部的大部分属性与单个AP Div的“属性”面板相同，不同的是多个AP Div的“属性”面板中多了一个“标签”下拉列表框，其中包括DIV和SPAN两个选项。 Div标签在功能上与span标签相似，最主要的差别在于Div标签是一个块级元素，在默认情况下Div标签会独占一行（可以通过设置CSS样式使多个Div标签处在同一行中），而span标签则不同，可以与其他网页元素同行。 三、选择AP Div 1. 单个AP Div的选择 方法1：在编辑窗口中单击要选择的AP D