第六讲_使用AP_Div布局页面

单击此处编辑母版标题样式,单击此处编辑母版文本样式,第二级,第三级,第四级,第五级,*,第七章,1,对于有Dreamweaver基础的读者来说，初识APDiv或许会感到即熟悉又陌生。熟悉于它的Div标识符，陌生于他在CS3版本中的含义及作用。其实，APDiv在Dreamweaver CS4中仍等同于前期版本的层，又称为AP元素或CSS-P元素，本文以下简称AP层。,然而对于初学者来说又会产生这样的疑问：什么是层？有什么作用？前面我们学习过了表格，知道了表格可以作为页面布局的容器。AP层也是作为网页布局的容器，AP层内可以包含文本、图形图像、动画、音频、视频、表格等一切可以放置到HTML中的元素，甚至可以在AP层内放置AP层。本章我们就为大家详细的介绍一下AP层的相关内容。,2,7.1 AP层的创建与属性,7.1.1 创建AP层,7.1.2 AP层的属性,3,7.1.1 创建AP层,在Dreamweaver CS4中，AP层的创建可以通过插入Div标签或直接创建AP层来实现。,1插入Div标签,2直接创建AP层,3创建嵌套AP层,4,7.1.2 AP层的属性,利用“属性检查器”对AP层属性进行设置，可以调整创建好的AP层，达到预期的网页布局效果。AP层的属性包括ID、位置、大小、Z轴、可见性、背景、类、溢出、剪辑等基本属性，如图所示。,5,7.2 AP层的基本操作,上一节学习了AP层的创建及其属性，这一节我们为大家介绍一下AP层的基本操作，包括AP层的激活与选择，插入内容，调整AP层的位置、大小、层叠顺序、可见性、背景、对齐方式等。,6,7.2.1,AP层的激活与选择,若要对层进行操作与编辑，首先得激活或选择AP层。激活AP层是为了编辑AP层内的内容，而选择AP层是为了对AP层的属性进行操作。,1激活AP层,2选择AP层,7,7.2.2 在AP层内插入内容,激活AP层之后，就可以在AP层内输入或从其他文件中复制粘贴相应文本内容，也可单击“插入”工具栏“常用”类别中的各种按钮，插入图像、媒体、脚本等内容。,8,7.2.3 调整AP层的位置,7.2.4 调整AP层的大小,7.2.5 改变AP层的层叠顺序,9,7.2.6,改变AP层的可见性,AP层可见性的改变也可通过 “AP元素”面板与“属性检查器”来实现。,（1）单击“窗口”|“AP元素”打开“AP元素”面板。,（2）用鼠标单击要更改AP层名称前面的眼睛图标即可改变AP层的可见性。闭上的眼睛图标表示AP层被隐藏，处于不可见状态；睁开的眼睛图标表示AP层被显示，处于可见状态；没有眼睛图标表示该AP层继承其父AP层（即被嵌套AP层）的可见性属性。,注意：若想统一更改所有AP层的可见性，可用鼠标单击列顶端的眼睛图标。,（3）在“属性检查器”中更改。选中要设置可见性的AP层，在“属性检查器”中“可见性”下拉列表框中选择相应可见性选项即可。,10,7.2.7 设置AP层的背景 7.2.8 对齐AP层,7.2.9 AP层与表格间的转换,7.2.10 AP层标签的转换,11,