DW_08使用AP Div.pptVIP

二、防止AP Div元素重叠 方法：在“AP元素”面板中，选择“防止重叠”选项。 因为表格单元格不能重叠，所以Dreamweaver CS5无法从重叠层创建表格。如果要将一个文档中的层转换为表格以兼容IE 3.0浏览器，则选择“防止重叠”选项来约束层的移动和定位，使层不会重叠。 * 三、更改AP Div元素名称 方法：在“AP元素”面板中，双击欲更名的Div元素名称处，编辑输入新的名称。 * 四、改变AP Div元素顺序 排版时常需要控制叠放在一起的不同网页元素的显示顺序，以实现特殊的效果； 在属性面板中“Z轴”表示图层在网页中顺序号；层的显示顺序与Z轴值的顺序一致。Z值越大，层的位置越靠上面。其中１号位于最下面，编号较大的层出现在编号较小的层上面，编号也可以是负值。 方法：在“AP元素”面板中，双击欲改变顺序的Div元素Z轴值进行编辑，或者在属性面板中编辑选定层的“Z轴”属性值。 * 第七节 操作AP Div元素 一、激活AP Div元素 方法：在AP Div元素内的任意位置，单击鼠标。 激活以后，插入点出现在其内部，可以插入内容。 二、在AP Div元素中插入对象 激活AP Div元素后，可以在其中插入各种网页对象。 内容要与层的大小匹配（如图片太大），可以加入文本、图片、表格、插件，也可以在里面再嵌套层。  * 三、调整AP Div元素的大小 可以调整单个AP Div层的大小，也可以同时调整多个AP Div层的大小以使其具有相同的宽度和高度。如果已启用“防止重叠”(在“AP元素”面板中设置)选项，那么在调整层的大小时将无法使该层与另一个层重叠。 方法：选中层，拖动该层的任一大小调整柄，或者在属性面板中输入宽、高值。 微调法： （一次调整10个像素的大小）Ctrl+SHift+ →或↓ （一次调整一个像素的大小）Ctrl + →或↓ * 四、移动AP Div元素 选定AP Div层，用鼠标拖动至新的位置，或者用光标移动键移动至新的位置。 * 演示：用层绘制一个常见的网页布局： （半圆形链接分布）、（图片的堆叠分布)。 五、对齐AP Div元素 当有多个AP层时，可以对它们进行对齐操作，包括左对齐、右对齐、上对齐与对齐下缘，以最后一个选定AP层的边框位置为标准对齐。 方法：选中创建好的多个AP层，单击“修改”—“排列顺序”中的对齐方式（左、右、上、下）； 如“对齐下缘”命令菜单，将所有选中的AP层以最后选中的AP层的下边框为标准对齐 * 六、对齐AP Div元素到网格 显示网络：选中“查看” —“网格设置”—“显示网格”选项。 网络设置：执行“查看” —“网格设置”—“网格设置”命令。 开户对齐网格功能后，通过鼠标拖动改变Ap Div层的位置时，在靠近网格时，会自动吸附到网格的某一条边上对齐。 * 开启对齐网格功能 七、AP Div元素的定位方式 绝对定位：是指定Ap Div元素以最近的上级包含块的左上角为参考点进行定位，可用拖动法移动Ap Div元素的位置。但相近的其它内容位置改变时，不会影响Ap Div元素的位置。 相对定位：是指定Ap Div元素以相对于自身位置的左上角为参考点进行定位，不能用拖动法移动Ap Div元素的位置。其位置不固定，相近的其它内容位置改变时，Ap Div元素的位置会相应地发生变化（如其上方增加或者减少行，会相应变化）。 * 默认的定位为绝对定位； 改变定位方式：在Ap Div元素定义代码中将position属性值由absolute改为relative， 区别：相对定位的Ap Div元素没有左上角的层选择标记。 * #apDiv7 { position:relative; left:123px; top:50px; width:206px; height:177px; z-index:2; background-color: #990000; } 八、把AP Div元素转换为表格 前提：要转换为表格的各AP Div元素不能重叠。 方法：选中所有要转换为表格的AP Div元素，选择“修改—转换—AP Div转换为表格”菜单，然后在出现的对话框中选择所需的选项。最后单击“确定”。 * 九、转换表格为AP Div元素 选择“修改/转换/将表格转换为AP Div”菜单。然后在出现的对话框中选择所需的选项。最后单击“确定”。 * 第8章使用AP Div * 教育学院 * 网站建设 第8章使用AP Div * 教育学院 网站建设 第8章使用AP Div * 教育学院 网站建设 第8章使用AP Div * 教育学院 网站建设 第8章使用AP Div * 教育学院 网站建设 第8章使用AP Div * 教育学院 网站建设 第8章使用AP Div