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