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

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

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

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

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