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

1、第6課 幻影移形 創(chuàng)建橫幅廣告教學(xué)目標(biāo):1、學(xué)會(huì)利用組件"橫幅廣告管理器"在網(wǎng)頁(yè)中插入橫幅廣告。2、學(xué)會(huì)在網(wǎng)頁(yè)中插入水平線分割網(wǎng)頁(yè)。3、學(xué)會(huì)利用設(shè)置表格或單元格背景色的方法為網(wǎng)頁(yè)添加背景。4、學(xué)會(huì)為懸停按鈕設(shè)置超級(jí)鏈接。教學(xué)設(shè)計(jì)與教學(xué)建議：1、課堂引入分析：通過(guò)前面的學(xué)習(xí)，學(xué)生已經(jīng)掌握了一般網(wǎng)頁(yè)的制作過(guò)程，會(huì)用表格和共享邊框規(guī)劃網(wǎng)頁(yè)的版面，由于制作的網(wǎng)頁(yè)都是靜態(tài)的，且網(wǎng)頁(yè)之間沒(méi)有建立鏈接關(guān)系，所以還體會(huì)不到網(wǎng)頁(yè)的神奇。本課圍繞"卡通世界"欄目，學(xué)習(xí)在網(wǎng)頁(yè)中插入橫幅廣告和水平線，并在網(wǎng)頁(yè)之間建立超鏈接關(guān)系。FrontPage不僅僅是一個(gè)網(wǎng)頁(yè)的編輯器和站點(diǎn)管

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

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

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

5、頁(yè)，在"普通"網(wǎng)頁(yè)模式下建立與乙網(wǎng)頁(yè)的超鏈接，然后再通過(guò)"文件夾列表"打開(kāi)乙網(wǎng)頁(yè)，在"普通"網(wǎng)頁(yè)模式下建立回訪甲網(wǎng)頁(yè)的超鏈接。最后通過(guò)預(yù)覽驗(yàn)證兩個(gè)網(wǎng)頁(yè)能否相互訪問(wèn)。在網(wǎng)頁(yè)多的情況下，這樣做可以防止漏掉鏈接關(guān)系?？梢酝ㄟ^(guò)網(wǎng)站結(jié)構(gòu)的規(guī)劃圖，理清網(wǎng)頁(yè)間的鏈接關(guān)系，尤其是懸停按鈕與網(wǎng)頁(yè)間的對(duì)應(yīng)關(guān)系。3、歸納提高分析：本節(jié)課涉及到的知識(shí)可以歸納為以下幾點(diǎn):(1)使用組件"橫幅廣告管理器"在網(wǎng)頁(yè)中插入一組能夠不斷循環(huán)播放的圖片，并且可以設(shè)置圖片出現(xiàn)的時(shí)間，切換效果。橫幅廣告的區(qū)域可以用鼠標(biāo)拖動(dòng)直接放大或縮小。網(wǎng)站結(jié)構(gòu)規(guī)劃圖：(

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