遼師大版六年級信息技術(shù)下冊教案 利用表格定位網(wǎng)頁元素.doc

第八課 利用表格定位網(wǎng)頁元素三維目標(biāo)知識目標(biāo)在網(wǎng)頁中插入表格 能力目標(biāo)在網(wǎng)頁中插入文字和圖片 情感目標(biāo)本節(jié)重點網(wǎng)頁中表格的插入、編輯和設(shè)置難點在表格中插入文字和圖片板書設(shè)計第八課利用表格定位網(wǎng)頁元素教學(xué)環(huán)節(jié)知識內(nèi)容及教法學(xué)法預(yù)期目標(biāo)一、導(dǎo)入新課一）、表格的組成表格的幾個部分組成：表頭：表格的首行，表示表格各列的名稱。行：表格的一行，水平方向。列：表格的一列，垂直方向。單元格：在表格中，每個方格稱為一個單元格（Cell），可以為每個單元格設(shè)置不同的屬性。邊框：在表格的四周，可設(shè)置有無。在每個單元格中，除了可以填寫文本之外，還可以放置圖片、表單等，表格的最大好處是能分類顯示數(shù)據(jù)，同時還能利用表格來組織網(wǎng)頁的整體布局。二）、插入表格 在FrontPage 2003中插入一張表格的方法有三種： 1、使用【插入表格】工具按鈕（1）將光標(biāo)移到你要插入表格的位置，即插入點。（2）在常用工具欄中單擊“ ”圖標(biāo)工具，在下方出現(xiàn)一個“45”的表格小方框。（3）按住鼠標(biāo)左鍵，同時朝右下方拖動鼠標(biāo)，在方框底部顯示相應(yīng)的表格行數(shù)和列數(shù)。（4）松開鼠標(biāo)左鍵，在插入點處自動出現(xiàn)一張空的表格。 2、使用【表格】菜單命令（1）將光標(biāo)移到你要插入表格的位置，即插入點。（2）單擊【表格】菜單，選擇【插入】選項，并在選擇項中單擊【表格】選項，出現(xiàn)插入表格對話框。（3）在對話框中，在“行數(shù)”輸入需要的行數(shù)（例中為5），在“列數(shù)”輸入需要的列數(shù)（例中為4），同時設(shè)置好“對齊方式”、“邊框粗細”、“單元格邊框”、“單元格間距”。（4）最后單擊【確定】按鈕，屏幕上就會出現(xiàn)一張空的表格。 說明：如果在對話框中“邊框粗細”值設(shè)置為0時，則該表格線在瀏覽網(wǎng)頁時不會被顯示出來。 3、使用手工繪制表格如果想在網(wǎng)頁中插入一張不規(guī)則的表格，可以采用以下步驟： （1）將插入點移到你要添加表格的地方。 （2）在【表格】菜單中選擇【繪制表格】選項，或單擊表格工具欄上的“ ”。（3）此時光標(biāo)變成筆的形狀。按住鼠標(biāo)左鍵，然后向右下方拖動，到達適當(dāng)位置的時候松開鼠標(biāo)左鍵后，將會出現(xiàn)“11”的表格。（4）如果要在表格內(nèi)添加表格的行和列，可以利用這支筆在表格內(nèi)畫水平或垂直線。（5）單擊工具欄上的“ ”擦除按鈕，可以刪除表格內(nèi)的任意一條線。4、嵌套表格 很多時候，我們要在一張表格中插入另一張表格，其做法與前面所介紹的插入表格操作并沒有太大的區(qū)別，只是在插入表格之前應(yīng)該把插入點定位在單元格內(nèi)。利用這種做法，我們將可以制作出非常復(fù)雜卻符合我們要求的表格來。三）、表格的屬性 1、選定表格元素 選定表格元素指選擇表格的單元格、一行或一列、多行或多列、整個表格。在表格元素被選定后，才能修改單元格屬性、表格屬性、復(fù)制和刪除等操作。選定整個表格。其操作方法：單擊【表格】菜單，選擇【選定】單擊【表格】選項，則整個表格反色顯示，表示已被選定了整個表格。選定表格的行。其操作方法主要有以下兩種：將光標(biāo)移到表格中某一行的左邊，當(dāng)光標(biāo)變成向右的“ ”黑色小箭頭時，單擊鼠標(biāo)左鍵。此時該行反色顯示，表示該行已被選中。將光標(biāo)移到表格中某一行的任意一個單元格內(nèi)，然后單擊【表格】菜單，選擇【選定】后再單擊【行】選項，則該行被選定。選定表格的列。其操作方法主要也有兩種：將光標(biāo)移到表格中某一列的最上邊，當(dāng)光標(biāo)變成一個向下的“ ”黑色小箭頭時，單擊鼠標(biāo)左鍵，此時該列被選中。將光標(biāo)移到表格中某一行的任意一個單元格內(nèi)，然后單擊【表格】菜單，選擇【選定】后再單擊【列】選項，則該列被選定。選定單元格選定一個單元格。將光標(biāo)移到某單元格內(nèi)，單擊【表格】菜單，選擇【選定】后再單擊【單元格】選項，則該單元格被選定。選定多個單元格。在選定一個單元格后，用手按住Ctrl鍵，不要松開，然后單擊要選定的其他單元格。選定表格的多行或多列。用與“選定多個單元格”的類似方式來操作。2、設(shè)置表格的屬性 設(shè)置整個表格的多種屬性，其操作步驟如下：將光標(biāo)移到表格中，單擊【表格】菜單，選擇【屬性】，再單擊【表格】選項，或在表格上單擊鼠標(biāo)右鍵，接著選擇【表格屬性】，出現(xiàn)一個對話框。對齊方式。該設(shè)置是整個表格在網(wǎng)頁內(nèi)的對齊方式，開始設(shè)為默認，可設(shè)置為左對齊、右對齊、水平居中、兩端對齊。單元格邊距。單元格邊界與內(nèi)容之間的距離。該值越大，單元格內(nèi)的文字與表格線的距離越大。單元格間距。單元格與單元格之間的距離。邊框粗細。設(shè)置表格外邊框的寬度。如不顯示外邊框，可將此值設(shè)為0。此外，在【表格屬性】對話框中，也可以設(shè)置表格的背景顏色、背景圖片、整個表格的寬度與高度，只要單擊相應(yīng)按鈕，就可以為表格設(shè)置各種屬性。3、設(shè)置單元格的屬性 設(shè)置某個單元格的屬性，也可同時設(shè)置多個單元格的屬性。步驟如下：（1）選定要設(shè)置屬性的單元格（如果只須設(shè)置某個單元格的屬性，只需將光標(biāo)移到該單元格內(nèi)，無需選定該單元格）；（2）單擊【表格】菜單，選擇【屬性】，然后單擊【單元格】選項，或單擊鼠標(biāo)右鍵，選擇【單元格屬性】選項，將會出現(xiàn)一個對話框。（3）在單元格屬性對話框中，我們可以設(shè)置單元格的多種屬性。（4）設(shè)置完畢后，單擊【應(yīng)用】按鈕，可以預(yù)覽一下設(shè)置效果。（5）單擊【確定】按鈕，設(shè)置結(jié)束。在這個對話框中，我們可以設(shè)置單元格的屬性有：單元格布局水平對齊方式。有五個選項：默認左對齊、左對齊、右對齊、水平居中、兩端對齊。垂直對齊方式。有五個選項：默認靠上、靠上、居中、基線、靠下。行跨距。即單元格跨越的行數(shù)。例如此數(shù)設(shè)為2，則這個單元格就對應(yīng)兩行單元格的高度。列跨距。即單元格跨越的列數(shù)。例如此數(shù)設(shè)為2，則這個單元格就對應(yīng)兩行單元格的寬度。標(biāo)題欄。如果選擇了此項，表格的第一行就變成了表格的標(biāo)題。不換行。設(shè)置此項后，這個單元格中的文字不會隨著表格大小的變化而自動換行。指定寬度。該單元格的最小寬度。可以是像素（Pixels）或百分?jǐn)?shù)（in percent）。如果是百分比方式，該值是指該單元格占整個表格寬度的百分比。指定高度。該單元格的最小高度，一般無需指定。瀏覽器會根據(jù)顯示窗口的大小而自動調(diào)整。邊框邊框顏色。設(shè)置邊框的顏色，默認為黑色。亮邊框。單元格內(nèi)右邊與下邊框的顏色。暗邊框。單元格內(nèi)左邊與上邊框的顏色。背景單擊“顏色”下拉列表框右邊的箭頭，可以指定每個單元格的背景顏色。沒有指定時，瀏覽器采用默認顏色。也可以為每個單元格指定不同的背景圖案，單擊“瀏覽”按鈕就可以實現(xiàn)這一點。四）、插入與刪除、合并與拆分 一張表格創(chuàng)建后，可以在單元格內(nèi)輸入文字、符號等，也可以刪除單元格中的任何內(nèi)容，這與在網(wǎng)頁中的操作方式完全相同。以表格為例輸入內(nèi)容。此外，可通過插入、刪除、合并、拆分表格或單元格，得到需要的新表格。 1、插入行或列 創(chuàng)建一張表格后，覺得表格的行數(shù)或列數(shù)不夠，就用到插入行或列的功能。實例：把表格擴大，最下方插入3行，最右方插入2列。（1）在表格中插入行。其操作方法有以下兩種：使用菜單命令：1)將光標(biāo)定位在待插入行的任意單元格內(nèi)；2)然后單擊【表格】菜單，選擇【插入】菜單項，在子菜單中單擊【行或列】選項，出現(xiàn)對話框；3)在對話框中選擇【行】單選按鈕。在【行數(shù)】框內(nèi)輸入要插入的行數(shù)（例如3），并在【位置】欄中選擇“所選區(qū)域下方”單選按鈕。4)單擊【確定】按鈕，在光標(biāo)所在行的下方插入了新的行（設(shè)為3）。使用【表格】工具欄選定一行后，單擊工具欄上的“ ”插入行圖標(biāo)，也可以在選定行的上方插入新的一行。（2）在表格中插入列。其操作方法與插入行類似，也有以下兩種：使用菜單命令：1)將光標(biāo)定位在待插入列的任意單元格中；2)然后單擊【表格】菜單，選擇【插入】菜單項，在子菜單中單擊【行或列】選項，出現(xiàn)對話框；3)在對話框中選擇【列】單選按鈕。在【列數(shù)】框內(nèi)輸入要插入的列數(shù)（設(shè)為2），并在【位置】欄中選擇“所選區(qū)域右方”單選按鈕。4)單擊【確定】按鈕，則在當(dāng)前所在列的右方插入了新的列（2列）。使用【表格】工具欄選定一行后，單擊工具欄上的“ ”插入列圖標(biāo)，則可以在選定列的左方插入新的一行。 經(jīng)過上述插入行和列的操作步驟，得到表格中插入3行、2列后的效果. 2、刪除行、列或單元格 當(dāng)表格中某行或某列數(shù)據(jù)多余，或某不需要單元格時，應(yīng)把它們刪除。實例：以表格為例，把表格中新插入的3行、2列刪除。通過刪除行、列進行。操作步驟如下：1)先刪除行：A)選定行：將光標(biāo)移到表格中要刪除的行的最左邊，光標(biāo)變成向右的“ ”小箭頭時，單擊鼠標(biāo)左鍵，該行反色顯示被選中。B)刪除行：單擊“ ”圖標(biāo)工具，則選中行被刪除。C)重復(fù)上述A)、B)兩步驟把其余兩行也刪除。2)再刪除列：a)選定列：將光標(biāo)移到表格中要刪除的列的最上邊，光標(biāo)變成向下的“ ”黑色小箭頭時，單擊鼠標(biāo)左鍵。此時該列被選中。b)刪除列：單擊“ ”圖標(biāo)工具，則選中列被刪除。c)重復(fù)上述a）、b）兩個步驟把另一列也刪除。通過刪除單元格進行。其操作步驟如下：1)選定一個單元格：單擊【表格】菜單項，選擇【選定】，單擊【單元格】選項。2)選定多個單元格：選定一個單元格后，用手按住Ctrl鍵，不要松開，然后單擊要選定的其他所有需要刪除的單元格。3)刪除單元格：單擊【表格】菜單，選擇【刪除單元格】選項，則選中的所有單元格都會被刪除。 3、合并單元格 將多個單元格合并成一個單元格。下面通過一個實例來說明，其操作步驟：（1）在表格中，選定第一列的后面的三個單元格。（2）單擊“ ”圖標(biāo)工具，或單擊【表格】菜單項，選擇【合并單元格】選項，這時選定的三個單元格合并為一個單元格。（3）選中最后一行的后兩個單元格，采用上述（2）中的操作也可以把它們合并為一個單元格。 4、拆分單元格 將一個單元格拆分成多個單元格，這與合并單元格的操作正好相反。拆分單元格有兩種不同的方式：一種是按行拆分，即把單元格按行拆分為多個單元格；另一種是列拆分，即把單元格按列拆分為多個單元格。 下面我們通過一個實例來說明，其操作步驟如下： （1）在網(wǎng)頁中插入一個22的空表格。 （2）將光標(biāo)定位在第一行第一列的單元格內(nèi)。（3）單擊鼠標(biāo)右鍵，彈出一個快捷菜單，也可以單擊【表格】菜單項。此時選擇【拆分單元格】菜單項，出現(xiàn)一個對話框。（或單擊“ ”圖標(biāo)工具）（4）在【拆分單元格】對話框中，選擇【拆分為行】單選按鈕。（5）把【行數(shù)】的值設(shè)為2（默認值），單擊【確定】按鈕。此時表格第一行第一列的單元格被拆分為兩行，左上角兩個單元格。（6）將光標(biāo)定位在第一行右邊的單元格內(nèi)。（7）再次單擊鼠標(biāo)右鍵，選擇【拆分單元格】菜單項，出現(xiàn)一個拆分單元格對話框。（8）在對話框中，選擇【拆分為列】單選按鈕。（9）把【列數(shù)】的值設(shè)為2（默認值），單擊【確定】按鈕。此時表格第一行第二列