<div
class="header">头部的内容一般是logo\网站导航等</div>
<div
class="main">主体内容，一般有左右结构(两栏式)、左中右结构(三栏式)和通栏结构(一栏式)</div>
<div
class="footer">尾部内容，一般为版权说明、网站地图、网站备案号、联系方式、网站统计之类的内容</div>
一、选择“div标签”命令打开dreamweaver，新建网页并保存为“die.html”，选择【插入】【布局对象】【div标签】命令，打开“div标签”对话框。
二、输入div标签名称
1、在“ID”列表框中选择“top”
2、单击“新建css规则”按钮准备进行css规则定义
三、新建css规则
在打开的对话框中保持默认设置，单击“确定”按钮进行css规则新建。
四、设置属性
1、在“分类”列表框中选择“方框”选项。
2、在窗口右侧进行css规则定义，其中margin值的设置非常重要，“left”及“right”为auto，则可让div页面水平居中。
3、单击“确定”按钮。
五、创建div按钮
返回“插入div标签”，单对话框，单击“确定”按钮，完成div标签的插入
六、查看创建的div
将鼠标光标定位在div，即可想编辑普通网页一样完成文本的编辑及图像等内容的添加。
第一部分 两列式页面布局一、两列定宽布局
二、两列自适应布局
三、单列定宽单列自适应布局
四、两列等高布局
第二部分 三列或多列布局
一、两列定宽中间自适应布局
二、三列自适应布局和三列等高布局
