Dreamweaver怎么怎么利用層布局網(wǎng)頁?
在以前的網(wǎng)頁制作中,一般采用表格來布局網(wǎng)頁頁面,但利用層有其更加快捷和精準(zhǔn)的優(yōu)勢,目前利用DIV+CSS制作網(wǎng)頁已經(jīng)成為一種常態(tài),一起來學(xué)習(xí)怎么利用圖層來布局網(wǎng)頁吧。

Adobe Dreamweaver CC 2017 v17.0 中文版(附安裝教程) 64位
- 類型:網(wǎng)頁設(shè)計(jì)
- 大小:758MB
- 語言:簡體中文
- 時(shí)間:2016-11-05
1、顯示網(wǎng)格。在DIV布局中首頁要顯示網(wǎng)格,能更加直觀的通過網(wǎng)格來繪制層。點(diǎn)擊查看\網(wǎng)格\顯示網(wǎng)格。

2、網(wǎng)格設(shè)置。點(diǎn)擊查看\網(wǎng)格\網(wǎng)格設(shè)置,對網(wǎng)格進(jìn)行設(shè)置。



3、顯示標(biāo)尺。點(diǎn)擊查看\標(biāo)尺\(yùn)顯示,可以顯示標(biāo)尺。


4、點(diǎn)擊繪制層,在網(wǎng)格上直接繪制一個網(wǎng)頁頭,并插入圖片。


5、在圖像下面繪制一個層,設(shè)置屬性用來放置導(dǎo)航條。并繪制其他的層來放置內(nèi)容。

6、這樣一個簡單的網(wǎng)頁頁面就做好了,點(diǎn)擊F12預(yù)覽。

相關(guān)推薦:
Dreamweaver怎么更改網(wǎng)頁默認(rèn)瀏覽器?
dreamweaver cs5怎么給網(wǎng)頁制作圖片的擠壓效果?
相關(guān)文章
Dreamweaver怎么批量修改網(wǎng)頁相同的內(nèi)容?
Dreamweaver怎么批量修改網(wǎng)頁相同的內(nèi)容?比如想修改旺旺的副標(biāo)題,有很多,而且是相同的,該怎么批量修改節(jié)省時(shí)間呢?下面我們就來看看Dreamweaver批量修改網(wǎng)頁相同的內(nèi)容2016-05-22- dreamweaver怎么做一個簡單的網(wǎng)站?想做一個簡單的網(wǎng)站,該怎么制作呢?今天我們就來卡看dreamweaver制作網(wǎng)站的一個步驟,感興趣的朋友可以進(jìn)來參考一下,需要的朋友可以參2016-05-16
Dreamweaver設(shè)置頁面屬性后采用HTML格式怎么辦?
Dreamweaver設(shè)置頁面屬性后采用HTML格式怎么辦?用Dreamweaver設(shè)計(jì)了網(wǎng)頁,設(shè)置頁面屬性以后,本來想用css格式的,現(xiàn)在變成了HTML格式,該怎么辦呢?下面我們來看看詳細(xì)的2016-04-27- dreamweaver中怎么將文字放到圖片上?dreamweaver中如果想讓背景圖片上帶一些文字,比較有意境,該怎么做呢?下面我們就來看看dw在圖片上寫文字的教程,需要的朋友可以參考2016-04-22
Dreamweaver CS6制作一個新聞網(wǎng)頁首頁的實(shí)例教程
Dreamweaver CS6制作網(wǎng)頁很方便,為了方便學(xué)習(xí)我們我們舉了一個實(shí)際的例子,使用Dreamweaver CS6做了一個簡單的網(wǎng)頁,非常簡單,適合新手學(xué)習(xí),需要的朋友可以參考2016-04-20怎么格式化html代碼? Dreamweaver格式化html代碼的技巧
怎么格式化html代碼?Dreamweaver編輯網(wǎng)頁的時(shí)候,發(fā)現(xiàn)代碼格式很亂,看起來很費(fèi)勁,該怎么一鍵格式化呢?下面我們就來看看Dreamweaver格式化html代碼的技巧,需要的朋友可2016-03-31Dreamweaver怎么進(jìn)行批量文件搜索指定內(nèi)容?
Dreamweaver怎么進(jìn)行批量文件搜索指定內(nèi)容?Dreamweaver中的文件很多,想要查找文件很不容易,該怎么才能快速的進(jìn)行批量查找文件的?下面我們來看看Dreamweaver文本查找功2016-03-30Dreamweaver中怎么讓html網(wǎng)頁中的table邊框細(xì)線顯示?
Dreamweaver中怎么讓html網(wǎng)頁中的table邊框細(xì)線顯示?Dreamweaver中插入表格默認(rèn)是寬邊框的,看上去很難看,該怎么將邊框設(shè)置成細(xì)線呢?請看下文詳細(xì)介紹,需要的朋友可以2016-03-10Dreamweaver怎么添加文本?怎么設(shè)置文本?
文本行為,就是網(wǎng)頁中的文本有行為,用的最多的又狀態(tài)欄文本和文本域文本,尤其是文本域文本是最常用到的,那么Dreamweaver怎么添加文本?怎么設(shè)置文本?下面小編就為大家詳2016-03-07- 這篇教程主要是向腳本之家的朋友分享Dreamweaver瀏覽器測試方法,教程真的很不錯,很值得大家學(xué)習(xí),推薦過來,一起來學(xué)習(xí)吧2016-03-06

