《表格及布局網》PPT課件

《《表格及布局網》PPT課件》由會員上傳分享，免費在線閱讀，更多相關內容在教育資源-天天文庫。

1、第12章表格及布局網頁本章學習要點：創(chuàng)建表格，表格的組成表格的屬性設置表格編輯使用表格布局網頁12.1表格簡介12.2向表格內添加內容12.3編輯表格12.4使用表格布局網頁12.1.1表格概述12.1.2創(chuàng)建表格12.1.3表格的屬性設置面板12.1表格簡介12.1.1表格概述表格是網頁設計制作不可缺少的重要元素，它以簡潔明了和高效快捷的方式將數(shù)據(jù)、文本、圖片、表單等網頁元素合理有序地布局在頁面上，使頁面結構整齊,版面清晰。不太復雜的網頁一般都利用表格進行網頁布局。12.1.2創(chuàng)建表格操作步驟如下：步驟1：在設計窗口中,將插入點放在需要插入表格的位置。步驟2：選擇菜單“插入

2、(I)”

3、“表格(T)”命令。或單擊對象面板組上的“插入表格”按鈕,打開表格對話框，如圖12.1所示。圖12.1表格對話框步驟3：在表格對話框中設置相應的選項?！氨砀翊笮　边x項組中各選項的功能如下：“行數(shù)”此文本框用來確定表格具有的行的數(shù)目，如輸入3行?！傲袛?shù)”此文本框用來確定表格具有的列的數(shù)目，如輸入8列。“表格寬度”此文本框用來以像素為單位或按占瀏覽器窗口寬度的百分比，確定表格寬度，如輸入200像素?！斑吙虼旨殹贝宋谋究蛴脕硪韵袼貫閱挝淮_定表格邊框粗細，如輸入1像素。“單元格邊距”可以采取默認值。“單元格間距”可以采取默認值。“頁眉”選項組中各選項的功能如下：“無”不設置

4、頁眉?！绊敳俊表撁荚O置在表格頂部?！白蟆表撁荚O置在表格左邊。“兩者”頁眉設置在表格左邊與頂部。“輔助功能”選項可以不進行設置?！皹祟}”提供了一個顯示在表格外的表格標題?！皩R標題”指定表格標題相對于表格的顯示位置?！罢苯o出了表格的說明。屏幕閱讀器可以讀取摘要文本,但是該文本不會顯示在瀏覽器中。步驟4：各選項設置完成后，用鼠標單擊“確定”按鈕。即會在設計窗口中出現(xiàn)表格。如圖12.2所示。圖12.2設計窗口中的表格12.1.3表格的屬性設置面板在DreamweaverMX2004中,可以通過表格的屬性設置面板設置表格的各種屬性。如圖12.3所示。圖12.3表格的屬性設置面板表

5、格屬性設置面板中各個選項功能如下（1）“表格Id”中的下拉列表框用來為選中表格名稱?！靶?R)”此文本框用來為選中表格設定行數(shù)。用鼠標單擊文檔內任一位置,表格自動改變?！傲?C)”此文本框用來為選中表格設定列數(shù)。用鼠標單擊文檔內任一位置,表格自動改變?！皩?W)”此文本框用來為選中表格設定寬度。在文本框后的下拉列表中選擇所設寬度的單位,有百分比和像素兩種選擇。表格屬性設置面板中各個選項功能如下（2）“高(H)”此文本框用來為選中表格設定高度。在文本框后的下拉列表中選擇所設高度的單位,有百分比和像素兩種選擇?！疤畛?P)”此文本框用來指定選中表格的單元格高度，使用默認值?！皩R

6、(A)”此下拉列表框用來指定表格相對于同一段落中其他元素的顯示位置，使用默認值?！白髮R”沿其他元素的左側對齊表格?！坝覍R”沿其他元素的右側對齊表格?！熬又袑R”將表格居中。表格屬性設置面板中各個選項功能如下（3）“默認”指示瀏覽器應該使用其默認對齊方式。“間距(S)”此文本框用來指定選中表格的邊框距離?！斑吙?B)”此文本框用來設置選中表格的邊框大小?！邦?C)”設置選中表格的CSS樣式?！氨尘邦伾?G)”設置選中表格的背景顏色,可以從顏色選擇器后面的文本框內直接輸入?！斑吙蝾伾?R)”設置選中表格的邊框顏色,可以從顏色選擇器后面的文本框內直接輸入?！氨尘皥D像(B)”可在

7、文本框內輸入圖像位置和名稱,將該圖像作為選中表格的背景圖像。12.2向表格內添加內容在表格的單元格中可以輸入任何數(shù)據(jù)。同時也可以對數(shù)據(jù)進行常規(guī)的編輯操作。操作步驟如下：步驟1：將光標移到要插入數(shù)據(jù)的單元格內。步驟2：直接輸入對象,或者將復制的對象粘貼到單元格中。步驟3：一個單元格內的內容輸入完畢后,可以用Tab鍵將光標移動到下一個單元格,以便繼續(xù)輸入，也可以使用鼠標移動光標。12.3編輯表格12.3.1選擇表格對象12.3.2調整表格大小12.3.3調整行和列的大小12.3.4添加及刪除行和列12.3.5拆分和合并單元格12.3.6復制、粘貼及刪除單元格12.3.7嵌套表格1

8、2.3.1選擇表格對象1。選擇整個表格選擇整個表格有如下一些操作方法：單擊表格左上角、表格的頂邊緣和底邊緣的任何位置，或者行或者列的邊框，當可以選擇表格時,鼠標指針會變成表格網格圖標。單擊某個表格單元格,然后在設計窗口左下角的標簽選擇器中選擇

9、“表格(T)”

10、“選擇表格(S)”命令。單擊某個表格單元格,然后選擇表下邊的倒三角，出現(xiàn)標題菜單，在標題菜單中選擇“選擇表格(S)”。將光標位于表格外,按住Shift鍵,然后單擊表格中任意位置。將光