目前，网页页面制做和建网站变成人人必须把握的专业技能，网编也从各层面获得要求说，之前有过PS的新手入门实例教程，如今能不可以做1个DW的新手入门实例教程。那末从今日刚开始，网编将用1些時间，为大伙儿带来DW的新手入门实例教程。要是能坚持不懈，你也能变成高手。
1、以前大家做过了有关头顶部题目栏和logo一部分的div分割，不知道道大伙儿还记不记得。今日大家要做1些有关网站行为主体一部分的区划，期待大伙儿紧跟随以前的思路哦。最先大家還是开启dw。
2、当然，要界定body一部分，就要用到body的编码。大家在body之间键入两个有关div的编码。
3、由于大家提前准备将body一部分区划为2栏，也就说，大家应当界定不一样的body，起名1个l1个r，界定编码以下：
<div id="body_l"></div>
<div id="body_r"></div>
4、结束后，大家来界定它们的款式。来到css文档，css文档关键是界定款式的，自然，由于大家界定的是id，因此这里要用#刚开始。
即：
#body_l{}
#body_r{}
大括号中就是大家必须界定的特性了。
5、界定进行款式的特性，编码以下：
#body_l{width:220px;height:500px;background-color:#FFC}
#body_r{width:220px;height:500px;background-color:#FFC}
先看下实际效果：
6、尽管大家界定的是上下，可是发现右边的div跑到正下方去了，实际上大家忘掉了1个指令，便是float。大家再加边距margin，随后插进float指令，再看。
7、能够看到，尽管并排排序了，可是两个div黏在1起，也辨别不出因此然，因此大家添加这样的句子：
margin-left:20px
让它间距左边20像素，随后预览。
8、不久好，大家分完了这些div，下节大家说1下div的再详尽区划。
有关强烈推荐：
dreamweaver怎样更改编码的字体样式尺寸?
Dreamweaver如何新建网站点地形图?dw编写站点地形图的方式
Dreamweaver创建的站点如何变更图象的默认设置文档夹部位?