《金花的故鄉(xiāng)-大理(一)》名師教案

學(xué)而優(yōu)教有方2/2課題金花的故鄉(xiāng)—大理（一）單元第二單元學(xué)科信息技術(shù)年級六年級學(xué)習(xí)目標(biāo)1、學(xué)會打開站點。2、學(xué)會使用布局表格和單元格規(guī)劃網(wǎng)頂布局。3、學(xué)會表格嵌套的操作。4、學(xué)會制作導(dǎo)航欄。重點使用表格布局設(shè)計網(wǎng)站的首頁布局。難點學(xué)會制作導(dǎo)航欄。教學(xué)過程教學(xué)環(huán)節(jié)教師活動學(xué)生活動設(shè)計意圖導(dǎo)入新課同學(xué)們，你知道什么是頁面布局嗎？

網(wǎng)頁各式各樣的布局格式聽講，思考通過日常圖片方式引入吸引學(xué)生的學(xué)習(xí)興趣。講授新課跟我做訪問者瀏覽網(wǎng)站的第一頁就是首頁。

首頁在設(shè)計上要美觀大方、清楚簡潔;在內(nèi)容上要組織嚴密;在形式上要圖文并茂，動靜結(jié)合，這樣才能更好地吸引訪問者。接下來我們一起來設(shè)計網(wǎng)站的首頁吧！

1.打開網(wǎng)站①啟動FrntPage2003，單擊菜單欄中的“文件”菜單，然后單擊“打開網(wǎng)站”命令。

②在對話框的“查找范圍”欄內(nèi)找到自己的文件夾，在列表區(qū)選擇“我的站點”單擊“打開”按鈕。這樣就打開了我們創(chuàng)建的站點，如圖9-1。

2.規(guī)劃網(wǎng)頁布局我們要對首頁進行編輯，首頁的文件名是index.htm。只要雙擊index.htm文件，打開網(wǎng)頁編輯區(qū)后就可以編輯網(wǎng)頁了。

（1）使用布局表格和單元格為了方便編輯網(wǎng)頁，可以關(guān)閉窗口左邊的“文件夾列表”，方法是單擊“文件夾列表”窗口上標(biāo)有“x”的按鈕。接下來，我們用“布局表格”來規(guī)劃網(wǎng)頁布局。

①單擊“表格”菜單，選擇“布局表格和單元格”命令，這時右側(cè)的任務(wù)窗格顯示的是“布局表格和單元格”，如圖9-2。

②任務(wù)窗格中有系統(tǒng)預(yù)設(shè)的“表格布局”，可以從中選擇一種自己喜歡的布局方式，對齊方式選擇“水平居中”，如圖9-3。

（2）調(diào)整行高、列寬在表格布局界面，單元格行高、列寬都用數(shù)字標(biāo)明，可以根據(jù)實際情況調(diào)整布局表格的行高、列寬。

①單擊表格邊框，或單擊標(biāo)簽，選中整個表格。②把鼠標(biāo)移到邊框上的小菱形上，根據(jù)需要調(diào)整行高和列寬，如圖9-4。

（3）刪除表格布局如果想刪除剛才使用的表格布局，只要單擊右側(cè)任務(wù)窗格中“表格布局”欄里的“沒有布局”格式即可。

（4）表格的嵌套如果表格邊框是虛線，則預(yù)覽網(wǎng)頁時邊框是不顯示的。設(shè)計首頁時，表格第一行通常放置網(wǎng)站的Lg（徽標(biāo)）、Flash動畫標(biāo)語、導(dǎo)航欄等信息。第二行放置有關(guān)網(wǎng)頁欄目的一些內(nèi)容。為了更好地規(guī)劃網(wǎng)頁布局，方便我們編輯表格中的單元格，我們可以運用表格嵌套的方法，即在表格里插入表格。

①把光標(biāo)放在第一行單元格里，單擊工具欄上的“插人表格”按鈕，選擇“3乘1表格”。

②在表格內(nèi)右擊鼠標(biāo)，在快捷菜單中單擊“表格屬性”命令。在彈出的“表格屬性對話框中，設(shè)置表格大小為2行2列，把單元格襯距、單元格間距、邊框粗細都修改為0，這是為了實現(xiàn)單元格之間無縫連接。如圖9-5。

在表格第-行放網(wǎng)站徽標(biāo)（Logo），第二行放Flash動畫標(biāo)語，第三行放導(dǎo)航欄。

3.制作網(wǎng)站徽標(biāo)在此使用藝術(shù)字來制作網(wǎng)站徽標(biāo)。（1）插入藝術(shù)字①把光標(biāo)放在左上角單元格里，執(zhí)行“插入→圖片→藝術(shù)字”命令。

②在彈出的“藝術(shù)字庫”對話框中，選擇一種藝術(shù)字樣式，單擊“確定”按鈕。

③在彈出的“編輯‘藝術(shù)字’文字”對話框中，輸入網(wǎng)站的標(biāo)題，根據(jù)需要修改字體、字號，單擊“確定”按鈕，如圖9-6。

（2）設(shè)置藝術(shù)字格式①選中藝術(shù)字并右擊鼠標(biāo)，在彈出的菜單中，單擊“設(shè)置藝術(shù)字格式”命令。如圖9-7所示。

②使用同樣的方法，可以繼續(xù)添加其他藝術(shù)字。

③選中藝術(shù)字，在藝術(shù)字上端有一個綠色的小圓形，這是旋轉(zhuǎn)點，拖動旋轉(zhuǎn)點可以調(diào)整藝術(shù)字的角度，如圖9-9。

4.制作導(dǎo)航欄導(dǎo)航欄的作用是為了方便訪問者在網(wǎng)頁之間輕松自由地跳轉(zhuǎn)。下面，我們一起學(xué)習(xí)導(dǎo)航欄和超鏈接的制作。

（1）插入導(dǎo)航欄①把光標(biāo)定位在需要放導(dǎo)航欄的單元格里，打開“插入’菜單，單擊“導(dǎo)航”選項，在彈出的“插入Web組件”對話框中，左側(cè)選中“鏈接欄'，右側(cè)選中“包含自定義鏈接的鏈接欄”，單擊“下一步”按鈕。如圖9-10。

②選擇一種樣式，并單擊“下一步”按鈕。如圖9-11所示。

③可以根據(jù)網(wǎng)頁布局的需要選擇網(wǎng)頁方向，本例選擇水平方向，單擊完成”按鈕，如圖9-12所示。

④在彈出的“鏈接欄屬性”對話框中，單擊“添加新名稱”按鈕，在新彈出的“插入新的鏈接欄”對話框中，給鏈接欄輸入一個名稱，單擊“確定’按鈕，如圖9-13。

⑤在“鏈接欄屬性”對話框中，單擊“添加鏈接”按鈕，如圖9-14。

⑥在彈出的“添加到鏈接欄”對話框中，選擇需要鏈接的網(wǎng)頁，例如：jingdian\jingdian.htm，在“要顯示的文字”后的文本框中輸入大理景點”，單擊“確定”按鈕，這樣一個超鏈接就建立起來了，如圖9-15。

重復(fù)步驟⑤、⑥的操作，繼續(xù)添加“大理民俗”、“大理美食”、“大理特色”等鏈接。如果在網(wǎng)頁中需要有“主頁”的鏈接，就選中附加鏈接中的“主頁”復(fù)選框。如圖9-16。單擊“確定”按鈕后，網(wǎng)頁上就自動添加了導(dǎo)航欄，如圖9-17所示。

（2）修改導(dǎo)航欄雙擊導(dǎo)航欄就能打開“鏈接欄屬性”對話框，可以修改鏈接。也可以單擊“樣式”選項卡，修改導(dǎo)航欄樣式，如圖9-18。

5.設(shè)置版權(quán)信息欄在第三行單元格中輸人網(wǎng)站的一些版權(quán)信息。（1）插入水平線①把光標(biāo)定位在第三行單元格里，打開“插入”菜單，單擊“水平線”選項，在網(wǎng)頁中插入水平線。

②雙擊水平線，在彈出的“水平線屬性”對話框中，可以根據(jù)網(wǎng)站的主色調(diào)修改水平線顏色，如圖9-19所示。

（2）輸人版權(quán)信息在水平線后按回車鍵，就可以輸入網(wǎng)頁的版權(quán)信息了，包括制作者、建議瀏覽器分辨率、建站時間等，最終的網(wǎng)頁效果如圖9-20所示。別忘記保存！

使用“表格布局”和“表格嵌套”規(guī)劃網(wǎng)站首頁布局，插入相應(yīng)的網(wǎng)站徽標(biāo)、導(dǎo)航欄和版權(quán)信息。了解、掌握了解及掌握了解、掌握掌握了解聽講及掌握理解了解、掌握了解掌握掌握了解、掌握了解掌握操作了解掌握掌握通過教師講解使用首頁設(shè)計。了解“我的站點的步驟和方法。規(guī)劃網(wǎng)頁布局、使用布局表格和單元格的方法。通過教師講解了解“布局表格和單元格”的方法調(diào)整行高、列寬掌握刪除表格布局的方法。編輯表格的嵌套的方法與步驟。了解表格嵌套單元格襯距、單元格間距、邊框粗細的方法與步使用藝術(shù)字來制作網(wǎng)站徽標(biāo)。設(shè)置藝術(shù)字格式制作導(dǎo)航欄“插入Web組件”“插入新的鏈接欄”修改導(dǎo)航欄的方法。設(shè)置版權(quán)信息欄的步驟課堂小結(jié)1、訪問者瀏覽網(wǎng)站的第一頁就是首頁。2、首頁的文件名是index.htm。3、用“布局表格”來