利用Dreamweaver處理網頁表格方法

來源:文萃谷 2.44W

1.創建表格

利用Dreamweaver處理網頁表格方法

(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在頁面中播放聲音

Dreamweaver在頁面中播放聲音

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

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

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

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

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

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

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

熱門標籤