Dreamweaver CS6如何应用：[26]AP Div布局

div元素是一个块元素，在其中间可以包含文本、段落、表格、章节等复杂的内容。在页面中使用div标记的的语法格式如下所示： <div 参数>中间部分</div> <div>标记中的常用参数如下： class:本HTML文件范围内的标识符class类； lang:语言信息， dir:文字方向 onclick和ondblclick等：鼠标和键盘键各种事件发生时处理方法的定义

具体操作如下： 新建一个HTML空白页

在菜单栏中选择‘插入’----‘布局对象’----‘div标签’，如下图：

在弹出的‘插入div标签’对话框中填入相关参数，‘类’的对话框填入名称，ID对话框填出标识名称，按照网页的具体需求填写，熟悉以后就知道了，现在只要求填入一些文字就可以了

效果如下：

在这个div标签之后还想插入新的一个要怎么办： 重复上面第二步操作，在弹出的‘插入div标签’对话框中，在‘插入’列表框中会出现一些选择项，根据实际需要选取选择项，如下图所示：

效果如下：

这就是网页设计的最新排版模式，根据实际需要配合CSS布局，就能成为一个随心所欲构架的网页

预览效果如下：

AP元素通常是绝对定位的Div标签，可以将任何HTML元素作为AP元素进行分类，方法是分配一个绝对位置。 具体操作如下： 新建一个HTML空白页

在菜单栏中选择‘插入’---‘布局对象’----‘AP  Div'

效果如下：

这个AP  Div是可以任意拖动的，随便你想放在什么地方

选中AP  Div元素，在’属性‘面板将出现一些设置参数项

这些参数的意思是： 左和上：定位在网页中的位置； 宽和高：定义这个元素的高度和宽度 Z轴：指这个元素要在这个网页中的第几层，数值越高，层数越高，能将底层覆盖； 可见性：设置可见性，default/inherit/visible/hidden，意思是默认、继承、可见、隐藏 另外还有背景图像、背景颜色等

设置背景颜色，加入文本后，按F12预览效果如下