第6課幻影移形創(chuàng)建橫幅廣告

1、第6課 幻影移形 創(chuàng)建橫幅廣告教學(xué)目標(biāo):1、學(xué)會利用組件"橫幅廣告管理器"在網(wǎng)頁中插入橫幅廣告。2、學(xué)會在網(wǎng)頁中插入水平線分割網(wǎng)頁。3、學(xué)會利用設(shè)置表格或單元格背景色的方法為網(wǎng)頁添加背景。4、學(xué)會為懸停按鈕設(shè)置超級鏈接。教學(xué)設(shè)計與教學(xué)建議：1、課堂引入分析：通過前面的學(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)頁的編輯器和站點管

2、理器，還具有強大的多媒體功能，它的一個組件"橫幅廣告管理器"能夠使多張畫面自動切換，大大增添了頁面的動感，這是非常吸引孩子的一個內(nèi)容。在課堂的引入部分，教師可以這樣設(shè)計:首先播放一段拍攝的影片資料，內(nèi)容是一些繁華的商業(yè)街上有大幅的廣告牌，上面的畫面是動態(tài)，總是幾張圖片在循環(huán)播放，讓學(xué)生討論這些廣告牌有什么優(yōu)點把生活實際直接引入課堂。然后請學(xué)生欣賞幾個帶有橫幅廣告效果和水平分割線的網(wǎng)頁，在欣賞的過程中教師提出要求：(1)在網(wǎng)頁上你看到了什么效果，你認為這樣制作出來的網(wǎng)頁效果如何 。(2)點擊網(wǎng)頁上的懸停按鈕，你發(fā)現(xiàn)了什么 。教師小結(jié)"橫幅廣告"，"

3、;水平線"，"超鏈接"知識點。在接下來的教學(xué)環(huán)節(jié)中，教師可以準(zhǔn)備一些學(xué)習(xí)資料和素材，讓學(xué)生通過自主學(xué)習(xí)或小組合作學(xué)習(xí)的方式來進行本節(jié)課的學(xué)習(xí)，在學(xué)生自學(xué)的過程中，讓學(xué)生及時反饋學(xué)習(xí)成果，學(xué)生遇到的共性問題，可以讓已經(jīng)解決問題的學(xué)生通過多媒體演示操作過程(提倡)，也可以是教師演示操作過程。2、重點內(nèi)容分析：本節(jié)課的重點可以歸納為兩點：(1)創(chuàng)建橫幅廣告：橫幅廣告效果對于學(xué)生來說并不陌生，在生活中很常見，如在一些繁華的商業(yè)街上有大幅的廣告牌，上面的畫面是動態(tài)，總是幾張圖片在循環(huán)播放，不但使有限的空間容納更多的廣告信息，動態(tài)的畫面更吸引人的眼球。在網(wǎng)頁中插入橫幅廣告，實

4、際上就是利用"橫幅廣告管理器"這個組件在網(wǎng)頁上開辟一個區(qū)域，不斷地循環(huán)播放一些圖片，目的有兩個，一個是增加了網(wǎng)頁信息的容量，一個是產(chǎn)生動態(tài)效果，使網(wǎng)頁更具吸引力。在制作過程中需要提示學(xué)生注意以下幾點:插入的圖片尺寸盡量保持一致。每幅圖的顯示時間以23秒最為合適。最多可以插入9張圖片。要保存之后才能預(yù)覽到效果。(2)利用"懸停按鈕"制作超鏈接：利用超鏈接，可以實現(xiàn)在網(wǎng)頁間進行跳躍式的訪問，這是網(wǎng)頁的一大特點。在網(wǎng)頁中建立鏈接關(guān)系需要提示學(xué)生注意以下幾點:兩個網(wǎng)頁間是可以相互訪問的，有去有回。在建立超鏈接時，應(yīng)先通過"文件夾列表"打開甲網(wǎng)

5、頁，在"普通"網(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)系。3、歸納提高分析：本節(jié)課涉及到的知識可以歸納為以下幾點:(1)使用組件"橫幅廣告管理器"在網(wǎng)頁中插入一組能夠不斷循環(huán)播放的圖片，并且可以設(shè)置圖片出現(xiàn)的時間，切換效果。橫幅廣告的區(qū)域可以用鼠標(biāo)拖動直接放大或縮小。網(wǎng)站結(jié)構(gòu)規(guī)劃圖：(

6、2)在網(wǎng)頁中插入水平線，可以使網(wǎng)頁的版面結(jié)構(gòu)更加清晰。水平線的長度，顏色，粗細等可以通過"水平線屬性"對話框進行設(shè)置。(3)利用"懸停按鈕"設(shè)置超鏈接，控制網(wǎng)頁的跳轉(zhuǎn)。要理清網(wǎng)頁間的鏈接關(guān)系，尤其是懸停按鈕與網(wǎng)頁間的對應(yīng)關(guān)系。(三)教學(xué)補充：1、裁剪圖片：在制作橫幅廣告時，圖片的尺寸應(yīng)盡量保持一致。如果需要的素材圖片尺寸不一致時，可以通過FrontPage的"圖片"工具欄中的"裁剪"工具對圖片進行裁減。裁剪的過程如word中相同。選取圖片再單擊"裁剪"工具單擊"裁剪"工具鼠標(biāo)指向控制點拖動選定裁剪范圍裁剪后效果：需要注意的是，如果插入的圖片格式為gif動畫文件，則不能用"裁剪"工具進行裁剪。2、設(shè)置橫幅廣告超鏈接：設(shè)置超鏈接的方法有多種，除了可以對懸停按鈕設(shè)置超鏈接外，還可以對