青島版小學五年級信息技術下冊教案

1 青島版小學五年級信息技術下冊教案 第一課 網(wǎng)頁 DIY快車 學習目標： 1、認識 Frontpage2000窗口。 2、學會在網(wǎng)頁中輸入文字。 3、學會保存網(wǎng)頁。 教學中難點：學會在網(wǎng)頁中輸入文字。 教學過程： 同學們一定都非常喜歡上網(wǎng)，為什么呀？因為網(wǎng)上有豐富多彩的信息，除了有文字，還包含圖片、聲音、動畫和影片等。如果讓我們自己也來制作一個網(wǎng)頁，那么應該在這之前把這些素材都準備好，并把它們都存放進一個專門的文件夾 2 中。好了，一切準備就緒！讓我們一起來創(chuàng)建一個屬于自己的網(wǎng)頁！ 一、開啟網(wǎng)頁快車 步驟：單擊 任務欄上的“開始”按鈕，光標指向“程序”菜單中的 Microsoft Front page,單擊。也可以將其發(fā)送到桌面上。 二、 Front page窗口的組成 有標題欄、菜單欄、常用工具欄、格式工具欄、視圖欄、狀態(tài)欄、編輯區(qū)等七部分組成。 三、網(wǎng)頁的保存 步驟： 1、單擊常用工具欄上的“保存”按鈕。 2、在“另存為”對話框的“保存位置”欄中選擇網(wǎng)頁要保存的位置，系統(tǒng)會根據(jù)你輸入的首行文字自動設置“網(wǎng)頁標題”，如果對這個標題不滿意，可以單擊“更改”按鈕重新進行設置。 3、在“文件名”框中輸入文件名，“文件類型” 為“ web 頁”，最后單擊“保存”按鈕。 四、與 Frintpage2000說 Bye-bye 步驟：但既“文件”菜單，選擇“退出”命令，就退出 Frintpage2000了。 3 學生練習：濤濤的網(wǎng)頁、小青島 第二課 文字大變身 學習目標： 1、打開一保存的網(wǎng)頁。 2、學會設置網(wǎng)頁中文字的字體和顏色。 3、學會預覽網(wǎng)頁效果。 教學中難點：學會設置網(wǎng)頁中文字的字體和顏色。 教學過程： 一、請出“老朋友” 步驟： 1、打開 Frintpage2000窗口，單擊“文件”菜單，在單擊“打開”命令。 4 2、談出“打開 文件”對話框，在“查找范圍”框中找到濤濤網(wǎng)頁文件夾，選中文件，單擊“打開”按鈕，上節(jié)課制作的網(wǎng)頁就被打開了。 二、對網(wǎng)頁中的文字進行修飾 步驟： 1、選中要修飾的文字，單擊“格式”菜單中的“字體”命令。 2、在彈出的“字體”對話框中設置字體、字型、大小和顏色，在單擊“確定”按鈕。用同樣的方法修飾其他文字。 注：為了使網(wǎng)頁的文字在連接到因特網(wǎng)上的其他計算機上也能順利顯示，建議大家最好只是用黑體、楷體、宋體、仿宋體等常用字體。若要是用其他比較特殊的字體，可以將它們做成圖片，再是用“插圖”命令將它們置入。 三、文 字“通關考” 步驟： 1、選中網(wǎng)頁中需要修飾的文字。 2、利用工具欄上的相應按鈕對文字進行修飾。 學生練習：左對齊、加粗、居中、傾斜、右對齊、下劃線的符號。 四、讓文字變得更美觀 步驟： 5 1、選中文字，單擊菜單欄上的“格式”，在單擊“段落”命令。 2、在“段落”對話框中設置段落的“對齊方式”為“兩端對齊”，行距為“雙倍行距”，首行縮進 18磅，單擊“確定”按鈕。 3、設置好段落格式的網(wǎng)頁效果如下圖所示。 五、網(wǎng)頁效果看得見 步驟：單擊窗口下方的“預覽”標簽，預覽一下網(wǎng)頁效果。預覽完畢，如果發(fā)現(xiàn)什么問題，可以在 單擊“普通”標簽，返回編輯界面繼續(xù)進行修改。學生練習：課后 1、 2體。 第三課繽紛新世界 學習目標： 1、學會插入水平線。 2、學會設置網(wǎng)頁背景。 3、學會套用“主題”。 教學 重 難點：學會設置網(wǎng)頁背景。 教學過程： 一、插入水平線 6 在制作網(wǎng)頁的過程中，為了使網(wǎng)頁條理清晰，通常在標題與正文之間插入一條水平線，水平線的顏色、粗細可以自由設置，插入水平線也可以美化網(wǎng)頁。 步驟： 1、打開上節(jié)保存文檔，將光標定位到標題與正文之間的空行上。單擊“插入”菜單中的“水平線”命令，網(wǎng)頁中就插入了一條水平線。 2、雙擊水平 線，彈出“水平線屬性”對話框，為水平線設置適合的寬度、高度、對齊方式和顏色，單擊“確定”按鈕。 二、給網(wǎng)頁穿上漂亮的外衣 步驟： 1、單擊“格式”菜單，選擇其中的“背景”命令。 2、在彈出的“網(wǎng)頁屬性”對話框中勾選“背景圖片”，單擊“瀏覽”按鈕，在彈出的“選擇文件”對話框中選擇好背景圖片，單擊“確定”按鈕，返回“網(wǎng)頁屬性”對話框，在單擊“確定”按鈕。 3、瞧，網(wǎng)頁北京設置好了。漂亮嗎？ 三、我的網(wǎng)頁主題 步驟： 1、單擊“格式”菜單，在單擊“主題”命令。 7 2、在彈出的“主題”對話框中選擇“秋葉”主題，單擊“ 確定”按鈕。 3、條用“秋葉”風格主題背景后，網(wǎng)頁呈現(xiàn)的效果如下圖所示。 用你已經(jīng)掌握的知識繼續(xù)修飾網(wǎng)頁 步驟： 1、對網(wǎng)頁的標題條用“標題 1”格式，方法是：將光標定位到標題文字處，在格式工具欄中選擇“標題 1”格式。 2、對剩下的文字套用“標題 4”格式，保存你做的修改。 學生練習：課后 1、 2題。 第四課 在線圖畫展 學習目標： 1、學會在網(wǎng)頁中插入剪貼畫。 2、學會插入來自文件的圖片。 3、學會設置圖片格式。 4、學會制作“自動縮略圖” 教學中難點：學會在網(wǎng)頁中插入剪貼畫和來自文件的圖片。 8 教學過程： 一、插入剪貼畫 1、打開“濤濤的畫展”，迥光標定位在要插入剪貼畫的位置。單擊“插入”菜單“圖片”子菜單中的“剪貼畫”命令。 2、在彈出的“剪貼畫庫”對話框中選擇剪貼畫的類別。 3、單擊你喜歡的剪貼畫，在彈出的工具菜單中選擇“插入剪輯”按鈕，將剪貼畫插圖網(wǎng)頁中，調整好他的大小和位置。 4、單擊工具欄上的“保存”按鈕，彈出“保存嵌入式文件”對話框，你可以單擊“重命名”按鈕對圖片文件重新命名，并單擊“改變文件夾”按鈕將此圖片保存到 “ taotao”文件夾中，以使該網(wǎng)頁在任何一臺連通互聯(lián)網(wǎng)的計算機上都能正常顯示。 二、在網(wǎng)頁中插圖你喜歡的圖片 步驟： 1、將光標定位到要插圖片的位置，單擊菜單欄上的“插入”在單擊“圖片”子菜單中的“來自文件”命令。 2、在彈出的“選擇文件”對話框中選擇圖片文件，單擊“確定”按鈕。 3、插入圖片后的效果如下圖所示。 9 三、去掉圖片的背景，讓網(wǎng)頁更加美觀 步驟： 1、選中圖片，打開圖片工具欄，單擊繪圖工具欄箭頭按鈕，在單擊一下圖片中的棕色背景，將棕色設置為透明。 2出現(xiàn)如下圖所示的提示框，單擊“確定”按鈕。 3、看，圖片中的棕色背景去掉了。 4、繼續(xù)插入好看的圖片，完成“濤濤的畫展”網(wǎng)頁。 四、自動縮略圖 當我們要制作一個類似圖片索引的網(wǎng)頁時，可以在這個網(wǎng)頁中放置很多張小圖片作為索引，當瀏覽者對某張圖片感興趣時，他可以先單擊小圖片，再從彈出的窗口中瀏覽清晰的大圖片，這些小圖片就稱為“縮略圖”。用 Frontpage2000可以輕松實現(xiàn)“自動縮略圖”的功能。 步驟： 1、選擇“工具”菜單中的“網(wǎng)頁選項”命令。 2、在彈出的“網(wǎng)頁選項”對話框中單擊“自動縮略圖”選項卡，按你喜歡的方式設置縮略圖片的格式，單擊“確定”按鈕。 3、選定需要制作縮略圖的圖片，單擊圖片工具欄上的“自動縮略圖”按鈕。 10 看，自動 縮略圖就做好了。用此方法為其他兩幅圖片設置縮略圖。最后，你可以通過尺寸控點調整縮略圖的大小。 4、切換到“預覽”狀態(tài)，單擊任意一幅縮略圖，就可以切換到其放大圖片的窗口了。 學生練習：課后 1、 2、 3、 4、 5題。 11 第五課 動感新地帶（一） 學習目標： 1、學會插入滾動字幕。 2、學會在網(wǎng)頁中插入懸停按鈕。 教學中難點：學會插入滾動字幕和懸停按鈕。 12 教學過程： 一、游來游去的字幕 我們時常可以在電視屏幕下方一行緩緩移動的文字，稱作滾動字幕。滾動字幕通常用來發(fā)布一些 通知或重要說明。在網(wǎng)頁中，也可以實現(xiàn)“滾動字幕”效果。 步驟： 1、打開“濤濤的畫展”，將光標定位在需要插入滾動字幕的位置。單擊“插入”菜單“組件”子菜單中的“字幕”命令。 2、在彈出的“字幕屬性”對話框中設置文本內容、字幕滾動的方向和速度，最后設置滾動字幕的表現(xiàn)方式和文本對齊方式。 3、在“重復”欄中勾選“連續(xù)”，在“背景顏色”下拉列表中選擇滾動字幕的背景顏色。 4、設置完畢，單擊“確定”按鈕，效果如下頁圖所示。 注意： IE 瀏覽器支持滾動字幕。但有的瀏覽器（例如版本較低的 Netscape 瀏覽器）則不支持滾 動字幕，此時滾動字幕效果無法實現(xiàn)。 5、單擊窗口左下方的“預覽”標簽，或單擊“文件”菜單中的“在瀏覽器中預覽”命令，打開瀏覽器窗口，就可以看到“歡迎光臨濤濤的個人畫展！”這幾個字在網(wǎng)頁中從右向左滾動的效果了。 13 二、閃爍的按鈕 步驟： 1、將光標定位到滾動字幕下面，設置該段落的對齊方式為“居中”對齊。 2、單擊“插入”菜單“組件”子菜單中的“懸停按鈕”命令。 3、彈出“懸停按鈕屬性”對何況，在“按鈕文本”框中輸入“我喜歡的卡通”，單擊“瀏覽”按鈕，選擇“濤濤的畫展”網(wǎng)頁文件與之連接，在設置好“按鈕顏色”、“背 景顏色”、“效果”和“效果顏色”等參數(shù)，單擊“確定”按鈕。 4、設置好的按鈕效果如下圖所示。你可在瀏覽器中打開網(wǎng)頁預覽效果：當鼠標指針移到按鈕上時，按鈕顏色發(fā)生變化，單擊鼠標，“濤濤的畫展”王也就被打開了。 學生練習：課后 1、 2、 3、 4題。 第六課 動感新地帶（二） 學習目標： 1、學會設置動態(tài)效果。 2、學會設置網(wǎng)頁的切換方式。 14 教學中難點：學會設置動態(tài)效果和設置網(wǎng)頁的切換方式。 教學過程： 一、舞動的文字 步驟： 1、打開“濤濤的網(wǎng)頁”，單擊“格式”菜單中的“動態(tài) HTML效果”命令。 2、選中網(wǎng)頁 的標題“濤濤的網(wǎng)頁”，在“ DHTML效果”工具來“開啟選擇一種事件”下拉菜單中選擇“網(wǎng)頁加載”事件。 3、在“應用選擇一種事件”下拉菜單中選擇“飛入”效果。 4、在“選擇設置”下拉菜單中選擇“從頂部”選項。 5、網(wǎng)頁加載的效果就設置好了，單擊常用工具欄上的“在瀏覽器中預覽”按鈕，玉蘭網(wǎng)頁的實際效果。你會看到，在打開瀏覽器窗口的同時，標題文字“濤濤的網(wǎng)頁”也從頂部快速飛入。 注意：在“ DHTML效果”工具欄中，有個“刪除效果”按鈕，彈機這個按鈕，可以取消以前設置的動態(tài)效果。 在“ DHTML效果”工 具欄中，有個用來突出顯示動態(tài)效果的按鈕。默認狀態(tài)下，設置完動態(tài)效果后，按扭成凹下狀態(tài)，設置動態(tài)效果的文字四周會出現(xiàn)藍色的背景框。如果你不想突出顯示設置了動態(tài)效果的文字，就可以單擊一下這 15 個按鈕，藍色背景框就會消失。 學生練習：利用“ DHTML效果”工具欄，設置動態(tài)效果。 二、圖片“變臉秀” 步驟：選中“濤濤的畫展”網(wǎng)頁中的一幅圖片，打開“ DHTML效果”工具欄。單擊“開啟選擇一種事件”，選擇“鼠標懸?！笔录?。 2、在“應用選擇一種效果”下拉菜單中選擇“交換圖片”。 3、在“選擇設置”下拉菜單中選擇 “選擇圖片”選項。 4、彈出“選擇文件”對話框，選擇一幅你喜歡的圖片，單擊“確定”按鈕。 5、保存你所做的修改，單擊“預覽”標簽，玉蘭網(wǎng)頁的實際效果。 學生練習：利用“ DHTML效果”工具欄，使用其它的動態(tài)效果。 三、網(wǎng)頁變變變 步驟： 1、單擊“格式”菜單中的“網(wǎng)頁過渡”命令。 2、彈出“網(wǎng)頁過渡”對話框，在“事件”列表中，選中“進入網(wǎng)頁”。 3、設置“過渡效果”為“圓形收縮”、“周期”為 3秒，單擊“確定”按鈕。 4、單擊常用工具欄上的“保存”按鈕，保存網(wǎng)頁。 5、單擊常用工具欄上的“在瀏覽器中預覽”按鈕 ，玉蘭你剛才設置的網(wǎng)頁過 16 渡效果。 學生練習：課后 1、 2題。 17 第七課 個性小簡歷 學習目標： 18 1、學會在網(wǎng)頁中插入表格。 2、學會單元格的拆分、合并與刪除操作。 教學中難點：學會在網(wǎng)頁中插入表格。 教學過程： 一、在網(wǎng)頁中插入表格 步驟： 1、新建一個網(wǎng)頁，輸入標題文字“聰聰 .個人簡歷”，并設置背景色。單擊鼠標確定插入表格的起始位置，單擊“表格”菜單“插入”子菜單中的“表格”命令。 2、彈出“插入表格”對話框，輸入表格的行數(shù)、列數(shù)和邊框線的寬度，單 擊“確定”按鈕。 3、一個 7 行 6 列的表格就做好了，現(xiàn)在可以往表格中輸入文字了，方法與word2000一樣，請你將表格填寫完整吧！ 二、單元格的拆分與合并 步驟： 1、拖動鼠標選中第 3行的第 26個單元格，單擊“表格菜單中的”合并單元格“命令。 19 2、看，“通信地址”一欄的格式就設置好了。 3、繼續(xù)用“合并單元格”命令調整其它單元格。 提示：把插入點光標定位到要拆分的單元格里。選擇“表格”菜單中的“拆分單元格”命令。在彈出的“拆分單元格”對話框設置適當?shù)膮?shù)即可。 三、刪除表格中多余的一行 步驟： 選中要刪除的 行，單擊“表格”菜單中的“刪除單元格”命令即可。 學生練習：課后 1、 2題。 第八課 表格魔法師 20 學習目標： 1、學會設置表格屬性。 2、學會設置單元格屬性。 教學中難點：學會設置表格屬性。 教學過程： 一、表格隨心變 改變表格的背景顏色 步驟： 1、在表格中單擊鼠標右鍵，選擇快捷菜單中的“表格屬性”命令。 2、彈出“表格屬性”對話框，選擇背景顏色為白色，單擊“確定”按鈕。 3、看，表格的背景顏色變成了白色了。 二、改變表格邊框的粗細和顏色 步驟： 1、將光標定位到任意一個單元格中，單擊右鍵， 在彈出的快捷菜單中選擇“表格屬性”命令。 2、彈出“表格屬性”對話框，單擊“邊框”欄中“顏色”框右端的小三角，在彈出的顏色列表中選擇綠色，在“粗細”框中可以設置邊框的粗細為“ 1”。如果想隱藏表格邊框，就可以將“粗細”值設置為“ 0”。 3、設置好的表格效果如下圖所示。 21 三、單元格巧設計 單元格中的文本單元格的對齊方式有時也需要調整。我們車已用格式工具欄的“左對齊”、“居中對齊”、“右對齊”按鈕進行設置，也可以通過“單元格屬性”命令進行設置。 步驟： 1、首先選中所有的單元格，單擊鼠標右鍵，選擇“單元格屬性”命 令。 2、在彈出的“單元格屬性”對話框中設置文字的水平和垂直對齊方式，單擊“確定”按鈕。 3、為表格中的文字修改字體，設置好的表格格式如下圖所示。 四、設置單元格的背景、邊框顏色 步驟； 1、將光標定位到“照片”單元格中，單擊鼠標右鍵，選擇快捷菜單中的“單元格屬性”命令，探出“單元格屬性對話框，選擇背景色為黃色，在調整單元格邊框的顏色，單擊”確定“按鈕。 2、設置好的表格如下圖所示。 學生練習：課后 1、 2、 3、 4、 5題。 第九課 娛樂新天地 22 學習目標： 1、學會給網(wǎng)頁配上背景音樂。 2、學會在網(wǎng)頁中插入 電影文件。 教學中難點：學會給網(wǎng)頁配上背景音樂和電影文件。 教學過程： 一、音樂之聲 為了不影響網(wǎng)絡傳輸?shù)乃俣龋覀冏詈貌捎谜加觅Y源較小的 MIDI格式的聲音文件。 步驟： 1、打開“淘淘的網(wǎng)頁”，單擊菜單欄上的“文件”，在單擊其中的“屬性”命令。 2、彈出“網(wǎng)頁屬性”對話框，單擊“背景音樂”欄中的“瀏覽”按鈕，打開“背景音樂”對話框。 3、在“背景音樂”對話框中單擊按鈕，在彈出的“選擇文件”對話框中選擇你喜歡的音樂文件，單擊“確定”按鈕。 4、返回“網(wǎng)頁屬性”對話框，在“背景音樂”欄勾選“不限次數(shù)”選項，則 23 在打開網(wǎng)頁背景音樂將不停地反復播放，一直到環(huán)比這個網(wǎng)頁。如果取消“不限次數(shù)” 的選擇，則可在其左側的“循環(huán)次數(shù)”框中設置背景音樂循環(huán)播放的次數(shù)。 通過這種方法插入的背景音樂，在網(wǎng)頁的“普通”狀態(tài)下沒有任何提示標志。但是只要我們切換到“預覽”狀態(tài)，音樂就會自動播放。還有一種插入音樂的方法，我們可以在“普通”狀態(tài)下看到它的提示標志。 二、在“淘淘的網(wǎng)頁”中插入一段音樂 步驟： 1、打開娛樂新天地文件，選擇“插入”菜單“高級”子菜單中的“插件”命令。 2、彈出“插件屬性”對話框，單擊“瀏覽”按鈕，早彈出的“選擇插件數(shù)據(jù)源”對話框中選擇要播放的音頻文件，如果沒有找到，可以單擊對話框右側的按鈕另行選擇。我們可以選擇擴展名為 WAV、 MID、 SND或 AU的音頻文件。 3、在“普通”狀態(tài)下，為了標記音頻插入的位置， Frontpage2000會顯示插頭圖標。 學生練習：在網(wǎng)頁中插入一段好聽的音樂。 三、影視在線 插入視頻 24 步驟： 1、將鼠標移到想要插入影片的位置，單擊“插入”菜單“圖片”子菜單中的“視頻”命令。 2、在彈持雙“視頻”對話框中選擇需要的視頻文件， 如果在“視頻”對話框中沒有找到視頻文件，可以單擊其它按鈕另行選擇。 3、剛插入的視頻文件看起來好像一幅圖片，要想讓它正常播放，必須用瀏覽器預覽或在“預覽”狀態(tài)下觀看。 學生練習： 1、 2題。 25 26 第十課 網(wǎng)頁 1+1 學習目標： 1、學會為網(wǎng)頁添加文字超鏈接。 2、學會為網(wǎng)頁添加電子郵件超鏈接。 3、學會在網(wǎng)頁中添加書簽。 教學中難點：學會為網(wǎng)頁添加文字、電子郵件超鏈接。 教學過程： 超鏈接是任何網(wǎng)頁中都必須具備的功能，它是網(wǎng)頁與網(wǎng)頁之間進行聯(lián)系的紐帶。 一、為網(wǎng)頁添加文字超鏈接 步驟： 1、打開“濤濤的網(wǎng)頁”，在網(wǎng)頁最后輸入文字“好友 聰聰?shù)淖晕医榻B”，將他們選中，單擊“插入”菜單中的“超鏈接”命令。 2、彈出“創(chuàng)建超鏈接”對話框，在“ URL”文本框中輸入超鏈接的地址：congcongjianjie.htm，單擊：“確定”按鈕。 27 3、超鏈接就設置好了，現(xiàn)在切換到“預覽”狀態(tài)，但及一下“好友 聰聰?shù)淖晕医榻B”幾個字，就可以切換到“聰聰 .個人簡歷”網(wǎng)頁了。 二、為網(wǎng)頁添加電子郵件超鏈接 步驟： 1、在“濤濤的網(wǎng)頁”中輸入“聯(lián)系淘淘” 4個字，將他們選中。 2、單 擊常用工具欄上的“超鏈接”按鈕，彈出“創(chuàng)建超鏈接”對話框。 3、單擊“ URL”框右側的郵件按鈕，彈出“創(chuàng)建電子郵件超鏈接”對話框，將濤濤的 E-mail 地址填寫到“鍵入電子郵件地址”框中，在單擊“確定”按鈕。 4、返回“創(chuàng)建超鏈接”對話框，“ URL”框中出現(xiàn)了 mailto:，說明電子郵件超鏈接添加成功了，單擊“確定”按鈕。 學生練習：課后 1、 2、 3題。 二、為網(wǎng)頁添加書簽 步驟： 1、新建一個網(wǎng)頁，輸入小說文字，將它保存為“ smmfs.htm”。選中第二十自然段的第一句話，單擊“插 入”菜單中的“書簽”命令。 2、彈出“書簽”對話框，“書簽名稱”默認為我們選中的文字，這里我們將它 28 改為“第二十自然段”，單擊“確定”按鈕，術前就做好了。 3、在網(wǎng)頁定段輸入文字“第二十自然段”，選中這幾個字，單擊右鍵，彈出快捷菜單，選擇“超鏈接”命令。 4、彈出“創(chuàng)建超鏈接”對話框，單擊“可選”欄中“書簽”框后的按鈕，在彈出的列表中選擇“第二十自然段”，單擊“確定”按鈕。 學生練習：課后 1、 2、 3題。 29 30 第十一課 百變圖片 學習目標： 1、學 會為網(wǎng)頁添加圖片鏈接。 2、學會制作熱點圖。 教學中難點：學會為網(wǎng)頁添加圖片鏈接。 教學過程： 一、為網(wǎng)頁添加圖片鏈接 步驟： 1、打開網(wǎng)頁“ katong.htm”，在網(wǎng)頁中插圖一幅圖片，單擊選中它，單擊常用工具欄上的“超鏈接”按鈕，打開“創(chuàng)建超鏈接”對話框。 2、彈出“創(chuàng)建超鏈接”對話框，在“ URL”框中填入鏈接的地址“ huazhan.htm”，也可以從上面的框中單擊選擇相應的鏈接對象，單擊“確定”按鈕，圖片超鏈接就設置好了。 31 二、制作熱點圖 熱點圖就是指在一個圖片上創(chuàng)建多個超鏈接，它通常是用在一些較特殊 的頁面中。像濤濤要做的祖國各地風光介紹的網(wǎng)頁中就需要在一張圖片上創(chuàng)建多個熱點鏈接。 步驟： 1、打開網(wǎng)頁“ China.htm”，選中地圖圖片。在窗口下方出現(xiàn)“圖片”工具欄。 2、選擇“圓形熱點”按鈕，在中國地圖上山東省的位置拖動鼠標畫一個圓形，松開鼠標，彈出“創(chuàng)建超鏈接”對話框。在“ URL”框中輸入 “ shandong.htm”，單擊“確定”按鈕。 3、重復上一步操作，在地圖中青海省位置建立熱點，將他鏈接到“ qonghai.htm”。 4、現(xiàn)在請你切換到“預覽”狀態(tài)，把光標指向山東省的位置，光標變成了“小手 ”，說明這里有一個超鏈級，單擊，看看網(wǎng)頁是不是切換到 “ shandong.htm”去了？ 學生練習：課后 1、 2、 3、 4題。 32 第十二課 少年俱樂部 學習目標： 1、對表單有一個初步的了解。 2、學會在網(wǎng)頁中插入復選框。 3、學會在網(wǎng)頁中插入單選按鈕。 教學中難點：學會在網(wǎng)頁中插入復選框及網(wǎng)頁中插入單選按鈕。 教學過程： 一、名詞解釋： （ 1）表單：是網(wǎng)絡管理員與瀏覽者之間溝通信息的橋梁，它可以實現(xiàn)意見調查、在線查詢、網(wǎng)絡購物、在線申請等功能。 （ 2）復選框：常用在表單中，通過復選框可一次選擇 多項內容，復選框旁邊須由文字進行說明。 33 （ 3）單選按鈕：內容相斥的選項是用單選框，它只允許用戶選擇其中的一項。 二、插入復選框 1、將插入點光標移動到需要插入復選框的位置，單擊“插入”菜單“表單”子菜單中的“復選框”命令。 2、出現(xiàn)一個復選框和“提交”、“全部重寫”兩個按鈕，在復選框后添加文字“電腦”，說明復選框的作用。 3、將插入點光標移動到“提交”按鈕前，重復插入復選框，分別添加文字說明“繪畫”和“音樂”，效果如下圖所示。 4、復選框添加完了，單擊“預覽”標簽看一看，在每個復選框內單擊，你發(fā)現(xiàn)有什么變化 ? 三、插入單選按鈕 步驟： 1、單擊鼠標確定插入單選按鈕的位置，單擊“插入”菜單“表單”子菜單中的“單選按鈕”命令。 2、插入點光標處出現(xiàn)一個單選項和“提交”、“重置”兩個按鈕，在單選項后添加文字“喜歡”，如下圖所示。 3、將插入光標移動到第一個單選項之后，重復上面的操作，在添加另外一個 34 單選按鈕，添加文字說明“不喜歡”。 學生練習：課后習題。 第十三課 網(wǎng)頁大本營 學習目標： 1、學會新建站點。 2、學會給站點中的網(wǎng)頁重命名。 教學中難點：學會新建站點。 教學過程： 新建一個站點，讓每一個網(wǎng)頁都 有自己的家，管理起來當然方便了。 一、網(wǎng)上新家園 步驟： 1、啟動 Frontpage2000，單擊“文件”菜單“新建”子菜單中的“站點”命令。 2、在彈出的“新建”對話框中選擇“空站點”，在“指定新站點的位置”文本 35 框中輸入濤濤保存網(wǎng)頁的路徑“ d:taotao”，單擊“確定”按鈕。 3、在彈出的對話框中單擊“是”，這樣就將濤濤的網(wǎng)頁文件夾轉換成網(wǎng)站了！ 4、新站點建好了?？匆豢?，在彈出的文件夾列表中，我們先前制作的所有網(wǎng)頁是不是都在里面了？ 學生練習：課后連連看。 二、個人站點 步驟： 1、單擊“文件”菜單 “新建”子菜單中的“站點”命令。 2、彈出“新建”對話框，選擇“個人站點”模板，在“指定新站點的位置”框中輸入“ d:taotao1”，單擊“確定”按鈕。 3、“個人站點”中已經(jīng)為我們建好了這么多網(wǎng)頁，有主頁、興趣、相冊、喜好站點等，基本符合老師的要求。 三、給站點中的網(wǎng)頁重命名 步驟： 1、在“文件夾列表”欄中，選擇“ nyfav3.htm”，單擊右鍵，在彈出的快捷菜單中選擇“重命名”命令，重新鍵入“ jianjie.htm”，敲 Enter鍵。 2、系統(tǒng)彈出對話框詢問是否更新網(wǎng)頁間的超鏈接，當然要自動更新啦 ！單擊 36 “是”，連接就自動更顯了。 學生練習：課后練一練。 第十四課 網(wǎng)頁大搬家 學習目標： 1、認識網(wǎng)站中“層”的概念。 2、學會在同一層和不同層新建網(wǎng)頁。 3、學會給網(wǎng)頁標題重命名。 4、學會在同一層、不同層間移動、刪除網(wǎng)頁。 教學中難點：學會在同一層和不同層新建網(wǎng)頁。 教學過程： 一、網(wǎng)站結構探究竟 步驟：打開上節(jié)課創(chuàng)建的個人站點，單擊窗口左側“視窗”欄中的“導航”按 37 鈕，切換到“導航”窗口，我們可以看到網(wǎng)頁窗口變成了下圖所示的樣子。 原來“個人站點”這個網(wǎng)站分了兩層。第一層只有主頁，第二層有 “興趣”、“相冊”、“喜好站點” 3個網(wǎng)頁?，F(xiàn)在總算把“個人站點”的層次結構弄清楚了。 二、新網(wǎng)頁誕生 步驟： 1、打開你的個人站點，切換到“導航”窗口。在網(wǎng)站第一層的“主頁”標記上單擊右鍵，在彈出的快捷菜單中選擇“新建網(wǎng)頁”命令。 2、在結構圖的第二層添加了一個新網(wǎng)頁“ New page 1”，根據(jù)我們上節(jié)課學的知識，在文件夾列表中將新網(wǎng)頁重命名為“ ebook.htm”。 三、更改網(wǎng)頁標題 當我們切換到“導航”窗口時，每個節(jié)點快上顯示的文字就是網(wǎng)頁的標題。比如，網(wǎng)頁“ interest.htm”的標題就是“興趣 ”。 步驟： 1、在“ New page 1”上單擊右鍵，在彈出的快捷菜單中單擊“重命名”命令。 2、標題名變?yōu)榭筛膶憼顟B(tài)，鍵入“電子圖書”，敲回車鍵，網(wǎng)頁標題就改好了。 四、網(wǎng)頁大搬家 38 步驟：將“電子圖書”拖動到“興趣”下放，當出現(xiàn)一條連接到“興趣”網(wǎng)頁的虛線時，松開鼠標就可以了。 五、刪除網(wǎng)頁 步驟：在“相冊”上單擊鼠標右鍵，在彈出的快捷菜單中單擊“刪除”命令，探出“刪除網(wǎng)頁”對話框。因為我們要將“相冊”網(wǎng)頁從站點中刪除，所以選擇“從站點中刪除此網(wǎng)頁”，單擊“確定”按鈕即可。 學生練習：課后 1、 2、 3題。 第十五課 我們的天空 學習目標： 能根據(jù)主題規(guī)劃網(wǎng)站。 教學中難點：能根據(jù)主題規(guī)劃網(wǎng)站。 一個優(yōu)秀的網(wǎng)站，僅憑一個人的力量是很難完成的，它往往需要很多人齊心協(xié)力的合作。在建立一個網(wǎng)站前，必須要進行詳細的網(wǎng)站功能和結構的規(guī)劃，還要收集相關的資料，然后才能開始建立站點核對頁面進行排版設計。 一、站點結構我規(guī)劃 濤濤的個人主頁 39 濤濤自我 好友檔案 再現(xiàn)畫展 娛樂天地 美文推薦 祖國風光 卡通圖片 美麗青海 富饒山東 青島風光 小青島 二、建站小能手 步驟： 1、啟動 Frontpage2000，打開“ taotao”文件夾，單擊常用工具欄中的“新建網(wǎng)頁”按鈕。 2、“導航”窗口中會自動出現(xiàn)標題為“主頁”的網(wǎng)頁圖標。 3、在“主頁”圖標上單擊右鍵，在彈出的快捷菜單中選擇“重命名”命令， 40 將主頁的標題改為“濤濤的個人主頁”。 三、根據(jù)規(guī)劃圖修改濤濤個人站點的結構 步驟： 1、切換到“導航”窗口，從“文件夾列表”中拖動“ ziwojieshao.htm”網(wǎng)頁放在“濤濤的個人主頁”下，直到出現(xiàn)連接兩個節(jié)點的虛線時再松開鼠標。使“ ziwojieshao.htm”成為第二層網(wǎng)頁。 2、重復前面的操作，根據(jù)設計圖紙分別將第二、 三層的網(wǎng)頁添加到導航圖中，并為每一個網(wǎng)頁更改標題。 四、制作主頁 主頁是一個網(wǎng)站的門面，一定要做得美觀，并盡量突出特色，這樣才能一下子吸引住瀏覽者的眼球