現(xiàn)如今，網(wǎng)頁(yè)制作以及建站成了人人需要掌握的技能，小編也從各方面得到需求說(shuō)，以前有過(guò)PS的入門(mén)教程，現(xiàn)在能不能做一個(gè)DW的入門(mén)教程。那么從今天開(kāi)始，小編將用一些時(shí)間，為大家?guī)?lái)DW的入門(mén)教程。只要能堅(jiān)持，你也能成為大神。

1、當(dāng)然，如果我們要細(xì)分body，首先就要從body-l開(kāi)始細(xì)分。

2、分別輸入代碼：

 <div class="body1"></div>

            <div class="body2"></div>

3、然后我們輸入文字，將要對(duì)div進(jìn)行定義。定義當(dāng)然在main文件中進(jìn)行。

4、接下來(lái)就是定義寬以及高這些基本的東西了，我們之前基本都說(shuō)過(guò)。直接上代碼：

.body1{font-size:12px;color:#FFF;width:220px;height:240px;background-color:#666}

5、看看效果，如果我們需要兩個(gè)div分開(kāi)放置，應(yīng)該怎么樣進(jìn)行編輯呢？其實(shí)比較簡(jiǎn)單，只需要一行代碼：

margin-top：10 px

6、輸入代碼后，我們會(huì)看到，兩個(gè)div開(kāi)始分隔開(kāi)來(lái)。右側(cè)當(dāng)然也是同樣的操作方法。

7、我們開(kāi)始命名body2

8、然后在main中定義它的樣式屬性。定義語(yǔ)句如下：

.body2{font-size:12px;color:#FFF;width:354px;height:240px;background-color:#666;margin-top:10px;float:left;margin-left:10px;}

9、看下效果吧。

相關(guān)推薦：

DW如何制作一個(gè)簡(jiǎn)單的垂直導(dǎo)航?

Dreamweaver制作網(wǎng)頁(yè)的時(shí)候怎么定義主體div?

dreamweaver中怎么交互圖像? dw制作鼠標(biāo)經(jīng)過(guò)圖像換圖的教程