Dreamweaver MX進(jìn)階教程(十)制作居中的網(wǎng)頁_Dreamweaver教程
本文介紹兩種居中的網(wǎng)頁,一種是頁面居中,一種是頁面上下左右居中。
頁面居中的網(wǎng)頁
實(shí)現(xiàn)方法:設(shè)置body標(biāo)簽居中。
1.打開一個網(wǎng)頁,在文檔左下角的“標(biāo)簽選擇器”上選擇“body”標(biāo)簽。
2.在“屬性面板”上點(diǎn)擊“居中對齊”�,F(xiàn)在居中的頁面就做好了,往里面填充內(nèi)容就可以了。
轉(zhuǎn)換到代碼視圖,看看生成的代碼,原來生成的是“
”。
可以選擇兩種形式的居中代碼。使用“div”標(biāo)簽是其中一種,另一種是使用“center”標(biāo)簽。打開“編輯”/“參數(shù)選擇”菜單,在如下圖的對話框中,選擇居中使用的標(biāo)簽。
頁面上下左右居中
實(shí)現(xiàn)方法:在頁面中,插入一個一行一列,寬高都為百分之百的表格,并且設(shè)置表格不顯示,使表格所在的單元格,水平和垂直都居中,在單元格中放網(wǎng)頁內(nèi)容,可以是一個或者幾個表格,例如插入一個768×430象素的表格,也可以直接放入內(nèi)容,網(wǎng)頁看起來就是上下左右都居中的。
1.打開文檔,插入一個一行一列的表格,寬牙為100%,單元格填充,間距,邊框都為0。
2.在屬性面板上,繼續(xù)設(shè)置表格高度為100%,具體設(shè)置如下圖。
3.在文檔左下角的“標(biāo)簽選擇器”上選擇“td”標(biāo)簽。
4.在屬性面板上,設(shè)置“td”標(biāo)簽(單元格)水平“居中對齊”,垂直設(shè)置為“中間”。
5.這個時候,上下左右居中的頁面已經(jīng)設(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制作復(fù)雜交換圖像
- Dreamweaver技巧:運(yùn)用代碼片斷工具提高css開發(fā)效率
- 在Dreamweaver中按下左右光標(biāo)時切換到相鄰單元格
- 層的應(yīng)用及其定位(絕對定位和相對定位)
- 用Dreamweaver設(shè)計自動關(guān)閉的網(wǎng)頁
- 用戶注冊的實(shí)現(xiàn)-Dreamweaver構(gòu)建Blog
- Dreamweaver文字自動換行
- Dreamweaver網(wǎng)頁制作技巧:使用模板
- 巧用背景顏色和間距快速制作出細(xì)邊線表格
- Dreamweaver MX進(jìn)階教程(十八)使用css樣式制作細(xì)線表格
猜你也喜歡看這些
- Dreamweaver網(wǎng)頁制作與色彩搭配全攻略(感激驢友boerly,新增完整版pdf)
- 開天辟地-網(wǎng)頁設(shè)計與網(wǎng)站架設(shè)
- 呂聰賢dreamweaver教程
- 通過Dreamweaver CS3學(xué)習(xí)HTML+DIV+CSS 光盤/教程
- Dreamweaver 8完美網(wǎng)頁設(shè)計:商業(yè)網(wǎng)站篇
- DreamweaverMX網(wǎng)頁制作視頻教程
- 《Dreamweaver CS3網(wǎng)頁設(shè)計技能進(jìn)化手冊》--樣章、樣例、教學(xué)視頻
- FIF小組Dreamweaver制作網(wǎng)頁視頻教程
- Dreamweaver MX教程
- Dreamweaver 8中文版職業(yè)應(yīng)用視頻教程
- 相關(guān)鏈接:
- 教程說明:
Dreamweaver教程-Dreamweaver MX進(jìn)階教程(十)制作居中的網(wǎng)頁
。