青島版小學(xué)五年級(jí)信息技術(shù)下冊(cè)教案

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