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

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

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

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

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

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

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

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

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

9、表格可以像文本、圖像一樣直接插入到另一個表格的單元格中。對嵌套表格進行各種設(shè)置和普通表格一樣，但是，其寬度受它所在單元格的寬度的限制。若要在表格單元格中嵌套表格，請執(zhí)行以下操作。 （1）在要插入表格的單元格中單擊鼠標左鍵。 （2）選擇菜單選項“插入”“表格”，即會出現(xiàn)“插入表格”對話框。 （3）在對話框中設(shè)置表格行數(shù)、列數(shù)等屬性，單擊確定即可生成嵌套表格。格式化表格 使用Dreamweaver8中的表格格式化功能，可以通過對話框的簡單設(shè)置方便、快速地生成表格樣式。對于網(wǎng)頁初學者來說，使用格式化表格可以大大減少網(wǎng)頁制作時間，提高工作效率。格式化表格的步驟如下。 （1）選中所要格式化的表格。 （2

10、）選擇菜單選項“命令”“格式化表格” 。 （3）在彈出的“格式化表格”對話框中，可以選擇不同的表格樣式，并且還可以在給定的樣式上進行自定義修改， 格式化表格排序表格 有時候，我們希望輸入的表格數(shù)據(jù)有一定的規(guī)律，如按照數(shù)字從大到小排序。在Dreamweaver8中，我們可以通過“排序表格”來對表格進行排序，可以只對單列的內(nèi)容按一定的規(guī)則進行排序，也可以對兩列的內(nèi)容執(zhí)行更加復雜的表格排序，但是不能對包含合并單元格的表格進行排序。若要對表格進行排序，請執(zhí)行以下操作。 （1）選擇該表格或在任意單元格單擊鼠標左鍵。 （2）選擇菜單選項“命令”“排序表格”，彈出“排序表格”對話框。 （3）設(shè)置屬性后單擊“確定”，即可。 排序表格制作網(wǎng)站的首頁面1.用ps或Fireworks切片人有了知識，