Dreamweaver基礎(chǔ)教程之主體的細(xì)分技巧
我要評(píng)論現(xiàn)如今，網(wǎng)頁(yè)制作以及建站成了人人需要掌握的技能，小編也從各方面得到需求說，以前有過PS的入門教程，現(xiàn)在能不能做一個(gè)DW的入門教程。那么從今天開始，小編將用一些時(shí)間，為大家?guī)?lái)DW的入門教程。只要能堅(jiān)持，你也能成為大神。
Adobe Dreamweaver CS5 簡(jiǎn)體中文綠色版
- 類型：網(wǎng)頁(yè)設(shè)計(jì)
- 大?。?/span>86MB
- 語(yǔ)言：簡(jiǎn)體中文
- 時(shí)間：2012-06-06
1、當(dāng)然，如果我們要細(xì)分body，首先就要從body-l開始細(xì)分。
2、分別輸入代碼：
<div class="body1"></div>
<div class="body2"></div>
3、然后我們輸入文字，將要對(duì)div進(jìn)行定義。定義當(dāng)然在main文件中進(jìn)行。
4、接下來(lái)就是定義寬以及高這些基本的東西了，我們之前基本都說過。直接上代碼：
.body1{font-size:12px;color:#FFF;width:220px;height:240px;background-color:#666}
5、看看效果，如果我們需要兩個(gè)div分開放置，應(yīng)該怎么樣進(jìn)行編輯呢？其實(shí)比較簡(jiǎn)單，只需要一行代碼：
margin-top：10 px
6、輸入代碼后，我們會(huì)看到，兩個(gè)div開始分隔開來(lái)。右側(cè)當(dāng)然也是同樣的操作方法。
7、我們開始命名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ān)文章
怎么使用Dreamweaver給網(wǎng)站圖片添加alt標(biāo)簽?
怎么使用Dreamweaver給網(wǎng)站圖片添加alt標(biāo)簽？需要給圖片添加標(biāo)簽，該怎么辦呢？今天我們就來(lái)看看Dreamweaver中給圖片添加alt標(biāo)簽的詳細(xì)教程，需要的朋友可以參考下2016-08-29- Dreamweaver怎么顯示地步的屬性欄？Dreamweaver編輯網(wǎng)頁(yè)的時(shí)候，經(jīng)常會(huì)在底部的工具欄中進(jìn)行一些操作，下面我們就來(lái)看看詳細(xì)的教程，需要的朋友可以參考下2016-08-28
Dreamweaver網(wǎng)頁(yè)版權(quán)符號(hào)怎么制作?
Dreamweaver網(wǎng)頁(yè)版權(quán)符號(hào)怎么制作？我們看到很多我那個(gè)站都會(huì)帶有版權(quán)富豪，自己使用Dreamweaver設(shè)置網(wǎng)站的時(shí)候，該怎么添加網(wǎng)頁(yè)版權(quán)符號(hào)呢？下面我們就來(lái)看看詳細(xì)的教程，2016-08-28Dreamweaver制作網(wǎng)頁(yè)的時(shí)候怎么定義主體div?
Dreamweaver制作網(wǎng)頁(yè)的時(shí)候怎么定義主體div？使用Dreamweaver制作網(wǎng)頁(yè)的時(shí)候，必然會(huì)使用div，今天我們就來(lái)看看一些基礎(chǔ)教程，需要的朋友可以參考下2016-08-17Dreamweaver中vm文件怎么設(shè)置高亮顯示?
Dreamweaver中vm文件怎么設(shè)置高亮顯示？Dreamweaver中有很多vm的擴(kuò)展文件，該怎么將這些文件設(shè)置成高亮呢？下面我們就來(lái)看看詳細(xì)的教程，需要的朋友可以參考下2016-08-11Dreamweaver建立的站點(diǎn)怎么更改圖像的默認(rèn)文件夾位置?
Dreamweaver建立的站點(diǎn)怎么更改圖像的默認(rèn)文件夾位置？Dreamweaver中為了讓素材更好管理，各種素材都會(huì)建立文件夾，下面我們就來(lái)看看更改站點(diǎn)圖形默認(rèn)文件夾的教程，需要的2016-08-10Dreamweaver在網(wǎng)頁(yè)中怎么添加圖片呢?
這篇教程主要是向腳本之家的朋友分享Dreamweaver在網(wǎng)頁(yè)中怎么添加圖片方法，教程比較基礎(chǔ)，適合新手來(lái)學(xué)習(xí)，推薦過來(lái)，一起來(lái)學(xué)習(xí)吧2016-08-09Dreamweaver怎么給網(wǎng)頁(yè)添加樣式表的關(guān)聯(lián)?
Dreamweaver怎么給網(wǎng)頁(yè)添加樣式表的關(guān)聯(lián)？想給網(wǎng)頁(yè)添加樣式表約束的鏈接，該怎么添加呢？下面我們就來(lái)看看詳細(xì)的設(shè)置教程，,需要的朋友可以參考下2016-08-08Dreamweaver怎么新建網(wǎng)頁(yè)并保存?
Dreamweaver怎么新建網(wǎng)頁(yè)并保存？Dreamweaver制作網(wǎng)頁(yè)很容易，今天我們就來(lái)看看基礎(chǔ)教程，使用Dreamweaver建立網(wǎng)頁(yè)并保存，很簡(jiǎn)單，需要的朋友可以參考下2016-08-01Dreamweaver光標(biāo)的落位總是不準(zhǔn)怎么辦?
Dreamweaver光標(biāo)的落位總是不準(zhǔn)怎么辦？Dreamweaver中制作網(wǎng)頁(yè)的時(shí)候，發(fā)現(xiàn)鼠標(biāo)的落位總是不對(duì)，該怎么辦呢？下面我們就來(lái)看看詳細(xì)的教程，需要的朋友可以參考下2016-07-28