第3課網(wǎng)頁(yè)中的表格

本課學(xué)習(xí)任務(wù)1.知識(shí)任務(wù)理解表格在網(wǎng)頁(yè)設(shè)計(jì)中的重要作用。本課學(xué)習(xí)任務(wù)2.技能任務(wù)學(xué)會(huì)使用表格布局網(wǎng)頁(yè)；靈活掌握表格調(diào)整的方法。本課學(xué)習(xí)任務(wù)3.情感、態(tài)度與價(jià)值觀任務(wù)了解學(xué)校概貌，發(fā)現(xiàn)校園之美；養(yǎng)成良好的生活和學(xué)習(xí)習(xí)慣。一、表格的作用

當(dāng)我們上網(wǎng)瀏覽網(wǎng)頁(yè)時(shí)，會(huì)看到網(wǎng)頁(yè)中的文字、圖片、動(dòng)畫(huà)等素材排練整齊有序，并且不會(huì)因?yàn)g覽器窗口大小的改變而改變排練方式。二、在網(wǎng)頁(yè)中插入表格⑴雙擊index.htm打開(kāi)主頁(yè)。⑵單擊“表格”，打開(kāi)“插入表格”對(duì)話框。⑶輸入表格的行數(shù)“2”和列數(shù)“2”。⑷邊框粗細(xì)為“1”，單擊“確定”。

⑴雙擊index.htm打開(kāi)主頁(yè)⑵單擊“表格”，打開(kāi)“插入表格”對(duì)話框。確定插入點(diǎn)光標(biāo)在行首⑶輸入表格的行數(shù)“7”和列數(shù)“3”。（4）邊框粗細(xì)為“0”。最后，設(shè)置完成，單擊“確定”按鈕。

1.拖動(dòng)鼠標(biāo)，選中第一行的所有單元格。2.單擊“合并單元格”選項(xiàng)。

在“插入表格”對(duì)話框中設(shè)置表格邊框“粗細(xì)”為0，在“設(shè)計(jì)視圖”模式界面中顯示為虛線，瀏覽網(wǎng)頁(yè)時(shí)看不見(jiàn)表格邊框虛線。小知識(shí)三、表格的調(diào)整1.行高和列寬的調(diào)整我們既可以用鼠標(biāo)手動(dòng)的方式對(duì)表格的行高或列寬進(jìn)行調(diào)整，當(dāng)我們將鼠標(biāo)移到單元格的右邊線或下邊線時(shí)，鼠標(biāo)指針會(huì)變成“”或“”，此時(shí)向右或向下拖動(dòng)鼠標(biāo)即可調(diào)整單元格的寬度或高度；也可以通過(guò)單元格屬性或表格屬性對(duì)話框?qū)π懈呋蛄袑掃M(jìn)行精確設(shè)置。2.單元格的合并和拆分選中想要合并或拆分的單元格，單擊鼠標(biāo)右鍵，在彈出的快捷鍵菜單中可以選擇“合并單元格”或“拆分單元格”命令。如果選擇“拆分單元格”命令，在彈出的“拆分單元格”對(duì)話框中可以設(shè)定想要拆分的行數(shù)或列數(shù)。3.插入或刪除表格中的行或列在進(jìn)行表格行或列的插入或刪除操作以前，應(yīng)先選擇相應(yīng)的行或列。選擇的方法是：將鼠標(biāo)移動(dòng)至行的左側(cè)或列的上方，當(dāng)鼠標(biāo)指針變?yōu)椤啊被颉啊睍r(shí)單擊左鍵即可選中。也可用拖動(dòng)的方式選擇多行或多列。選擇行或列的操作結(jié)束后，單擊鼠標(biāo)右鍵，出現(xiàn)快捷菜單，從菜單項(xiàng)中進(jìn)行相應(yīng)選擇。4.平均分布行和列操作前同樣要先選取需要平均分布的行或列，然后單擊鼠標(biāo)右鍵，在出現(xiàn)的菜單中進(jìn)行相應(yīng)選擇，以保持表格內(nèi)容的均勻分布。四、布局表格和單元格的使用使用布局表格，首先通過(guò)“布局表格”功能來(lái)為網(wǎng)頁(yè)布局創(chuàng)建一個(gè)框架，然后通過(guò)“布局單元格”功能為該框架填充包含有網(wǎng)頁(yè)內(nèi)容的區(qū)域，也就是單元格。通過(guò)“表格”“布局表格和單元格”，其中提供了12種默認(rèn)表格布局模板。如果系統(tǒng)提供的模板不能滿足我們的需要，可以再此基礎(chǔ)上進(jìn)行修改，也可以通過(guò)手工繪制來(lái)完成。練一練1.參照“情感小屋”網(wǎng)站首頁(yè)布局的內(nèi)容，采用手工繪制的方式設(shè)計(jì)布局表格和布