Dreamweaver 入門:創(chuàng)建基于表格的頁面布局(2)_Dreamweaver教程

選擇"插入">"表格"。
在"插入表格"對話框中,執(zhí)行下面的操作:
在"行數(shù)"文本框中,輸入 3。
在"列數(shù)"文本框中,輸入 1。
在"表格寬度"文本框中,輸入 700。
在"表格寬度"彈出式菜單中,選擇"像素"。
在"邊框粗細"文本框中,輸入 0。
在"單元格邊距"文本框中,輸入 0。
在"單元格間距"文本框中,輸入 0。

單擊"確定"。
一個三行一列的表格即出現(xiàn)在文檔中。該表格的寬度為 700 像素,邊框、單元格邊距和單元格間距均為 0。

關(guān)于表格的更多信息 表格是用來在 HTML 頁上顯示表格式數(shù)據(jù)以及對文本和圖形進行布局的強有力工具。表格由一行或多行組成;每行又由一個或多個單元格組成。當您創(chuàng)建包含多個單元格的多行表格時,這些單元格形成列。從技術(shù)上來說,一個單元格是水平行中的一個區(qū)域,而一列是由這些單元格區(qū)域垂直堆積而成的。
當選定了表格或表格中有插入點時,Dreamweaver 會顯示表格寬度和表格選擇器(由綠色線條指示)中的每個表格列的列寬。

寬度旁邊是表格標題菜單與列標題菜單的箭頭。使用菜單可以快速訪問一些與表格相關(guān)的常用命令。還可以通過選擇"查看">"可視化助理">"表格寬度"來啟用或禁用寬度和菜單的顯示。
表格可以具有邊框,表格的單元格可以具有邊距、間距或同時具有邊距和間距。單元格邊距是指單元格內(nèi)容和單元格邊界之間的像素數(shù)。單元格間距是指相鄰的表格單元格之間的像素數(shù)。
假如您沒有明確指定單元格邊距和單元格間距的值,則大多數(shù)瀏覽器按單元格邊距設(shè)置為 1、單元格間距設(shè)置為 2 來顯示表格。若要確保瀏覽器顯示的表格沒有邊距和間距,請將單元格邊距和單元格間距設(shè)置為0。
單擊一次該表格右側(cè)取消對它的選擇。
選擇"插入">"表格"以插入另一個表格。
在"插入表格"對話框中,對第二個表格執(zhí)行下面的操作:
在"行數(shù)"文本框中,輸入 1。
在"列數(shù)"文本框中,輸入 3。
在"表格寬度"文本框中,輸入 700。
在"表格寬度"彈出式菜單中,選擇"像素"。
在"邊框粗細"文本框中,輸入 0。
在"單元格邊距"文本框中,輸入 0。
在"單元格間距"文本框中,輸入 0。
單擊"確定"。
第二個表格(該表格具有一行三列)即出現(xiàn)在第一個表格下方。

單擊該表格右側(cè)取消對它的選擇。
通過選擇"插入">"表格",然后在"插入表格"對話框中輸入以下值來插入第三個表格:
在"行數(shù)"文本框中,輸入 1。
在"列數(shù)"文本框中,輸入 1。
在"表格寬度"文本框中,輸入 700。
在"表格寬度"彈出式菜單中,選擇"像素"。
在"邊框粗細"文本框中,輸入 0。
在"單元格邊距"文本框中,輸入 0。
在"單元格間距"文本框中,輸入 0。
單擊"確定"。
第三個表格(該表格具有一行一列)即出現(xiàn)在第二個表格下方。
- 用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技巧:運用代碼片斷工具提高css開發(fā)效率
- 在DreamWeaver中編寫CSS的一些技巧
- 使用Dreamweaver模板批量制作網(wǎng)頁
Dreamweaver教程Rss訂閱網(wǎng)站制作教程搜索
Dreamweaver教程推薦
- Dreamweaver MX進階教程(十八)使用css樣式制作細線表格
- Dreamweaver 入門:創(chuàng)建基于表格的頁面布局
- Dreamweaver的應(yīng)用源格式技巧
- Dreamweaver開發(fā)ASP實例視頻教程表單驗證
- Dreamweaver生成新頁面css的類失效
- 充分利用Dreamweaver CS3的代碼片斷功能面板
- Dreamweaver開發(fā)ASP實例視頻教程顯示數(shù)據(jù)庫記錄
- DW MX實例:極酷的鼠標外觀
- Dreamweaver 基礎(chǔ):了解DW的狀態(tài)欄
- 構(gòu)建開發(fā)環(huán)境-Dreamweaver構(gòu)建Blog
- 相關(guān)鏈接:
- 教程說明:
Dreamweaver教程-Dreamweaver 入門:創(chuàng)建基于表格的頁面布局(2)
。