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

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