Dreamweaver DIV布局

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

一、DIV的基本格式

div元素是一个块元素，在其中间可以包含文本、段落、表格、章节等复杂的内容。在页面中使用div标记的的语法格式如下所示：

<div 参数>中间部分</div>

<div>标记中的常用参数如下：

class:本HTML文件范围内的标识符class类；

lang:语言信息，

dir:文字方向

onclick和ondblclick等：鼠标和键盘键各种事件发生时处理方法的定义

二、插入Div标签

1. 具体操作如下：

   新建一个HTML空白页

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

   

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

   

4. 效果如下：

   

5. 在这个div标签之后还想插入新的一个要怎么办：

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

   

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预览效果如下

   

转载本站内容时，请务必注明来自W3xue，违者必究。