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

AP Div是HTML中的重要组成元素之一，网页可以通过AP Div实现对页面的规划和布局，下面，我们一起来看一下关于AP Div的基础知识和基本操作吧

工具/原料

Dreamweaver CS6

一、的格式

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

二、插入Div标签

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

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

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

4、效果如下：

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

6、效果如下：

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

8、预览效果如下：

三、插入AP Div

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

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

3、效果如下：

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

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

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

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