利用Dreamweaver處理網頁表格方法

時間：2025-12-29 18:13:37 網頁設計

　　1．創建表格

　　（1）創建新表格

　　利用Dreamweaver4.0創建新表格時，首先選中對象面板上“View”欄目下“StandardView”（標準視圖）按鈕，然后可以通過下列四種方式中的任意一種：

　　①將對象面板調整到“Common”類上，單擊“InsertTable”（插入表格）按鈕。

　　②通過主窗口的菜單“Insert”|“Table”命令。

　　③使用快捷組合鍵“Ctrl+Alt+T”。

　　④將對象面板調整到“Common”類上，拖動“InsertTable”按鈕到主窗口的工作區中。

　　（2）選擇表格

　　選擇表格可分為選擇整個表格和選擇表格中的單元格。

　　①如果要選擇整個表格，則可進行如下的操作之一：

　　將光標置于表格中的某個單元格中，選擇“Modify”|“Table”|“SelectTable”命令。

　　將光標置于表格中的某個單元格中，再按兩次組合鍵“Ctrl+A”。

　　將光標置于表格中的某個單元格中，單擊鼠標右鍵，在彈出的快捷菜單中選擇“SelectTable”命令。

　　將光標置于表格的尾部（在表格的同一行，但不在表格之內），向左拖動鼠標。

　　單擊表格的邊線。

　　②選擇單個單元格的方法有以下幾種：

　　將光標置于所要選擇的單元格中，按一次組合鍵“Ctrl+A”。

　　將光標置于所要選擇的單元格中，向右拖動鼠標。

　　將光標置于所要選擇的單元格中，選擇“Edit”|“SelectAll”命令。

　　按住Ctrl鍵，單擊所要選擇的單元格，再單擊一次則取消對單元格的選擇。

　　③選擇多個單元格的方法有以下幾種：

　　按住Ctrl鍵，單擊所要選擇的所有單元格。

　　將光標置于單元格中，拖動鼠標，選擇多個單元格。

　　如果要選擇整行，將光標置于該行的左邊緣，當光標變成圖標時單擊鼠標左鍵。

　　如果要選擇整列，將光標置于該列的上邊緣，當光標變成圖標時單擊鼠標左鍵。

　　④選擇的全部單元格的方法有以下幾種：

　　將光標置于第1個單元格中，并拖動鼠標至最后一個單元格。

　　將光標置于第1個單元格中，按住Shift鍵，再單擊最后一個單元格。

　　將光標置于第1行的左邊緣，當光標變成圖標時，向下拖動鼠標至最后一行。

　　將光標置于第1列的上邊緣，當光標變成圖標時，向右拖動鼠標至最后一列。

　　（3）添加／刪除行列

　　①在現有的表格中插入單元行，可以選擇以下的操作之一：

　　將光標移到要插入單元行的下一行，選擇“Modify”|“Table”|“InsertRow”命令。

　　將光標移到要插入單元行的下一行，按組合鍵“Ctrl+M”。

　　將光標移到要插入單元行的下一行，單擊鼠標右鍵，在彈出的快捷菜單中選擇“Table”|“InsertRow”命令。

　　②在現有的表格中插入單元列，可以選擇以上的操作之一：

　　將光標移到在插入單元列的右邊一列，選擇“Modify”|“Table”|“InsertColumn”命令。

　　將光標移到要插入單元列的右邊一列，按組合鍵“Ctrl+Shift+A”。

　　將光標移到要插入單元列的右邊一列，單擊鼠標右鍵，在彈出的快捷菜單中選擇“Table”|“InsertColumn”命令。

　　③如果想在現有的表格中添加多行或多列，首先將光標移到要插r入行或列附近的單元格中，單擊鼠標右鍵，在彈出的下拉菜單中選擇“Table”|“InsertRowsorColumns”命令，彈出“InsertRowsorColumns”對話框。在此對話框中進行相關的設置，然后單擊“OK”按鈕，設置的多列或多行將插入到頁面中。

　　④刪除整行／整列，可以采用下列辦法之一：

　　先選擇欲刪除的整行或整列，直接按Del鍵，即可刪除。

　　先將光標移到要刪除的行或列中，選擇“Modify”|“Table”|“DeleteRow”或“DeleteColumn”命令。

　　將光標移到要刪除的行或列中，單擊鼠標右鍵，在彈出的快捷菜單中選擇“Table”|“DeleteRow”或“DeleteColumn”命令。

　　2．編輯表格

　　（1）設置表格高度

　　在創建表格時，可以通過表格對話框來設置表格的寬度，但無法設置表格的高度，如果要設置表格的高度，則必須通過表格屬性面板來確定。

　　（2）合并／拆分單元格

　　對表格中的單元格進行合并／拆分，既可以通過菜單命令來實現，也可以通過單元格屬性面板（單擊任意單元格，屬性面板將會自動切換）上的快捷按鈕來完成。

　　（3）設置單元格的寬度及高度

　　在單元格屬性面板上可以改變單元格默認的寬度和高度。

　　3．表格屬性的設置

　　（1）設置表格的邊框顏色

　　設置表格的邊框顏色時，必須指定表格的邊框線的寬度不為0。要為表格的邊框指定顏色，首先選擇表格，單擊屬性面板上“BrdrColor”的顏色框，在彈出的調色板中選擇顏色，或者是在后面的文本框中直接輸入顏色的色碼，即可為表格的邊框添加顏色。

　　（2）設置表格的背景

　　表格的背景與網頁背景一樣，即可以設定為單一的顏色，也可以用圖片作為表格的背景。要將表格背景設為單一的顏色，首先選擇整個表格，再單擊屬性面板上“BgColor”后面的顏色框，在彈出的調色板中選擇顏色，或者是在后面的文本框中直接輸入顏色的色碼；要將圖像設為表格的背景，首先選擇整個表格，再在屬性面板上的“BgImage”文本框中輸入圖像所在的路徑，或是單擊其后的文件夾圖標，在彈出的對話框中選擇圖像文件。

　　4．用表格進行頁面布局

　　Dreamweaver4.0新增加的網頁排版功能，可以很方便的實現網頁的排版。

　　Dreamweaver在頁面中播放聲音

　　1、在完成全頁面以后，如果要為該頁添加背景音樂，注意背景音樂一般是*.midi文件，這樣的聲音文件十分小，易于快速下載，其他格式不適合作為背景音樂。

　　2、在頁面中所有表格之外，（注意此時編輯窗口左下方的標簽選擇欄中僅顯示這一項，或是在左下角點一下，這樣才能保證這個行為是添加在整個頁面上的）。點擊行為窗口上的“+”按鈕，（或用菜單窗口/行為，打開行為窗口。）

　　3、從彈出菜單中選擇“播放聲音”。打開一個對話框。

　　4、在這個對話框里用“瀏覽”選擇要播放的聲音，并確定。

　　5、這時行為面板上自動顯示了事件為onload，動作為播放聲音。點擊這一行，中間出現一個按鈕。點擊按鈕，可以設置這個聲音在什么事件下播放。可以選擇“顯示事件”/“IE5.0。

　　6、我們常用的如Onload（當頁面載入時）、OnClick（單擊鼠標）、OnMouseOver（鼠標移到對象上）、OnUnload(當關閉頁面時)等。

　　7、該行為也可以設置在圖片上、文字鏈接上。在文字鏈接上播放聲音之前，先為文字添加一個空鏈接，即選中文字，在鏈接一格里輸入一個“#”符號。

【利用Dreamweaver處理網頁表格方法】相關文章：

Dreamweaver制作網頁中表格外觀的方法02-24