Dreamweaver 入門:創(chuàng)建基于表格的頁面布局(3)_Dreamweaver教程
單擊該表格右側(cè)取消對它的選擇。您的頁面現(xiàn)在應(yīng)如下所示:

注重插入表格后可能會看到表格選擇器(由綠色線條指示)。通過在表格外單擊,通常可以隱藏表格選擇器。也可以通過選擇"查看">"可視化助理">"表格寬度"禁用表格選擇器。
設(shè)置表格屬性
現(xiàn)在將使用"擴(kuò)展表格"模式設(shè)置具體的表格屬性,"擴(kuò)展表格"模式是用于臨時添加表格的單元格邊距和間距并增加表格邊框以簡化編輯的一種功能。非凡需要指出的是,它使您能夠精確地放置插入點,而不會意外選擇錯誤的表格或其它表格內(nèi)容。
注重在"擴(kuò)展表格"模式下完成對表格屬性的設(shè)置后,應(yīng)總是返回到"標(biāo)準(zhǔn)"模式。"擴(kuò)展表格"模式不屬于所見即所得環(huán)境,因此某些操作(如調(diào)整大小)不會得到預(yù)期的結(jié)果
選擇"查看">"表格模式">"擴(kuò)展表格模式"。

注重假如出現(xiàn)"開始使用擴(kuò)展表格模式"對話框,請單擊"確定"。
在第一個表格的第一行內(nèi)單擊一次。

在"屬性"檢查器("窗口">"屬性")的"單元格高度"文本框中輸入 90,然后按 Enter 鍵 (Windows) 或 Return 鍵 (Macintosh)。

注重假如未出現(xiàn)"單元格高度"文本框,請單擊"屬性"檢查器右下角的展開箭頭。
在第一個表格的第二行內(nèi)單擊一次。

在"屬性"檢查器的"單元格高度"文本框中輸入 166,然后按 Enter 鍵 (Windows) 或 Return 鍵 (Macintosh)。
在第一個表格的第三行內(nèi)單擊一次。
在"屬性"檢查器的"單元格高度"文本框中輸入 24,然后按 Enter 鍵 (Windows) 或 Return 鍵 (Macintosh)。
現(xiàn)在第一個表格中的三行應(yīng)具有不同的高度。

接下來,您將設(shè)置第二個表格(該表格包含三列)的屬性。
在第二個表格的第一列內(nèi)單擊一次。

在"屬性"檢查器的"單元格寬度"文本框中輸入 140,然后按 Enter 鍵 (Windows) 或 Return 鍵 (Macintosh)。
在第二個表格的第二列內(nèi)單擊一次。
在"屬性"檢查器的"單元格寬度"文本框中輸入 230,然后按 Enter 鍵 (Windows) 或 Return 鍵 (Macintosh)。

將第三列的寬度設(shè)置為 330 個像素。
假如已打開表格選擇器("查看">"可視化助理">"表格寬度"),將能看到剛才在各個表格列上輸入的三個像素值。
您無需為這個表格的單元格輸入任何高度值,因為這些單元格的高度將取決于您以后添加的內(nèi)容。
最后,在最后一個表格(該表格包含一行和一列)內(nèi)單擊一次。
在"屬性"檢查器的"單元格高度"文本框中輸入 24,然后按 Enter 鍵 (Windows) 或 Return 鍵 (Macintosh)。
您的布局現(xiàn)在應(yīng)如下所示:

單擊"文檔"窗口頂部的"退出擴(kuò)展表格模式"鏈接,返回到"標(biāo)準(zhǔ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進(jìn)階教程(十八)使用css樣式制作細(xì)線表格
- Dreamweaver 入門:創(chuàng)建基于表格的頁面布局
- Dreamweaver的應(yīng)用源格式技巧
- Dreamweaver開發(fā)ASP實例視頻教程表單驗證
- Dreamweaver生成新頁面css的類失效
- 充分利用Dreamweaver CS3的代碼片斷功能面板
- Dreamweaver開發(fā)ASP實例視頻教程顯示數(shù)據(jù)庫記錄
- DW MX實例:極酷的鼠標(biāo)外觀
- Dreamweaver 基礎(chǔ):了解DW的狀態(tài)欄
- 構(gòu)建開發(fā)環(huán)境-Dreamweaver構(gòu)建Blog
- 相關(guān)鏈接:
- 教程說明:
Dreamweaver教程-Dreamweaver 入門:創(chuàng)建基于表格的頁面布局(3)
。