網(wǎng)頁(yè)設(shè)計(jì)與制作_在Dreamweaver8中使用表格布置頁(yè)面

1、第四講課 題：在Dreamweaver8中使用表格布置頁(yè)面目的及要求：使用表格布置頁(yè)面教學(xué)重點(diǎn)：重點(diǎn)掌握設(shè)置表格屬性的方法教學(xué)難點(diǎn)：嵌套單元格設(shè)置布局表格的形式對(duì)網(wǎng)頁(yè)進(jìn)行布局教學(xué)課時(shí)：2課時(shí)教學(xué)方法：提問(wèn)與比較教學(xué)方式，激發(fā)學(xué)生興趣；教學(xué)內(nèi)容與步驟：第四講使用表格布局頁(yè)面制作電子相冊(cè)命令創(chuàng)建網(wǎng)站相冊(cè)插入表格 選擇菜單“插入”“表格”命令，或在“插入”工具欄中單擊“表格”按鈕。 在彈出的“表格”對(duì)話框中，在“表格大小”區(qū)域設(shè)置“行數(shù)”、“列數(shù)”、“表格寬度”、“單元格邊距”和“單元格間距”。 單擊“確定”。文檔中則出現(xiàn)一個(gè)表格。 在表格外的空白處單擊，取消選中該表格。設(shè)置表格各項(xiàng)屬性設(shè)置表格屬性

2、 將光標(biāo)移動(dòng)到表格線條上的任意位置，當(dāng)指針變成雙向箭頭的時(shí)候單擊鼠標(biāo)左鍵，即可選中該表格。 選中表格，在菜單欄選擇“窗口”“屬性”或按下組合鍵，打開“屬性”檢查器。 設(shè)置表格“屬性”檢查器中各項(xiàng)參數(shù)：表格Id 、“行”和“列” 、“寬”和“高” 、“填充距” 、“單元格間距” 、“邊框粗細(xì)”、“邊框顏色” 、“表格背景顏色” 等。設(shè)置表格各項(xiàng)屬性設(shè)置單元格屬性 和設(shè)置整體表格屬性操作類似，單元格的屬性設(shè)置也是在“屬性”檢查器里完成的。在所要設(shè)置屬性的單元格內(nèi)任意位置單擊，即選中該單元格，“屬性”檢查器中顯示該單元格的屬性。 設(shè)置單元格“屬性”檢查器中各項(xiàng)參數(shù)。選擇表格選擇整個(gè)表格執(zhí)行以下操作之

3、一可選擇整個(gè)表格： 移動(dòng)鼠標(biāo)至表格的左上角、左下角、右上角或右下角，當(dāng)鼠標(biāo)指針變成 時(shí)，單擊鼠標(biāo)左鍵即可選中整個(gè)表格。 移動(dòng)鼠標(biāo)至表格線條上的任意位置，當(dāng)鼠標(biāo)指針變成時(shí)，單擊鼠標(biāo)左鍵即可選中整個(gè)表格。 在表格中任意一個(gè)單元格內(nèi)單擊，然后在“文檔”窗口左下角的“標(biāo)簽選擇器”中選擇標(biāo)簽即可。 在表格中任意一個(gè)單元格內(nèi)單擊，然后選擇菜單項(xiàng)“修改”“表格”“選擇表格”。 在表格任意一個(gè)單元格內(nèi)單擊，單擊鼠標(biāo)右鍵，在彈出的菜單中選擇“表格”“選擇表格”選項(xiàng)，則所選表格的下邊緣和右邊緣出現(xiàn)選擇柄。選擇表格選擇行或列 移動(dòng)鼠標(biāo)使其指向行的左邊緣或列的上邊緣。當(dāng)鼠標(biāo)指針變?yōu)檫x擇箭頭時(shí)，單擊以選擇單個(gè)行或列，或

4、進(jìn)行拖動(dòng)以選擇多個(gè)行或列。 選擇單元格（1）若要選擇單個(gè)單元格，請(qǐng)執(zhí)行以下操作之一。 單擊單元格內(nèi)的任意位置，然后在“文檔”窗口左下角的標(biāo)簽選擇器中選擇標(biāo)簽即可選中該單元格。 按住鍵，然后單擊單元格內(nèi)任意位置即可選中該單元格 。 單擊單元格，然后點(diǎn)擊菜單選項(xiàng)“編輯”“全選”。選擇表格（2）若要選擇一行或矩形的單元格塊，請(qǐng)執(zhí)行以下操作之一。 在起始的單元格內(nèi)單擊鼠標(biāo)左鍵，拖拽鼠標(biāo)至最后一個(gè)單元格。 在一個(gè)單元格內(nèi)單擊鼠標(biāo)左鍵，在同一個(gè)單元格中按住鍵的同時(shí)單擊以選中它，然后按住鍵單擊另一個(gè)單元格。這兩個(gè)單元格定義的直線或矩形區(qū)域范圍內(nèi)的所有單元格都將被選中。（3）若要選擇不相鄰的單元格，請(qǐng)執(zhí)行以下

5、操作。 在按住鍵的同時(shí)單擊要選擇的單元格、行或列，若要選擇多個(gè)單元格，只要按住鍵不放就行了。 如果按住鍵單擊尚未選中的單元格、行或列，則會(huì)將其選中。如果它已經(jīng)被選中，則再次單擊會(huì)將其從選擇中刪除。編輯表格和單元格添加行或列（1）添加單個(gè)行或列。 選中要插入行或列的單元格，執(zhí)行下列操作之一。 點(diǎn)擊菜單選項(xiàng)“修改”“表格”“插入行”或“修改”“表格”“插入列”，則在插入點(diǎn)的上面出現(xiàn)一行或在插入點(diǎn)的左側(cè)出現(xiàn)一列。 單擊鼠標(biāo)右鍵，在彈出的快捷菜單中執(zhí)行菜單“表格”“插入行”（或“插入列”）命令。 點(diǎn)擊菜單選項(xiàng)“插入”“表格對(duì)象”，然后選擇“在上（下）面插入行”或“在左（右）邊插入列”，在插入點(diǎn)的上（下

