Dreamweaver第 10 讲 AP层对象和 DIV 标记.docx

DreamweaverCS3

DreamweaverCS3网页制作

第十讲 AP层对象和DIV 标记

主要内容如下

AP 层对象的含义

AP 层对象的创建和编辑使用AP 层对象的HTML标记语言AP 层对象的网页布局技术DIV 标签的含义

重点及难点：

AP 层对象的创建和编辑使用

AP 层对象的网页布局技术

一、AP层对象

AbsolutelyPositionedElements的缩写，也即“绝对定位元素”，一般称为“层”。

在CS3中，系统使用DIV标记和CSS技术来实现AP层对象的效果，所以也称绝对定位的DIV标记。

AP层对象可以重叠、任意移动、可以设置为隐藏，得到比表格更多的效果。

二、创建AP层对象元素1.几种创建方式。

嵌套AP层对象。

嵌套的含义：嵌套并不表示一个在另外一

个里面显示，而是指一个AP元素的代码在另一个AP 元素代码的内部。嵌套的AP元素会随着父AP元素的移动而移动，继

承父AP元素的可见性。

AP层对象元素的嵌套，有四种方式：

1.将光标置于AP元素内，然后菜单操作。

2.首选参数-分类-AP.Div选中“在AP元素中创建以后嵌套”。

3.工具栏中，插入-布局-拖动“绘制APDiv”到AP元素内。

4.使用AP元素面板。

AP层对象的属性AP元素的属性栏：

可见性：

Default（默认）：不指定可见性的属性。Inherit（继承）：继承父对象的可见性。Visible（可见）：显示AP元素。Hidden（隐藏）：不显示AP元素。

背景颜色：设定AP元素的背景色。如果空白的话，可以指定透明的背景。

类：用来指定控制AP元素的CSS类样式表。

溢出：当AP元素的内容超过AP元素指定大小时。共4个选项。

注意：AP层元素也可以由layer标记来创建，则，属性栏会有所不同。两种代码如

下：

divid=apDiv3/div

layerid=apDiv1/layer

三、AP层元素和表格的转换

注意：要求“AP元素”面板中的“防止重叠”处于选中状态。

四、使用AP层布局

结合表格使用AP层布局五、div和css结合布局