Dreamweaver MX進(jìn)階教程(十一)使用“層”布局網(wǎng)頁_Dreamweaver教程
“層”在Dreamweaver中指的是帶有定位css樣式的“div”或者“span”代碼。
“層”的特點(diǎn)是使用方便,可以輕松的使用“層”來布局網(wǎng)頁。
在使用“層”布局頁面的時(shí)候,需要使用參照對(duì)象,根據(jù)參照對(duì)象,描繪“層”,也需要精確把握“層”的大小。下面介紹一個(gè)操作實(shí)例。
1.打開一個(gè)頁面,打開“修改”/“頁面屬性”,在頁面屬性中,選擇“跟蹤圖像”。
這個(gè)跟蹤圖像將作為“層”布局網(wǎng)頁的參照對(duì)象。
2.選擇“查看”>“標(biāo)尺”>“顯示”, 打開標(biāo)尺。
3.選擇“查看”>“網(wǎng)格”>“顯示網(wǎng)格”。
4.在“網(wǎng)格設(shè)置”對(duì)話框中,選中“顯示網(wǎng)格”和“靠齊到網(wǎng)格”。
5.為了防止“層”重疊,需要打開“層”面板。選擇“窗口”/“層”,打開層面板。
6.在“層”面板中,選中“防止重疊”選項(xiàng)。
7.現(xiàn)在開始描繪層了。點(diǎn)擊“插入”面板“常用”選項(xiàng)卡中的“描繪層”圖標(biāo)。假如要連續(xù)描繪多個(gè)“層”,按住ctrl鍵。
8.在文檔中,參照“跟蹤圖像”,“標(biāo)尺”,“網(wǎng)格”,按住ctrl鍵描繪層,描繪的層靠齊到網(wǎng)格,就可以精確控制層的大小。
使用頁面背景圖像
描繪層生成的頁面,使用的是默認(rèn)對(duì)齊,頁面居左。為了適應(yīng)大多數(shù)分辨率的顯示器,“層”布局所占的頁面大小,可以使用寬770象素×高600象素�?梢赃x擇一種恰當(dāng)?shù)谋尘邦伾蛘咭粋(gè)小尺寸的圖片作為背景,假如要選擇單一圖像作為頁面的背景圖像,可以選擇寬1600象素×高1924象素的gif圖片,這是一個(gè)粗略值了,在大多數(shù)分辨率下,都會(huì)感覺網(wǎng)頁內(nèi)容很充實(shí)。
假如要使用單一的大圖片作為頁面背景圖像,并且背景圖像內(nèi)容很多,就不需要再設(shè)置“跟蹤圖像”了。使用“層”布局也會(huì)更簡單,只需要描繪出放置文字內(nèi)容、表單、鏈接、圖像的層就可以了。
- 用Dreamweaver在網(wǎng)頁中插入Flash按鈕
- 在Dreamweaver中編寫CSS需要掌握的技巧
- Dreamweaver CS3代碼片斷功能面板的利用
- Dreamweaver CS3 的最新功能
- 用Dreamweaver建站如何設(shè)計(jì)CSS?
- Dreamweaver文字自動(dòng)換行
- 探討Dreamweaver制作網(wǎng)頁時(shí)的空格
- 使用Dreamweaver制作網(wǎng)頁的20個(gè)技巧
- Dreamweaver MX 2004的PPT格式課件
- Dreamweaver技巧:運(yùn)用代碼片斷工具提高css開發(fā)效率
- 在DreamWeaver中編寫CSS的一些技巧
- 使用Dreamweaver模板批量制作網(wǎng)頁
Dreamweaver教程Rss訂閱網(wǎng)站制作教程搜索
Dreamweaver教程推薦
- 用Dreamweaver MX創(chuàng)造網(wǎng)頁鼠標(biāo)樣式
- Dreamweaver開發(fā)ASP實(shí)例視頻教程修改數(shù)據(jù)庫記錄
- Dreamweaver MX2004視頻寶典教程 工作區(qū)結(jié)構(gòu)
- Dreamweaver MX進(jìn)階教程(十六)制作可拖動(dòng)表格
- Dreamweaver里使用層的一些建議
- 教你如何用Dreamweaver制作特色分隔線
- 用Dreamweaver為網(wǎng)頁圖像添特效
- Dreamweaver制作網(wǎng)頁的圖片應(yīng)用技巧
- Dreamweaver 入門:DW 8 的新增功能
- Dreamweaver MX進(jìn)階教程(七)創(chuàng)建基于框架的網(wǎng)頁
猜你也喜歡看這些
- Dreamweaver 8.0網(wǎng)頁設(shè)計(jì)
- DreamweaverMX2004互動(dòng)網(wǎng)站百寶箱for PHP
- GoLive視頻教程(趙鵬主講)
- Dreamweaver 8完美網(wǎng)頁設(shè)計(jì):白金案例篇
- 北風(fēng)網(wǎng)資深web講師李炎恢講師Dreamweaver系列課程(已完結(jié)|45課時(shí))陸續(xù)更新中
- DreamweaverMX網(wǎng)頁制作視頻教程
- div css視頻教程
- Dreamveaver中CSS視頻教程
- 動(dòng)態(tài)網(wǎng)頁設(shè)計(jì)視頻全教程
- java實(shí)例教程在線支付系統(tǒng)制作
- 相關(guān)鏈接:
- 教程說明:
Dreamweaver教程-Dreamweaver MX進(jìn)階教程(十一)使用“層”布局網(wǎng)頁
。