6、）面出現(xiàn)一行或左（右）側(cè)出現(xiàn)一列。（2）添加多行或多列。 在所要添加行或列的單元格內(nèi)單擊鼠標(biāo)右鍵。選擇“修改”“表格”“插入行或列”，即出現(xiàn)“插入行或列”對(duì)話框。選擇“行”或“列”，并設(shè)置“行數(shù)”或“列數(shù)”以及“位置”。單擊“確定”即可插入多行或多列。相應(yīng)數(shù)目的行或列出現(xiàn)在表格中編輯表格和單元格刪除行或列 有時(shí)候我們可能要?jiǎng)h除一些不要的行或列，若要?jiǎng)h除行或列，請(qǐng)執(zhí)行以下操作之一。 （1）在要?jiǎng)h除的行或列中的一個(gè)單元格內(nèi)單擊鼠標(biāo)左鍵，然后選擇“修改”“表格”“刪除行”或“修改”“表格”“刪除列” 。 （2）選中要?jiǎng)h除的行或列，然后選擇菜單選項(xiàng)“編輯”“清除”。 （3）選中要?jiǎng)h除的行或列，按鍵或鍵

7、，即可刪除整個(gè)行或列。編輯表格和單元格合并單元格 在Dreamweaver8中，可以將相鄰的兩個(gè)或多個(gè)單元格合并為一個(gè)單元格，進(jìn)行合并的單元格不僅要連續(xù)，而且選中的單元格區(qū)域必須為矩形，否則無(wú)法合并。 若要合并表格中的兩個(gè)或多個(gè)單元格，請(qǐng)執(zhí)行以下操作。 （1）選擇多個(gè)連續(xù)的單元格，并確保單元格區(qū)域?yàn)榫匦巍?（2）執(zhí)行下列操作之一。 選擇菜單選項(xiàng)“修改”“表格”“合并單元格”。 在“屬性”檢查器（或選擇菜單選項(xiàng)“窗口”“屬性”）中，單擊合并單元格按鈕 。編輯表格和單元格拆分單元格 要拆分單元格，請(qǐng)執(zhí)行以下操作。 （1）在要拆分的單元格內(nèi)單擊鼠標(biāo)左鍵。 （2）執(zhí)行下列操作之一。 選擇菜單選項(xiàng)“修改

8、”“表格”“拆分單元格”。 在“屬性”檢查器（或選擇菜單選項(xiàng)“窗口”“屬性”）中，單擊“拆分單元格”按鈕 。 （3）在“拆分單元格”對(duì)話框中，選擇拆分單元格的行（列）數(shù)。 （4）單擊“確定”按鈕，即可將單元格拆分為設(shè)定的行數(shù)或列數(shù)。編輯表格和單元格剪切、復(fù)制、粘貼單元格（1）若要剪切或復(fù)制表格單元格，請(qǐng)執(zhí)行以下操作。 選擇一個(gè)或多個(gè)連續(xù)的單元格，確保單元格區(qū)域?yàn)榫匦巍?單擊菜單選項(xiàng)“編輯”“剪切”或“編輯”“拷貝”。（2）若要粘貼表格單元格，請(qǐng)執(zhí)行以下操作。 選擇要粘貼單元格的位置 選擇菜單選項(xiàng)“編輯”“粘貼”編輯表格和單元格嵌套單元格 在Dreamweaver8中，表格的嵌套沒(méi)有特殊的限制，

9、表格可以像文本、圖像一樣直接插入到另一個(gè)表格的單元格中。對(duì)嵌套表格進(jìn)行各種設(shè)置和普通表格一樣，但是，其寬度受它所在單元格的寬度的限制。若要在表格單元格中嵌套表格，請(qǐng)執(zhí)行以下操作。 （1）在要插入表格的單元格中單擊鼠標(biāo)左鍵。 （2）選擇菜單選項(xiàng)“插入”“表格”，即會(huì)出現(xiàn)“插入表格”對(duì)話框。 （3）在對(duì)話框中設(shè)置表格行數(shù)、列數(shù)等屬性，單擊確定即可生成嵌套表格。格式化表格 使用Dreamweaver8中的表格格式化功能，可以通過(guò)對(duì)話框的簡(jiǎn)單設(shè)置方便、快速地生成表格樣式。對(duì)于網(wǎng)頁(yè)初學(xué)者來(lái)說(shuō)，使用格式化表格可以大大減少網(wǎng)頁(yè)制作時(shí)間，提高工作效率。格式化表格的步驟如下。 （1）選中所要格式化的表格。 （2）選擇菜單選項(xiàng)“命令”“格式化表格” 。 （3）在彈出的“格式化表格”對(duì)話框中，可以選擇不同的表格樣式，并且還可以在給定的樣式上進(jìn)行自定義修改， 格式化表格排序表格 有時(shí)候，我們希望輸入的表格數(shù)據(jù)有一定的規(guī)律，如按照數(shù)字從大到小排序。在Dreamweaver8中，我們可以通過(guò)“排序表格”來(lái)對(duì)表格進(jìn)行排序，可以只對(duì)單列的內(nèi)容按一定的規(guī)則進(jìn)行排序，也可以對(duì)兩列的內(nèi)容執(zhí)行更加