1、2021/8/30 星期一12021/8/30 星期一2項(xiàng)目七 表格應(yīng)用知識與能力目標(biāo) 掌握在網(wǎng)頁中插入表格掌握表格中參數(shù)的設(shè)置掌握表格的基本操作方法掌握布局頁面表格的方法掌握繪制嵌套表格的方法掌握在表格中插入文字和圖片并定位的方法2021/8/30 星期一3教學(xué)難點(diǎn) 布局頁面表格的方法;在表格中插入文字和圖片并定位的方法;教學(xué)重點(diǎn) 表格中參數(shù)的設(shè)置;表格的基本操作方法;布局頁面表格的方法;在表格中插入文字和圖片并定位的方法 ;項(xiàng)目七 表格應(yīng)用2021/8/30 星期一4認(rèn)識表格 表格的組成元素表格的組成元素主要包括行、列、單元格。 單元格：表格中的每一個(gè)小格稱為一個(gè)單元格。 行：水平方向的一

2、排單元格稱為一行。 列：垂直方向的一排單元格稱為一列。 邊框：整張表格的外邊緣稱為邊框。 間距：指單元格與單元格之間的距離。 如圖7-1所示 圖7-12021/8/30 星期一5 操作步驟如下：將光標(biāo)定位在要插入表格的位置。單擊菜單欄中的“插入”-“表格” 命令。打開表格對話框，并進(jìn)行相應(yīng)的設(shè)置。如圖7-2所示單擊“確定”按鈕即可插入表格，如圖7-3所示。 表格插入 在網(wǎng)頁中插入表格圖7-3圖7-22021/8/30 星期一6表格中參數(shù)的設(shè)置 圖7-4如何設(shè)置表格參數(shù) 操作步驟如下： 選中表格打開表格屬性對話框如圖7-4所示在對話框中設(shè)置相應(yīng)的屬性值即可，如圖7-5所示 圖7-52021/8/

3、30 星期一7 選擇整個(gè)表格步驟： 單擊表格的邊線。 選擇行或列步驟： 將指針指向待選擇行（列）的最左（上）端，當(dāng)出現(xiàn)黑色的向右（下）箭頭時(shí)，單擊鼠標(biāo)即可選中該行（列）。 將鼠標(biāo)定位在某行（列）的起始單元格，拖動鼠標(biāo)，則選擇連續(xù)的多行或多列。 按下Ctrl的同時(shí)用單擊鼠標(biāo)選擇所需的行（列），則可選擇不連續(xù)的多行或多列。 選擇單元格 步驟： 將光標(biāo)定位在要選定的單元格內(nèi)單擊。表格的基本操作選擇表格 2021/8/30 星期一8操作步驟如下： 選擇多個(gè)單元格。 選擇【修改】-【表格】【合并單元格】命令。 如圖7-6所示表格的基本操作合并單元格圖7-62021/8/30 星期一9操作步驟如下： 選擇

4、要拆分的單元格。 選擇【修改】-【表格】【拆分單元格】命令，打開拆分單元格對話框，如圖7-7所示。 在對話框中選擇拆分的類別和數(shù)量，如圖7-8所示。 表格的基本操作拆分單元格圖7-7圖7-82021/8/30 星期一10表格的基本操作 插入單行（單列列） 步驟： 選中要插入行（列）的位置，在待插入行（列）的下一行（右邊列）單擊定位。 選擇【修改】-【表格】【插入行】（【插入列】）命令，即可在當(dāng)前行（列）的上一行（前一列）（插入一行）。如圖7-9所示添加行（列）圖7-92021/8/30 星期一11表格的基本操作插入多行（多列列） 步驟： 在需要插入的位置單擊定位。 選擇【修改】-【表格】【插入

5、行和列】命令，彈出插入行或列對話框，如圖7-10所示。 在該對話框中選擇要插入的類型【行】或【列】，并輸入要插入的行或列數(shù)。 選擇要插入的位置。 單擊【確定】按鈕，即可插入多行或列。添加行（列）圖7-102021/8/30 星期一12操作步驟如下：將光標(biāo)定位在要?jiǎng)h除的目標(biāo)位置。選擇【修改】-【表格】【刪除行】（【刪除列】）命令，即可刪除行或列。選中整個(gè)表格，按【Delete】鍵，即可刪除整個(gè)表格。如圖7-11所示刪除行、列、表格 表格的基本操作圖7-112021/8/30 星期一13 在布局視圖模式下，用戶可以通過繪制布局表格和布局單元格，從而實(shí)現(xiàn)網(wǎng)頁的布局，并可在布局單元格中插入文本和圖像。

6、 操作步驟如下： 打開“布局視圖”面板 繪制布局表格 在布局表格中繪制布局單元格 根據(jù)實(shí)際需要對布局單元格進(jìn)行相應(yīng)的操作（具體操作與表格的操作相似）。布局頁面表格2021/8/30 星期一14打開“布局視圖”面板 步驟如下： 在Dreamweaver 8 工具欄中選擇常用-布局。 點(diǎn)擊布局進(jìn)入“布局視圖”面版。如圖7-12所示。布局頁面表格圖7-122021/8/30 星期一15 繪制布局表格 操作步驟如下： 單擊【插入】-【布局對象】【布局表格】。 鼠標(biāo)指針出現(xiàn)“十字”時(shí)，按下鼠標(biāo)左鍵拖動鼠標(biāo)即可繪制相應(yīng)的布局表格。如圖7-13所示。布局頁面表格圖7-132021/8/30 星期一16 繪制

7、布局單元格 操作步驟如下： 將光標(biāo)定位在布局表格中。 單擊【插入】-【布局對象】【布局單元格】。 鼠標(biāo)指針出現(xiàn)“十字”時(shí)，按下鼠標(biāo)左鍵拖動鼠標(biāo)即可在布局表格中繪制相應(yīng)的布局單元格。如圖7-14所示。布局頁面表格圖7-142021/8/30 星期一17 布局單元格的基本操作 步驟如下： 與表格的基本操作相似。布局頁面表格2021/8/30 星期一18 布局單元格的基本操作嵌套表格是指在一個(gè)表格的單元格中插入一個(gè)新的表格。 步驟： 將光標(biāo)置于要插入嵌套表格的單元格中。 單擊主窗口菜單【插入】【表格】即可。 嵌套表格的屬性設(shè)置與普通表格完全一致。 如圖7-15所示。繪制嵌套表格圖7-152021/8

8、/30 星期一19在單元格中錄入文本操作步驟如下： 將光標(biāo)置于要輸入文本的單元格中。 輸入文本即可（或采用復(fù)制/粘貼”的方法將文本粘貼 到表格單元格中）。 如圖7-16所示。在表格中插入文字和圖片圖7-162021/8/30 星期一20在單元格中插入圖象設(shè)置背景圖像 步驟： 選中單元格，然后在“屬性”面板為其設(shè)置背景圖像即可。 如圖7-17所示。 在表格中插入文字和圖片圖7-172021/8/30 星期一21在單元格中插入圖象插入圖像 將光標(biāo)置于要插入圖像的單元格中。 在表格的單元格中插入所需的圖像即可。如圖7-18所示。在表格中插入文字和圖片圖7-18說明：插入其他元素的方法與之類似。2021/8/30 星期一22問題1：如何制作細(xì)線表格？問題2：如何制作圓角表格？ 討論2021/8/30 星期一23 表格是常用的網(wǎng)