Dreamweaver怎么怎么利用層布局網(wǎng)頁?

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

Adobe Dreamweaver CC 2017 v17.0 中文版(附安裝教程) 64位
- 類型:網(wǎng)頁設(shè)計(jì)
- 大?。?/span>758MB
- 語言:簡(jiǎn)體中文
- 時(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è)置,對(duì)網(wǎng)格進(jìn)行設(shè)置。
3、顯示標(biāo)尺。點(diǎn)擊查看\標(biāo)尺\(yùn)顯示,可以顯示標(biāo)尺。
4、點(diǎn)擊繪制層,在網(wǎng)格上直接繪制一個(gè)網(wǎng)頁頭,并插入圖片。
5、在圖像下面繪制一個(gè)層,設(shè)置屬性用來放置導(dǎo)航條。并繪制其他的層來放置內(nèi)容。
6、這樣一個(gè)簡(jiǎn)單的網(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-22dreamweaver怎么做一個(gè)簡(jiǎn)單的網(wǎng)頁?
dreamweaver怎么做一個(gè)簡(jiǎn)單的網(wǎng)站?想做一個(gè)簡(jiǎn)單的網(wǎng)站,該怎么制作呢?今天我們就來卡看dreamweaver制作網(wǎng)站的一個(gè)步驟,感興趣的朋友可以進(jìn)來參考一下,需要的朋友可以參2016-05-16Dreamweaver設(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制作一個(gè)新聞網(wǎng)頁首頁的實(shí)例教程
Dreamweaver CS6制作網(wǎng)頁很方便,為了方便學(xué)習(xí)我們我們舉了一個(gè)實(shí)際的例子,使用Dreamweaver CS6做了一個(gè)簡(jiǎn)單的網(wǎng)頁,非常簡(jiǎn)單,適合新手學(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ì)線呢?請(qǐng)看下文詳細(xì)介紹,需要的朋友可以2016-03-10Dreamweaver怎么添加文本?怎么設(shè)置文本?
文本行為,就是網(wǎng)頁中的文本有行為,用的最多的又狀態(tài)欄文本和文本域文本,尤其是文本域文本是最常用到的,那么Dreamweaver怎么添加文本?怎么設(shè)置文本?下面小編就為大家詳2016-03-07- 這篇教程主要是向腳本之家的朋友分享Dreamweaver瀏覽器測(cè)試方法,教程真的很不錯(cuò),很值得大家學(xué)習(xí),推薦過來,一起來學(xué)習(xí)吧2016-03-06