认识AP DIV元素课程教案

一、创建AP DIV元素

什么是AP DIV？

AP元素（绝对定位元素），是一种HTML网页元素，一般称为“层”，即网页内容的容器，包含文本，图像和其他任何可以在HTML文档正文中放入的内容，且可以精确定位在网页中的任何地方。

特点：

1、作为容器，可以放置其他网页元素。注意：层内元素居中的方法，“选中”CSS属性面板居中。讲文字大小的设置（例：插入图片和文字）

2、灵活定位。查看代码，层的属性在head里面，并比较div标签的区别：有无定位信息。

在CS5中，系统使用DIV标记和CSS技术来实现AP层对象的效果，所以也称为绝对定位的DIV标记。（设置属性位置元素，div标签插入对比）

DIV标签和AP DIV标签的区别：前者属性中有定位信息，而后者无定位信息。

二、堆叠显示的特点，表格布局无法做到

l  调整层的大小

l  层的层次关系

l  层的首选设置

l  层的对齐

创建层的方法：1，选中标签，拖动绘制；2，选中标签拉动，且层的大小一致，默认大小可以通过“首选参数”-“AP元素”进行设置。还可以“shift”键后选取需要设置大小的层元素，最后选标准大小层元素，在修改菜单下-排列顺序-设置高、宽度相同。

层对齐的方法：按住“shift”，选中第一个，第二个，。。。最后一个作为对齐的目标点，然后使用修改菜单下面的对齐进行对齐设置。

三、层的可见性设置

1.Ap面板的使用（选择、命名、隐藏、次序）

2.层的可见性：窗口-“Ap”元素

3.简单地层特效

实例：点击控制图片的显示（窗口“行为面板”行为基础）

四、层的溢出与剪裁

1.溢出可见性（auto）

2.裁切显示：属性面板设置裁切值，左右设置的不同，右边设置时值为总的长度剪掉要裁切的长度）

属性面板的溢出选项：可视，隐藏，添加滚动条（即使没有溢出，也会显示滚动条），自动

五、层的嵌套

嵌套的含义：

嵌套并不表示一个在另外一个的里面显示，而是指一个AP元素的代码在另一个AP元素代码的内部，嵌套的Ap元素会随着父Ap元素的移动而移动，继承父AP元素的可见性。

1、AP层对象元素的嵌套方法：

将光标置于AP元素内

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

注：嵌套不是视觉的位置，而是代码之间的关系

2、标尺、辅助线的使用

拼图游戏

六、AP DIV与表格的转换

1、不重叠性，勾选ap面板“防止重叠”选项

2、网格的使用

3、表格与AP DIV的转换

     

         

{:2_104:}

                              

学到了，又学到更多的知识！！！！！！！