- 網頁設計與網站建設完全實戰手冊
- 劉貴國
- 917字
- 2021-03-19 18:34:56
10.1 在網頁中插入表格
表格由行、列和單元格3部分組成。行貫穿表格的左右，列則是上下方式的。單元格是行和列交匯的部分，用來輸入信息。單元格會自動擴展到輸入信息相適應的尺寸。
10.1.1 插入表格
在Dreamweaver中，表格可以用于制作簡單的圖表，還可以用于安排網頁文檔的整體布局。在網頁中插入表格的方法非常簡單，具體操作步驟如下：
01 打開網頁文檔，如圖10-1所示。
圖10-1 打開網頁文檔
02 執行“插入”|“表格”命令，如圖10-2所示。
圖10-2 執行“表格”命令
03 彈出“表格”對話框，在對話框中將“行數”設置為3、“列”設置為2、“表格寬度”設置為70%，如圖10-3所示。
圖10-3 “表格”對話框
★提示★
在“表格”對話框中可以進行如下設置：
●“行數”：在文本框中輸入新建表格的行數。
●“列”：在文本框中輸入新建表格的列數。
●“表格寬度”：用于設置表格的寬度，其中右邊的下拉列表中包含百分比和像素兩種單位。
●“邊框粗細”：用于設置表格邊框的寬度，如果將其設置為0，在瀏覽時則看不到表格的邊框。
●“單元格邊距”：用于設置單元格內容和單元格邊界之間的像素數。
●“單元格間距”：用于設置單元格之間的像素數。
●“標題”：可以定義表頭樣式，4種樣式可以任選一種，用來定義表格標題的對齊方式。
●“標題”：定義表格的標題。
●“摘要”：用來對表格進行注釋。
04 單擊“確定”按鈕，插入表格，如圖10-4所示。
圖10-4 插入表格
10.1.2 添加內容到單元格
表格建立以后，就可以向表格中添加各種元素了，如文本、圖像、表格等。在表格中添加文本就同在文檔中操作一樣，除了直接輸入文本，還可以先利用其他文本編輯器編輯文本，然后將文本復制到表格里，這也是在文檔中添加文本的一種簡潔而快速的方法。
在單元格中插入圖像時，如果單元格的尺寸小于插入圖像的尺寸，則插入圖像后，單元格的尺寸自動增高或者增寬。將光標置于單元格中，然后在每個單元格中分別輸入相應的文字，如圖10-5所示。
圖10-5 輸入文字
★提示★
怎樣才能將在800×600的分辨率下生成的網頁在1024×768下居中顯示？
把頁面內容放在一個寬為778的大表格中，把大表格的對齊方式設置為居中對齊。寬度定為778是為了在800×600的分辨率下窗口不出現水平滾動條，也可以根據需要進行調整。如果要加快關鍵內容的顯示，也可以把內容拆開放在幾個豎向相連的大表格中。