Dreamweaver制作网页的时候怎么定义主体div-

在现代网络时代，网页制作与网站建设已成为每个人都需要掌握的技能之一。长沙网络推广响应广大需求，推出了一系列教程，帮助大家逐步掌握这些技能。之前我们推出了PS入门教程，现在我们将为大家带来DW的入门教程。只要你愿意坚持学习，成为网页设计大师的梦想将不再遥远。

我们此次使用的软件是Adobe Dreamweaver CS5 简体中文绿色版，软件大小为86MB，于2012年6月6日更新。接下来，让我们开始这个充满挑战与机遇的旅程。

1、我们需要打开DW软件。回顾之前学习的头部标题栏及logo部分的div切分后，我们今天要进一步网站主体部分的划分。

2、为了构建主体部分，我们需要定义body部分并用到body的代码。在body标签之间，我们将输入两个关于div的代码。

3、由于我们计划将body部分划分为两栏，因此我们需要定义两个不同的body部分，命名为l和r。相应的定义代码如下：

4、接下来，我们需要定义这些div的样式。进入css文件，由于我们定义的是id，所以在css中需要用开始。进入大括号内，我们可以开始定义我们需要的属性。

5、定义完样式的属性后，我们可以为body_l和body_r定义具体的样式代码，例如：

body_l{width:220px;height:500px;background-color:FFC}

body_r{width:220px;height:500px;background-color:FFC}

在定义完这些样式后，我们先预览一下效果。

7、虽然此时两个div已经并排排列，但它们黏在一起，无法清晰地分辨。为了解决这个问题，我们可以加入“margin-left:20px”语句，使它们距离左侧20像素。再次预览效果。

8、至此，我们已经完成了这些div的初步划分。下一节，我们将深入div的更详细划分。

相关推荐：

（此处推荐内容为空）

随着这些步骤的完成，你已经迈出了在网页设计和网站建设方面的第一步。坚持学习，不断，你将逐步掌握这门技艺，为自己的网站增添更多魅力。