【正文】 上一篇教案：(3)使用個(gè)人Web服務(wù)器在本機(jī)發(fā)布網(wǎng)站后，將本機(jī)IP地址告訴其他人。一般是采取在瀏覽器中瀏覽的方式檢查內(nèi)容，形式和超鏈接。(2)網(wǎng)頁布局是否合理，風(fēng)格是否一致，顏色是否協(xié)調(diào)。第15課 成果分享 檢測與發(fā)布網(wǎng)站(一)本課教學(xué)目標(biāo)：學(xué)會(huì)使用超鏈接視圖查看網(wǎng)頁間的鏈接關(guān)系，并修改錯(cuò)誤。在設(shè)置sk。(二)教學(xué)設(shè)計(jì)與教學(xué)建議：課堂引入分析：在網(wǎng)頁中插入Flash動(dòng)畫，這是學(xué)生非常感興趣的內(nèi)容。一個(gè)框架網(wǎng)頁由幾個(gè)獨(dú)立的網(wǎng)頁組成，保存框架網(wǎng)頁時(shí)，每一個(gè)網(wǎng)頁都要單獨(dú)保存，整體框架網(wǎng)頁也要單獨(dú)保存。如下圖所示的框架網(wǎng)頁，由4個(gè)網(wǎng)頁組成，就需要保存4次。學(xué)生討論，教師小結(jié)，引出本節(jié)課的學(xué)習(xí)任務(wù)——?jiǎng)?chuàng)建框架網(wǎng)頁。文件類型(格式)文件擴(kuò)展名音樂 CD 播放(CD 音頻).cda音頻交換文件格式 (AIFF).aif，.aifc 和 .aiffWindows Media 音頻和視頻文件.asf，.asx，.wax，.wm，.wma，.，.wmv，.wmx，.wpl ， .wvxWindows 音頻和視頻文件.avi 和 .wavWindows Media Player 外觀.wmz運(yùn)動(dòng)圖像專家組 (MPEG).mpeg，.mpg，.m1v，.mp2，.mpa，.mpe，.mp2v* 和 .mpv2音樂器材數(shù)字接口 (MIDI).mid，.midi 和 .rmiAU (UNIX).au 和 .sndMP3.mp3 和 .m3uDVD 視頻.vobMacromedia Flash.swf在為插入網(wǎng)頁的Windows Media Player控件指向鏈接的文件時(shí)，通常選擇的是絕對路徑。理解相對路徑與絕對路徑的概念。因此需要在文件夾視圖中更改網(wǎng)頁保存的位置和網(wǎng)頁的文件名。本節(jié)課則介紹了在導(dǎo)航視圖中新建網(wǎng)頁的同時(shí)創(chuàng)建導(dǎo)航結(jié)構(gòu)，并更改網(wǎng)頁標(biāo)題，然后在文件夾視圖中整理網(wǎng)頁的方法，比以前的方法更為便捷。課堂引入分析：本節(jié)課對學(xué)生來說是對前面所學(xué)知識的綜合運(yùn)用與提高，惟一的新知識點(diǎn)就是在導(dǎo)航視圖中新建網(wǎng)頁文件的同時(shí)創(chuàng)建導(dǎo)航結(jié)構(gòu)。從表面上看不到熱點(diǎn)的存在，只有將鼠標(biāo)移動(dòng)到熱點(diǎn)區(qū)域并且指針變成手型之后，才知道熱點(diǎn)的存在。(2)在網(wǎng)頁中插入書簽。(2)在網(wǎng)頁的正文中插入書簽，插入的位置一般是在每篇文章的標(biāo)題后面。(找兩個(gè)到三個(gè))(2)請學(xué)生說一說瀏覽這樣的網(wǎng)頁有什么感受教師小結(jié)，提出本節(jié)課的任務(wù)就是:解決網(wǎng)頁過長不易瀏覽的問題。通過單元格屬性對話框還可以設(shè)置單元格的背景，邊框，寬度，高度。利用導(dǎo)航欄，能夠方便快捷地批量完成超鏈接設(shè)置，而無須一個(gè)個(gè)網(wǎng)頁獨(dú)立設(shè)置。在導(dǎo)航欄屬性對話框中，要選擇恰當(dāng)?shù)某溄幽繕?biāo)，如下圖中的導(dǎo)航結(jié)構(gòu)中，在作文樂園中插入導(dǎo)航欄，在導(dǎo)航欄屬性對話框中，選擇要鏈接的網(wǎng)頁為主頁和子層，子層包括人物寫真，成長足跡，讀后有感，多彩生活，鴻雁聲聲，游蹤覽勝6個(gè)網(wǎng)頁。重點(diǎn)內(nèi)容分析：本節(jié)課的重點(diǎn)可以歸納為兩點(diǎn)：(1)在導(dǎo)航視圖中創(chuàng)建欄目的導(dǎo)航結(jié)構(gòu)：在導(dǎo)航視圖中，創(chuàng)建站點(diǎn)的導(dǎo)航結(jié)構(gòu)，主要是為了確定網(wǎng)頁之間的關(guān)系。教師可以根據(jù)學(xué)生情況自行安排。這幾個(gè)網(wǎng)頁處于打開狀態(tài)這幾個(gè)網(wǎng)頁處于關(guān)閉狀態(tài)第9課 作文樂園 插入導(dǎo)航欄(一)本課教學(xué)目標(biāo)：熟練掌握在新建的專用文件夾中建立新的網(wǎng)頁，并更改網(wǎng)站標(biāo)題。(2)因?yàn)閗t1，kt2，kt3，kt4四個(gè)網(wǎng)頁沒有指向kt網(wǎng)頁的超鏈接，因此無法跳回到kt網(wǎng)頁中，要想快速解決這個(gè)問題，只需要在kt1，kt2，kt3，kt4其中的一個(gè)網(wǎng)頁的共享邊框中設(shè)置返回kt網(wǎng)頁的超鏈接就可以了。(3)最后看誰能實(shí)現(xiàn)上圖中所有網(wǎng)頁間的相互訪問。然后根據(jù)圖所示的網(wǎng)頁關(guān)系，制作超鏈接。③選取鏈接目標(biāo)文件①雙擊橫幅廣告，打開屬性對話框②單擊瀏覽④單擊確定(3)利用懸停按鈕設(shè)置超鏈接，控制網(wǎng)頁的跳轉(zhuǎn)。在建立超鏈接時(shí)，應(yīng)先通過文件夾列表打開甲網(wǎng)頁，在普通網(wǎng)頁模式下建立與乙網(wǎng)頁的超鏈接，然后再通過文件夾列表打開乙網(wǎng)頁，在普通網(wǎng)頁模式下建立回訪甲網(wǎng)頁的超鏈接。重點(diǎn)內(nèi)容分析：本節(jié)課的重點(diǎn)可以歸納為兩點(diǎn)：(1)創(chuàng)建橫幅廣告：橫幅廣告效果對于學(xué)生來說并不陌生，在生活中很常見，如在一些繁華的商業(yè)街上有大幅的廣告牌，上面的畫面是動(dòng)態(tài)，總是幾張圖片在循環(huán)播放，不但使有限的空間容納更多的廣告信息，動(dòng)態(tài)的畫面更吸引人的眼球。(二)教學(xué)設(shè)計(jì)與教學(xué)建議：課堂引入分析：通過前面的學(xué)習(xí)，學(xué)生已經(jīng)掌握了一般網(wǎng)頁的制作過程，會(huì)用表格和共享邊框規(guī)劃網(wǎng)頁的版面，由于制作的網(wǎng)頁都是靜態(tài)的，且網(wǎng)頁之間沒有建立鏈接關(guān)系，所以還體會(huì)不到網(wǎng)頁的神奇。①選取圖片④再單擊裁剪工具②單擊裁剪工具③鼠標(biāo)指向控制點(diǎn)拖動(dòng)選定裁剪范圍裁剪后效果：需要注意的是，如果插入的圖片格式為gif動(dòng)畫文件，則不能用裁剪工具進(jìn)行裁剪。橫幅廣告的區(qū)域可以用鼠標(biāo)拖動(dòng)直接放大或縮小。④要保存之后才能預(yù)覽到效果。(2)點(diǎn)擊網(wǎng)頁上的懸停按鈕，你發(fā)現(xiàn)了什么 。學(xué)會(huì)在網(wǎng)頁中插入水平線分割網(wǎng)頁。共享邊框是站點(diǎn)上由多個(gè)網(wǎng)頁共享的區(qū)域，可以放置任何對象，如文本，懸停按鈕或圖片等。對于學(xué)生來說，理解共享邊框的概念是重點(diǎn)，也是難點(diǎn)，解決了這個(gè)問題，設(shè)置共享邊框也就變得容易了。理解了什么是網(wǎng)頁標(biāo)題和共享邊框，操作也就變得容易了。⑤單擊瀏覽⑦單擊確定⑥選擇圖片鼠標(biāo)懸停前鼠標(biāo)懸停后第二次通過瀏覽插入的圖片是鼠標(biāo)懸停后要顯示的圖片第5課 卡通世界 設(shè)置共享邊框(一)本課教學(xué)目標(biāo)：利用文件夾列表為站點(diǎn)創(chuàng)建新的文件夾。需要注意的是:(1)要想瀏覽網(wǎng)頁經(jīng)過修飾的效果，一定要先保存網(wǎng)頁，再預(yù)覽。為網(wǎng)頁添加背景顏色和圖片，與在Word或PowerPoint中的操作相似，因此只要告訴學(xué)生是在網(wǎng)頁屬性對話框中進(jìn)行設(shè)置就可以了，讓學(xué)生自己嘗試做。這樣可以兼顧到對知識技能掌握不同程度的學(xué)生，同時(shí)也體現(xiàn)了學(xué)生在課堂教學(xué)中得主體地位。培養(yǎng)學(xué)生自學(xué)能力和小組合作學(xué)習(xí)意識。(3)可以調(diào)整單元格邊距和單元格間距。文件夾列表：創(chuàng)建站點(diǎn)之后，會(huì)在FrontPage窗口出現(xiàn)一個(gè)新的列表框，叫做文件夾列表，用來顯示當(dāng)前打開的站點(diǎn)中所有的文件和文件夾。根據(jù)網(wǎng)站結(jié)構(gòu)對插入的表格進(jìn)行拆分，合并單元格，設(shè)置行高，列寬，插入或刪除行，列等。如何規(guī)劃網(wǎng)頁的版面，對于學(xué)生來說難度更大。其次，將制作這個(gè)網(wǎng)頁的素材提供給學(xué)生，讓學(xué)生自己嘗試制作這樣一個(gè)網(wǎng)頁。獲取的視頻資料可以用超級解霸，繪聲繪影等軟件進(jìn)行加工處理。分類的方法有兩種，一是根據(jù)網(wǎng)站的欄目創(chuàng)建文件夾，二是根據(jù)素材的類型創(chuàng)建文件夾。收集素材的方法有多種，可以利用素材光盤，數(shù)碼相機(jī)拍攝，網(wǎng)上下載等方法獲取文字，圖片，視頻，聲音，動(dòng)畫等資料。網(wǎng)站的結(jié)構(gòu)指的是網(wǎng)站中的網(wǎng)頁存在的層次關(guān)系。由于制作一個(gè)網(wǎng)站工程比較大，可以采用小組分工合作的方式進(jìn)行?？梢宰寣W(xué)生制作一個(gè)圖文并茂的Word文檔，并嘗試著把它保存成網(wǎng)頁，并在IE瀏覽器中瀏覽這個(gè)網(wǎng)頁。需要注意的是，網(wǎng)站中的文件夾和網(wǎng)頁的名稱通常使用英文，漢語拼音來命名。當(dāng)然，Word與FrontPage的不同還有很多，對比兩種軟件的不同可以貫穿在整冊教材的學(xué)習(xí)中。由于學(xué)生在Word軟件中對插入文字，圖片進(jìn)行編輯排版的操作非常熟練，因此可以采用自主探究的學(xué)習(xí)方式讓學(xué)生認(rèn)識FrontPage。掌握FrontPage的啟動(dòng)/退出，了解FrontPage窗口的組成。 認(rèn)識frontpage然后用FrontPage軟件打開其中的一個(gè)網(wǎng)頁，讓學(xué)生觀察窗口，并說一說這個(gè)窗口與學(xué)習(xí)過的哪個(gè)軟件相似。不同:與Word軟件相比，F(xiàn)rontPage窗口多了視圖欄。(4)FrontPage有三種不同的網(wǎng)頁模式:普通，預(yù)覽和HTML。毛毛先鋒網(wǎng)(二)教學(xué)設(shè)計(jì)與教學(xué)建議：課堂引入分析：請同學(xué)們欣賞幾個(gè)網(wǎng)站的首頁，并以學(xué)習(xí)小組為單位討論首頁一般包含哪些信息。通過規(guī)劃網(wǎng)站，讓學(xué)生了解制作網(wǎng)站的過程。歸納提高分析：本節(jié)課涉及到的知識可以歸納為以下幾點(diǎn):(1)在創(chuàng)建網(wǎng)站前，一定要對網(wǎng)站的內(nèi)容，結(jié)構(gòu)等進(jìn)行規(guī)劃，并畫出網(wǎng)站結(jié)構(gòu)圖，使網(wǎng)站層次分明，條理清楚，并確定各個(gè)網(wǎng)頁的內(nèi)容。如獲取的文字資料，可以在Word軟件中進(jìn)行編輯修改。培養(yǎng)學(xué)生自學(xué)與合作學(xué)習(xí)的能力。_重點(diǎn)內(nèi)容分析：本節(jié)課的重點(diǎn)可以歸納為:(1)創(chuàng)建網(wǎng)站站點(diǎn)：在FrontPage中提供了8種站點(diǎn)類型，我們可以根據(jù)需要選擇不同的類型。歸納提高分析：本節(jié)課涉及到的知識可以歸納為以下幾點(diǎn):(1)創(chuàng)建網(wǎng)站站點(diǎn)，選擇只有一個(gè)網(wǎng)頁的站點(diǎn)類型。什么是網(wǎng)站站點(diǎn)網(wǎng)站站點(diǎn)就是一組內(nèi)容相關(guān)的網(wǎng)頁的集合體。在Word軟件中插入表格在FrontPage軟件中插入表格在FrontPage中，由于表格主要是為規(guī)劃網(wǎng)頁版面服務(wù)的，所以與Word相比主要有以下幾點(diǎn)不同:(1)在插入表格對話框中，增加了邊框粗細(xì)的設(shè)置。第4課 美景裝飾 修飾首頁(一)本課教學(xué)目標(biāo)：能夠打開保存的站點(diǎn)。其次，教師出示一個(gè)帶有滾動(dòng)字幕和懸停按鈕的網(wǎng)頁，讓學(xué)生觀察，并說一說與自己制作的網(wǎng)頁相比有哪些優(yōu)點(diǎn)。(3)為網(wǎng)頁添加背景顏色或背景圖片。歸納提高分析：本節(jié)課涉及到的知識可以歸納為以下幾點(diǎn)：(1)打開保存的站點(diǎn)。效果如右圖所示。為了讓學(xué)生理解什么是共享邊框，什么是網(wǎng)頁標(biāo)題，在課堂的引入部分，教師可以這樣設(shè)計(jì):首先，出示一組利用共享邊框制作的風(fēng)格統(tǒng)一的網(wǎng)頁，讓學(xué)生通過IE瀏覽器欣賞，在欣賞的過程中教師提出要求:(1)在IE瀏覽器的窗口中，網(wǎng)頁的文件名是什么 在什么位置可以看到 在標(biāo)題欄上顯示了什么 通過顯示的內(nèi)容你能知道什么。在瀏覽網(wǎng)頁時(shí)，瀏覽器的地址欄顯示的是網(wǎng)頁的文件名，而在標(biāo)題欄中則會(huì)直接顯示出網(wǎng)頁的中文名，這使得站點(diǎn)結(jié)構(gòu)變得更為清晰，為今后網(wǎng)站的建設(shè)帶來極大的便利。(2)利用文件夾列表為站點(diǎn)添加新的網(wǎng)頁，將網(wǎng)頁保存到站點(diǎn)中指定的文件夾里，文件名用字母表示，網(wǎng)頁標(biāo)題用中文表示。共享邊框：共享邊框是站點(diǎn)上由多個(gè)網(wǎng)頁共享的區(qū)域，可以出現(xiàn)在網(wǎng)頁的頂端(類似于頁眉)，底端(類似于頁腳)，左邊或右邊。FrontPage不僅僅是一個(gè)網(wǎng)頁的編輯器和站點(diǎn)管理器，還具有強(qiáng)大的多媒體功能，它的一個(gè)組件橫幅廣告管理器能夠使多張畫面自動(dòng)切換，大大增添了頁面的動(dòng)感，這是非常吸引孩子的一個(gè)內(nèi)容。在制作過程中需要提示學(xué)生注意以下幾點(diǎn):①插入的圖片尺寸盡量保持一致。在網(wǎng)頁多的情況下，這樣做可以防止漏掉鏈接關(guān)系。(三)教學(xué)補(bǔ)充：裁剪圖片：在制作橫幅廣告時(shí)，圖片的尺寸應(yīng)盡量保持一致。學(xué)會(huì)在網(wǎng)頁中插入水平線分割網(wǎng)頁。(2)點(diǎn)擊網(wǎng)頁上的懸停按鈕，你發(fā)現(xiàn)了什么 。④要保存之后才能預(yù)覽到效果。橫幅廣告的區(qū)域可以用鼠標(biāo)拖動(dòng)直接放大或縮小。①選取圖片④再單擊裁剪工具②單擊裁剪工具③鼠標(biāo)指向控制點(diǎn)拖動(dòng)選定裁剪范圍裁剪后效果：需要注意的是，如果插入的圖片格式為gif動(dòng)畫文件，則不能用裁剪工具進(jìn)行裁剪。htm與站點(diǎn)的主頁已經(jīng)建立了超鏈接關(guān)系。教師提出任務(wù)，讓學(xué)生在kt1，kt2，kt3，kt4等網(wǎng)頁中利用圖片制作指向kt網(wǎng)頁的超鏈接。當(dāng)學(xué)生將卡通世界kt。在導(dǎo)航結(jié)構(gòu)中只顯示網(wǎng)頁的中文標(biāo)題，這樣有利于網(wǎng)站結(jié)構(gòu)更加清晰。課堂引入分析：在第2單元，學(xué)生已經(jīng)掌握了利用懸停按鈕和圖片制作超級鏈接的操作，由于網(wǎng)頁之間的超鏈接需要一個(gè)一個(gè)獨(dú)立設(shè)置，經(jīng)常會(huì)出現(xiàn)漏掉的現(xiàn)象，導(dǎo)致個(gè)別網(wǎng)頁不能訪問，為了能夠更方便快捷地在多個(gè)網(wǎng)頁之間建立超鏈接，本課將學(xué)習(xí)一種更便捷的建立超鏈接方式:在導(dǎo)航視圖中創(chuàng)建欄目的導(dǎo)航結(jié)構(gòu)，并利用導(dǎo)航欄制作超鏈接。此時(shí)教師引出本節(jié)課的學(xué)習(xí)任務(wù)，介紹一種更方便快捷的超鏈接方法