【文章內(nèi)容簡介】 廣告：橫幅廣告效果對于學(xué)生來說并不陌生，在生活中很常見，如在一些繁華的商業(yè)街上有大幅的廣告牌，上面的畫面是動態(tài)，總是幾張圖片在循環(huán)播放，不但使有限的空間容納更多的廣告信息，動態(tài)的畫面更吸引人的眼球。在網(wǎng)頁中插入橫幅廣告，實際上就是利用橫幅廣告管理器這個組件在網(wǎng)頁上開辟一個區(qū)域，不斷地循環(huán)播放一些圖片，目的有兩個，一個是增加了網(wǎng)頁信息的容量，一個是產(chǎn)生動態(tài)效果，使網(wǎng)頁更具吸引力。在制作過程中需要提示學(xué)生注意以下幾點:①插入的圖片尺寸盡量保持一致。②每幅圖的顯示時間以2~3秒最為合適。③最多可以插入9張圖片。④要保存之后才能預(yù)覽到效果。(2)利用懸停按鈕制作超鏈接：利用超鏈接，可以實現(xiàn)在網(wǎng)頁間進(jìn)行跳躍式的訪問，這是網(wǎng)頁的一大特點。在網(wǎng)頁中建立鏈接關(guān)系需要提示學(xué)生注意以下幾點:①兩個網(wǎng)頁間是可以相互訪問的，有去有回。在建立超鏈接時，應(yīng)先通過文件夾列表打開甲網(wǎng)頁，在普通網(wǎng)頁模式下建立與乙網(wǎng)頁的超鏈接，然后再通過文件夾列表打開乙網(wǎng)頁，在普通網(wǎng)頁模式下建立回訪甲網(wǎng)頁的超鏈接。最后通過預(yù)覽驗證兩個網(wǎng)頁能否相互訪問。在網(wǎng)頁多的情況下，這樣做可以防止漏掉鏈接關(guān)系。②可以通過網(wǎng)站結(jié)構(gòu)的規(guī)劃圖，理清網(wǎng)頁間的鏈接關(guān)系，尤其是懸停按鈕與網(wǎng)頁間的對應(yīng)關(guān)系。歸納提高分析：本節(jié)課涉及到的知識可以歸納為以下幾點:(1)使用組件橫幅廣告管理器在網(wǎng)頁中插入一組能夠不斷循環(huán)播放的圖片，并且可以設(shè)置圖片出現(xiàn)的時間，切換效果。橫幅廣告的區(qū)域可以用鼠標(biāo)拖動直接放大或縮小。網(wǎng)站結(jié)構(gòu)規(guī)劃圖：(2)在網(wǎng)頁中插入水平線，可以使網(wǎng)頁的版面結(jié)構(gòu)更加清晰。水平線的長度，顏色，粗細(xì)等可以通過水平線屬性對話框進(jìn)行設(shè)置。(3)利用懸停按鈕設(shè)置超鏈接，控制網(wǎng)頁的跳轉(zhuǎn)。要理清網(wǎng)頁間的鏈接關(guān)系，尤其是懸停按鈕與網(wǎng)頁間的對應(yīng)關(guān)系。(三)教學(xué)補(bǔ)充：裁剪圖片：在制作橫幅廣告時，圖片的尺寸應(yīng)盡量保持一致。如果需要的素材圖片尺寸不一致時，可以通過FrontPage的圖片工具欄中的裁剪工具對圖片進(jìn)行裁減。裁剪的過程如word中相同。①選取圖片④再單擊裁剪工具②單擊裁剪工具③鼠標(biāo)指向控制點拖動選定裁剪范圍裁剪后效果：需要注意的是，如果插入的圖片格式為gif動畫文件，則不能用裁剪工具進(jìn)行裁剪。設(shè)置橫幅廣告超鏈接：設(shè)置超鏈接的方法有多種，除了可以對懸停按鈕設(shè)置超鏈接外，還可以對網(wǎng)頁中的文字，圖片，滾動字幕和橫幅廣告設(shè)置超鏈接。下圖所示的是對橫幅廣告設(shè)置超鏈接的過程。③選取鏈接目標(biāo)文件①雙擊橫幅廣告，打開屬性對話框②單擊瀏覽④單擊確定第6課 幻影移形 創(chuàng)建橫幅廣告(一)本課教學(xué)目標(biāo):學(xué)會利用組件橫幅廣告管理器在網(wǎng)頁中插入橫幅廣告。學(xué)會在網(wǎng)頁中插入水平線分割網(wǎng)頁。學(xué)會利用設(shè)置表格或單元格背景色的方法為網(wǎng)頁添加背景。學(xué)會為懸停按鈕設(shè)置超級鏈接。(二)教學(xué)設(shè)計與教學(xué)建議：課堂引入分析：通過前面的學(xué)習(xí)，學(xué)生已經(jīng)掌握了一般網(wǎng)頁的制作過程，會用表格和共享邊框規(guī)劃網(wǎng)頁的版面，由于制作的網(wǎng)頁都是靜態(tài)的，且網(wǎng)頁之間沒有建立鏈接關(guān)系，所以還體會不到網(wǎng)頁的神奇。本課圍繞卡通世界欄目，學(xué)習(xí)在網(wǎng)頁中插入橫幅廣告和水平線，并在網(wǎng)頁之間建立超鏈接關(guān)系。FrontPage不僅僅是一個網(wǎng)頁的編輯器和站點管理器，還具有強(qiáng)大的多媒體功能，它的一個組件橫幅廣告管理器能夠使多張畫面自動切換，大大增添了頁面的動感，這是非常吸引孩子的一個內(nèi)容。在課堂的引入部分，教師可以這樣設(shè)計:首先播放一段拍攝的影片資料，內(nèi)容是一些繁華的商業(yè)街上有大幅的廣告牌，上面的畫面是動態(tài)，總是幾張圖片在循環(huán)播放，讓學(xué)生討論這些廣告牌有什么優(yōu)點把生活實際直接引入課堂。然后請學(xué)生欣賞幾個帶有橫幅廣告效果和水平分割線的網(wǎng)頁，在欣賞的過程中教師提出要求：(1)在網(wǎng)頁上你看到了什么效果，你認(rèn)為這樣制作出來的網(wǎng)頁效果如何 。(2)點擊網(wǎng)頁上的懸停按鈕，你發(fā)現(xiàn)了什么 。教師小結(jié)橫幅廣告，水平線，超鏈接知識點。在接下來的教學(xué)環(huán)節(jié)中，教師可以準(zhǔn)備一些學(xué)習(xí)資料和素材，讓學(xué)生通過自主學(xué)習(xí)或小組合作學(xué)習(xí)的方式來進(jìn)行本節(jié)課的學(xué)習(xí)，在學(xué)生自學(xué)的過程中，讓學(xué)生及時反饋學(xué)習(xí)成果，學(xué)生遇到的共性問題，可以讓已經(jīng)解決問題的學(xué)生通過多媒體演示操作過程(提倡)，也可以是教師演示操作過程。重點內(nèi)容分析：本節(jié)課的重點可以歸納為兩點：(1)創(chuàng)建橫幅廣告：橫幅廣告效果對于學(xué)生來說并不陌生，在生活中很常見，如在一些繁華的商業(yè)街上有大幅的廣告牌，上面的畫面是動態(tài)，總是幾張圖片在循環(huán)播放，不但使有限的空間容納更多的廣告信息，動態(tài)的畫面更吸引人的眼球。在網(wǎng)頁中插入橫幅廣告，實際上就是利用橫幅廣告管理器這個組件在網(wǎng)頁上開辟一個區(qū)域，不斷地循環(huán)播放一些圖片，目的有兩個，一個是增加了網(wǎng)頁信息的容量，一個是產(chǎn)生動態(tài)效果，使網(wǎng)頁更具吸引力。在制作過程中需要提示學(xué)生注意以下幾點:①插入的圖片尺寸盡量保持一致。②每幅圖的顯示時間以2~3秒最為合適。③最多可以插入9張圖片。④要保存之后才能預(yù)覽到效果。(2)利用懸停按鈕制作超鏈接：利用超鏈接，可以實現(xiàn)在網(wǎng)頁間進(jìn)行跳躍式的訪問，這是網(wǎng)頁的一大特點。在網(wǎng)頁中建立鏈接關(guān)系需要提示學(xué)生注意以下幾點:①兩個網(wǎng)頁間是可以相互訪問的，有去有回。在建立超鏈接時，應(yīng)先通過文件夾列表打開甲網(wǎng)頁，在普通網(wǎng)頁模式下建立與乙網(wǎng)頁的超鏈接，然后再通過文件夾列表打開乙網(wǎng)頁，在普通網(wǎng)頁模式下建立回訪甲網(wǎng)頁的超鏈接。最后通過預(yù)覽驗證兩個網(wǎng)頁能否相互訪問。在網(wǎng)頁多的情況下，這樣做可以防止漏掉鏈接關(guān)系。②可以通過網(wǎng)站結(jié)構(gòu)的規(guī)劃圖，理清網(wǎng)頁間的鏈接關(guān)系，尤其是懸停按鈕與網(wǎng)頁間的對應(yīng)關(guān)系。歸納提高分析：本節(jié)課涉及到的知識可以歸納為以下幾點:(1)使用組件橫幅廣告管理器在網(wǎng)頁中插入一組能夠不斷循環(huán)播放的圖片，并且可以設(shè)置圖片出現(xiàn)的時間，切換效果。橫幅廣告的區(qū)域可以用鼠標(biāo)拖動直接放大或縮小。網(wǎng)站結(jié)構(gòu)規(guī)劃圖：(2)在網(wǎng)頁中插入水平線，可以使網(wǎng)頁的版面結(jié)構(gòu)更加清晰。水平線的長度，顏色，粗細(xì)等可以通過水平線屬性對話框進(jìn)行設(shè)置。(3)利用懸停按鈕設(shè)置超鏈接，控制網(wǎng)頁的跳轉(zhuǎn)。要理清網(wǎng)頁間的鏈接關(guān)系，尤其是懸停按鈕與網(wǎng)頁間的對應(yīng)關(guān)系。(三)教學(xué)補(bǔ)充：裁剪圖片：在制作橫幅廣告時，圖片的尺寸應(yīng)盡量保持一致。如果需要的素材圖片尺寸不一致時，可以通過FrontPage的圖片工具欄中的裁剪工具對圖片進(jìn)行裁減。裁剪的過程如word中相同。①選取圖片④再單擊裁剪工具②單擊裁剪工具③鼠標(biāo)指向控制點拖動選定裁剪范圍裁剪后效果：需要注意的是，如果插入的圖片格式為gif動畫文件，則不能用裁剪工具進(jìn)行裁剪。設(shè)置橫幅廣告超鏈接：設(shè)置超鏈接的方法有多種，除了可以對懸停按鈕設(shè)置超鏈接外，還可以對網(wǎng)頁中的文字，圖片，滾動字幕和橫幅廣告設(shè)置超鏈接。下圖所示的是對橫幅廣告設(shè)置超鏈接的過程。③選取鏈接目標(biāo)文件①雙擊橫幅廣告，打開屬性對話框②單擊瀏覽④單擊確定第8課 聯(lián)合演出 整合欄目(一)本課教學(xué)目標(biāo)：熟練掌握運(yùn)用懸停按鈕和圖片制作超級鏈接。會設(shè)置已有網(wǎng)頁之間的導(dǎo)航結(jié)構(gòu)。培養(yǎng)學(xué)生小組合作學(xué)習(xí)意識。(二)教學(xué)設(shè)計與教學(xué)建議：課堂引入分析：經(jīng)過前幾節(jié)課的學(xué)習(xí)與制作，卡通世界欄目的五個網(wǎng)頁已經(jīng)制作完成，且卡通世界欄目的kt。htm與站點的主頁已經(jīng)建立了超鏈接關(guān)系。本節(jié)課的主要任務(wù)就是在卡通世界欄目的五個網(wǎng)頁之間建立超鏈接，讓這五個網(wǎng)頁可以相互訪問，并進(jìn)一步讓學(xué)生領(lǐng)略使用共享邊框的好處，充分體會網(wǎng)頁間跳躍訪問的神奇。要想完成好這個任務(wù)首先要理清網(wǎng)頁之間的關(guān)系，以免在鏈接時發(fā)生錯誤，因此在課堂的引入部分可以這樣設(shè)計:首先，教師可以讓學(xué)生畫出網(wǎng)頁間的結(jié)構(gòu)圖，如下圖所示，然后演示在導(dǎo)航視圖中建立網(wǎng)頁間的結(jié)構(gòu)圖的過程，讓學(xué)生體會哪種方法更方便，并學(xué)會利用導(dǎo)航視圖創(chuàng)建導(dǎo)航結(jié)構(gòu)。然后根據(jù)圖所示的網(wǎng)頁關(guān)系，制作超鏈接。在制作的過程中教師提出要求:(1)將卡通世界kt。htm中共享邊框的四個懸停按鈕制作成指向kt1，kt2，kt3，kt4網(wǎng)頁的超鏈接。(2)預(yù)覽kt。htm網(wǎng)頁，單擊懸停按鈕訪問其他網(wǎng)頁，你發(fā)現(xiàn)了什么 為什么會這樣學(xué)生討論之后，教師小結(jié)共享邊框的作用。教師提出任務(wù)，讓學(xué)生在kt1，kt2，kt3，kt4等網(wǎng)頁中利用圖片制作指向kt網(wǎng)頁的超鏈接。并提出要求:(1)比速度。(2)比方法，看誰采用了與別人不同的方法。(3)最后看誰能實現(xiàn)上圖中所有網(wǎng)頁間的相互訪問。網(wǎng)頁結(jié)構(gòu)圖：學(xué)生在制作過程中可參考教材或教師提供的學(xué)習(xí)資料進(jìn)行自主學(xué)習(xí)，如果自學(xué)有困難也可采用小組合作的方式進(jìn)行學(xué)習(xí)。這樣可以兼顧到對知識技能掌握不同程度的學(xué)生，同時也體現(xiàn)了學(xué)生在課堂教學(xué)中占具主體地位。請完成任務(wù)好的學(xué)生介紹經(jīng)驗。重點內(nèi)容分析：本節(jié)課的重點是在卡通世界欄目的五個網(wǎng)頁之間建立超鏈接，讓這五個網(wǎng)頁可以相互訪問，并進(jìn)一步讓學(xué)生領(lǐng)略使用共享邊框的好處，充分體會網(wǎng)頁間跳躍訪問的神奇。當(dāng)學(xué)生將卡通世界kt。htm中共享邊框的四個懸停按鈕制作成指向kt1，kt2，kt3，kt4網(wǎng)頁的超鏈接后，在預(yù)覽網(wǎng)頁的鏈接效果時會發(fā)現(xiàn)問題:(1)由kt網(wǎng)頁跳轉(zhuǎn)到kt1，kt2，kt3，kt4中的任意一個網(wǎng)頁后，kt1，kt2，kt3，kt4這四個網(wǎng)頁可以相互訪問，并不象在學(xué)習(xí)第6課時強(qiáng)調(diào)的:在建立超鏈接時，應(yīng)先通過文件夾列表打開甲網(wǎng)頁，在普通網(wǎng)頁模式下建立與乙網(wǎng)頁的超鏈接，然后再通過文件夾列表打開乙網(wǎng)頁，在普通網(wǎng)頁模式下建立回訪甲網(wǎng)頁的超鏈接。這是因為懸停按鈕被放置在了共享邊框中，只要在其中一個網(wǎng)頁里設(shè)置好超鏈接，其他網(wǎng)頁也同時共享了這個設(shè)置，由此學(xué)生進(jìn)一步領(lǐng)略使用共享邊框的好處。(2)因為kt1，kt2，kt3，kt4四個網(wǎng)頁沒有指向kt網(wǎng)頁的超鏈接，因此無法跳回到kt網(wǎng)頁中，要想快速解決這個問題，只需要在kt1，kt2，kt3，kt4其中的一個網(wǎng)頁的共享邊框中設(shè)置返回kt網(wǎng)頁的超鏈接就可以了。歸納提高分析：本節(jié)課涉及到的知識可以歸納為以下幾點：(1)將幾個網(wǎng)頁共有的超鏈接放在共享邊框里，可以大大簡化創(chuàng)建超鏈接的工作。(2)可以對圖片設(shè)置超鏈接。(3)在導(dǎo)航視圖中創(chuàng)建欄目的導(dǎo)航結(jié)構(gòu)。打開導(dǎo)航視圖，通過文件夾列表將網(wǎng)頁文件直接拖動到導(dǎo)航視圖中合適的位置，待虛線相接，釋放鼠標(biāo)即可。在導(dǎo)航結(jié)構(gòu)中只顯示網(wǎng)頁的中文標(biāo)題，這樣有利于網(wǎng)站結(jié)構(gòu)更加清晰。(三)教學(xué)補(bǔ)充：在FrontPage窗口中，可以同時打開多個網(wǎng)頁文件。在文件夾列表中，通過網(wǎng)頁文件的圖標(biāo)，就能知道有多少網(wǎng)頁文件處于打開狀態(tài)，如。這幾個網(wǎng)頁處于打開狀態(tài)這幾個網(wǎng)頁處于關(guān)閉狀態(tài)第9課 作文樂園 插入導(dǎo)航欄(一)本課教學(xué)目標(biāo)：熟練掌握在新建的專用文件夾中建立新的網(wǎng)頁，并更改網(wǎng)站標(biāo)題。能夠在導(dǎo)航視圖中創(chuàng)建欄目的導(dǎo)航結(jié)構(gòu)。能夠在網(wǎng)頁中添加導(dǎo)航欄，并通過導(dǎo)航欄建立網(wǎng)頁間的超鏈接關(guān)系。能夠利用導(dǎo)航欄鏈接瀏覽網(wǎng)站。(二)教學(xué)設(shè)計與教學(xué)建議：1。課堂引入分析：在第2單元，學(xué)生已經(jīng)掌握了利用懸停按鈕和圖片制作超級鏈接的操作，由于網(wǎng)頁之間的超鏈接需要一個一個獨立設(shè)置，經(jīng)常會出現(xiàn)漏掉的現(xiàn)象，導(dǎo)致個別網(wǎng)頁不能訪問，為了能夠更方便快捷地在多個網(wǎng)頁之間建立超鏈接，本課將學(xué)習(xí)一種更便捷的建立超鏈接方式:在導(dǎo)航視圖中創(chuàng)建欄目的導(dǎo)航結(jié)構(gòu)，并利用導(dǎo)航欄制作超鏈接。在課堂的引入部分，教師可以這樣設(shè)計:首先給出一定的時間，讓學(xué)生按要求完成以下任務(wù)。(因為通過前兩個單元的學(xué)習(xí)，學(xué)生具備的知識完成這些任務(wù)并不困難，為了節(jié)省課堂時間，教師也可以將做好的半成品通過局域網(wǎng)傳給學(xué)生，讓學(xué)生在此基礎(chǔ)上完成后面的任務(wù)。教師可以根據(jù)學(xué)生情況自行安排。)(1)創(chuàng)建欄目文件夾zwly。(2)在文件夾zwly下新建7個網(wǎng)頁文件，文件名和網(wǎng)頁標(biāo)題對應(yīng)關(guān)系如下: