使用表格布局網(wǎng)頁.ppt

1、第4章 使用表格布局網(wǎng)頁,表格基本操作 表格高級操作,4.1 表格基本操作,表格（Table）是由一個或多個單元格構成的集合，表格中橫向的多個單元格稱為行（在HTML語言中以標簽開始，標簽結束），垂直的多個單元格稱為列（以標簽開始，標簽結束），行與列的交叉區(qū)域稱為單元格，網(wǎng)頁中的元素就放置在這些單元格中 。,行,列,單元格,此處表示未明確設置單元格寬度,此處顯示了表格的寬度。如果只顯示一個“”符號，表示未明確設置表格寬度,4.1.1 創(chuàng)建表格,Dreamweaver CS4擁有非常完善的表格編輯功能，本節(jié)我們首先來看一下如何在網(wǎng)頁文檔中創(chuàng)建表格。,4.1.2 選擇表格和單元格,1選擇表格,將鼠

2、標光標移至單元格邊框線上，當鼠標光標變?yōu)?或 形狀時單擊鼠標左鍵。 將鼠標光標移至表格外框線上，當鼠標光標變?yōu)?形狀時，單擊鼠標左鍵。 在表格內部任意單元格中單擊鼠標左鍵，然后在標簽選擇器中單擊對應的“”標簽 。 將插入點置于表格的任意單元格中，表格上方或下方將顯示綠線標志，單擊最上方或最下方標有表格寬度的綠線中的 ，在彈出的下拉菜單中選擇“選擇表格”命令。,2選擇行或列,要選擇某行或某列，可將光標置于該行左側或該列頂部，當光標形狀變?yōu)楹谏^ 或 時單擊鼠標左鍵。,3選擇單元格,在Dreamweaver中可以選擇單個單元格，也可以選擇連續(xù)的多個單元格或不連續(xù)的多個單元格。,要選擇某個單元格，

3、可首先將插入點置于該單元格內，然后按【CtrlA】組合鍵或單擊“標簽選擇器”中對應的“”標簽。 要選擇連續(xù)的單元格區(qū)域。應首先在要選擇的單元格區(qū)域的左上角單元格中單擊，然后按住鼠標左鍵向右下角單元格方向拖動鼠標，最后松開鼠標左鍵。 如果希望選擇一組不相鄰的單元格，可按住【Ctrl】鍵單擊選擇各單元格。,4.1.3 設置表格屬性,選中表格后，可利用屬性檢查器查看或修改表格的行、列、寬，以及填充、間距、對齊、邊框等屬性。,4.1.4 設置單元格屬性,在表格的某個單元格中單擊，屬性檢查器中將顯示水平、垂直、寬、高等單元格屬性，此時可通過屬性檢查器設置其屬性。,4.2 表格高級操作,4.2.1 拆分與

4、合并單元格,在網(wǎng)頁制作中，經(jīng)常會用到一些特殊結構的表格，此時就需要拆分或合并單元格。,1拆分單元格,拆分單元格就是將一個單元格拆分成多個單元格。,2合并單元格,所謂合并單元格，就是將相鄰的兩個或多個單元格合并成一個單元格。 拖動鼠標選中要合并的連續(xù)單元格（此處為第1行中間的2個單元格），然后單擊屬性檢查器上的“合并所選單元格，使用跨度”按鈕 ，則2個單元格合并為1個單元格,4.2.2 插入、刪除行和列,在使用表格組織大量信息時，往往需要在創(chuàng)建好的表格中添加或刪除行與列，以增加或減少記錄。,4.2.3 移動表格整行內容,在對表格中的內容進行處理時，有時候可能需要移動表格中的某一行內容。在Dreamweaver中移動表格整行內容的方法非常簡單。,4.2.4 排序表格內容,在處理包含大量數(shù)據(jù)的表格時，往往需要對表格中的內容進行排序，此時可執(zhí)行以下操作。,4.2.5 導入或導出表格內容,在制作網(wǎng)頁時，如果預先有表格內容存儲在記事本或Word等文檔中，可以直接將其導入到網(wǎng)頁中；此外，還可以將網(wǎng)頁中的表格內容導出為獨立的文件，以便在需要使用時導入。,綜合實例用表格布局“delong”網(wǎng)站子頁