浙教版 信息技術(shù) 八年級(jí)上 第十六課 讓網(wǎng)站有聲有色 課程教學(xué)設(shè)計(jì)

第十六課讓站有聲有色一．教學(xué)目標(biāo)知識(shí)與技能（1學(xué)會(huì)設(shè)置網(wǎng)頁(yè)背景，體會(huì)網(wǎng)頁(yè)屬性設(shè)置方法的多樣性。（2掌握添加背景音樂(lè)的方法，了解不同的音樂(lè)格式。（3初步掌握Web組中插件的使用，能夠通過(guò)插件來(lái)插入flash畫。過(guò)程與方法通過(guò)展示學(xué)生優(yōu)秀作品以及教師美化后的作品學(xué)生觀察發(fā)言引出主題采用學(xué)生主體探究教主導(dǎo)的雙主互動(dòng)探究教學(xué)形式明確本課任務(wù)后由學(xué)生自主探究師時(shí)關(guān)注引導(dǎo)。學(xué)生在完成網(wǎng)頁(yè)后，進(jìn)行作品的展示和評(píng)價(jià)。最后加以課堂小結(jié)，突出主題，實(shí)現(xiàn)對(duì)學(xué)生的情感教育。情感、態(tài)度與價(jià)值觀通過(guò)本次課的學(xué)習(xí)提學(xué)生美網(wǎng)頁(yè)修飾網(wǎng)頁(yè)的能力培養(yǎng)學(xué)生對(duì)美的感受及創(chuàng)造美的能力；提高學(xué)生自身的藝術(shù)修養(yǎng)。二．重點(diǎn)難點(diǎn)【教學(xué)重點(diǎn)】（1設(shè)置網(wǎng)頁(yè)背景；（2添加背景音樂(lè)；（3插入Flash動(dòng)?！窘虒W(xué)難點(diǎn)】（1選擇符合網(wǎng)站主題與風(fēng)格的背景、音樂(lè)；（2了解插件的概念，學(xué)會(huì)在網(wǎng)頁(yè)中插入動(dòng)。三．教學(xué)過(guò)程活動(dòng)【導(dǎo)入】回顧整理導(dǎo)新課【師上課同為自己的網(wǎng)添加了超級(jí)鏈接，實(shí)現(xiàn)了頁(yè)面之間的跳轉(zhuǎn)，網(wǎng)站作品已經(jīng)初見(jiàn)雛形很同學(xué)的作品都非精彩有個(gè)性我挑出了自己最喜歡的一個(gè)作品，并且進(jìn)行了加工，請(qǐng)同學(xué)們欣賞比較，看看網(wǎng)頁(yè)發(fā)生了哪些變化？【生】認(rèn)真觀看、比較?！旧炕卮饐?wèn)題。（背景、音樂(lè)和動(dòng)畫）【師】這節(jié)課，就讓我們一起為網(wǎng)頁(yè)添加背景、音樂(lè)和動(dòng)畫，將網(wǎng)頁(yè)變得更具吸引力。

活動(dòng)【活動(dòng)】激發(fā)引導(dǎo)探新知（一）添加背景，突出風(fēng)格【師展范例引同學(xué)們?yōu)樽约旱木W(wǎng)站主頁(yè)添加背提示可借鑒單元格背景的設(shè)置方法或參考課本63頁(yè)。【生】自主探究添加網(wǎng)頁(yè)背景的方法?！編煛垦惨曋笇?dǎo)。（分鐘后安排同桌相互交流）【生】同桌交流。【師】選擇有代表性的兩個(gè)作品展示，引導(dǎo)學(xué)生比較思考，你更喜歡哪位同學(xué)設(shè)置的背景，為什么？【生】學(xué)生回答。（應(yīng)該選用淺色背景，不影響網(wǎng)頁(yè)內(nèi)容的瀏覽。）【師】選擇有代表性的兩個(gè)作品展示，引導(dǎo)學(xué)生比較思考，你更喜歡哪位同學(xué)設(shè)置的背景，為什么？【生】學(xué)生回答。（小圖案更適合做背景，大圖案會(huì)影響網(wǎng)頁(yè)的布局和美觀。）【師】展示兩位學(xué)生的作品，引導(dǎo)學(xué)生比較思考，兩位同學(xué)添加的背景有什么不一樣？【生】學(xué)生回答。（一個(gè)使用的是圖片，一個(gè)使用的是顏色）【師】提問(wèn)：如果網(wǎng)頁(yè)同時(shí)設(shè)置了顏色和圖片作為背景，網(wǎng)頁(yè)最后呈現(xiàn)的效果會(huì)怎樣？【生】操作、回答。（顯示圖片，顏色會(huì)被遮掉。）【師展兩位學(xué)生的作品，引學(xué)生比較思考覺(jué)得哪位同學(xué)設(shè)置的背景更適合為什么？【生】學(xué)生回答。（添加與網(wǎng)站風(fēng)格匹配的網(wǎng)頁(yè)背景，能使網(wǎng)站風(fēng)格更加突出。）【師】總結(jié)：設(shè)置合適的背景能讓網(wǎng)站風(fēng)格更突出網(wǎng)站增色背景的設(shè)置方法雖然簡(jiǎn)單但設(shè)置合適的背景還需要我們多思考到嘗試。我們總結(jié)出以下幾點(diǎn)需要注意的地方：①宜選擇淺色背景；②小圖案更適合做背景；③背景圖片需要符合網(wǎng)站風(fēng)格?！編煛拷o同學(xué)幾分鐘將自己的背景設(shè)置的更合理。（二）添加音樂(lè)，有聲有色【師】展示范例，引導(dǎo)同學(xué)為自己的網(wǎng)站主頁(yè)添加背景音樂(lè)（可參考課本6頁(yè)?！旧繃L試添加背景音樂(lè)?！編煛垦惨曋笇?dǎo)。（分鐘后安排同桌相互交流）【生】同桌交流。

【師】提問(wèn)：你在添加背景音樂(lè)的過(guò)程中遇到了什么問(wèn)題或有什么發(fā)現(xiàn)？【生】wav和式可以使用，格的音樂(lè)沒(méi)法用?！編煛刻釂?wèn)：如果我希望背景音樂(lè)只播放一次該如何操作？【生】一位同學(xué)上臺(tái)演示?！編熇弦矠樽约旱木W(wǎng)站添加背景音樂(lè)學(xué)們聽一聽這個(gè)音樂(lè)適合這個(gè)網(wǎng)站嗎？為什么？【生】回答問(wèn)題。（不適合，不符合網(wǎng)站的主題。）【師】總結(jié)：①給網(wǎng)站添加音樂(lè)時(shí)不能只考慮個(gè)人的喜好，要選擇符合網(wǎng)站主題的音樂(lè)。②注意背景音樂(lè)的格式：MP3格式無(wú)法使用，一般我們使用wav和格。（三）添加動(dòng)畫，畫龍點(diǎn)睛【師】展示范例，引導(dǎo)學(xué)生為自己的網(wǎng)站添加動(dòng)。（可參考課本64頁(yè)【生】嘗試添加動(dòng)?！編煛垦惨曋笇?dǎo)。（分鐘后安排同桌相互交流）【生】同桌交流?！編煛空?qǐng)一位同學(xué)演示添加動(dòng)畫的方法。（有一定難度，需要演示講解）【生】認(rèn)真觀看演示操作。【師】瀏覽網(wǎng)頁(yè)時(shí)，你有看到動(dòng)嗎？要注意什么？【生】要在彈出的提示框中，允許插件的播放?！編煛空?qǐng)同學(xué)們完成Flash動(dòng)的添加?！旧坎僮??！編煛靠偨Y(jié)：在網(wǎng)頁(yè)中插入一些小動(dòng)畫可以使頁(yè)面生動(dòng)活波，起到畫龍點(diǎn)睛的作用?；顒?dòng)【練習(xí)】加強(qiáng)鞏固靈應(yīng)用【師】完成剩下頁(yè)面的背景、音樂(lè)以及動(dòng)畫的添加。【生】完成老師布置的任務(wù)，并提交作品?；顒?dòng)【活動(dòng)】展示交流

相互評(píng)價(jià)【師】展示幾位學(xué)生有特色的作品，引導(dǎo)學(xué)生對(duì)背景、音樂(lè)flash動(dòng)畫各項(xiàng)操作進(jìn)行評(píng)價(jià)，適當(dāng)加入自己的評(píng)價(jià)?！旧勘容^自己的網(wǎng)頁(yè)與其他人的網(wǎng)頁(yè)，總結(jié)可以改進(jìn)的地方，并說(shuō)說(shuō)為什么。

活動(dòng)【活動(dòng)】總結(jié)梳理主升華【師】請(qǐng)學(xué)生回顧本節(jié)課知識(shí)點(diǎn)?！旧炕仡櫛竟?jié)課所學(xué)內(nèi)容?！編煛客ㄟ^(guò)本節(jié)課的學(xué)習(xí)，我們掌握了通過(guò)添加背景、音樂(lè)以及動(dòng)充實(shí)網(wǎng)頁(yè)，美化網(wǎng)頁(yè)的方法。設(shè)置合適的背景能讓網(wǎng)站風(fēng)格更突出網(wǎng)站增色在加背景時(shí)我們要注意以下幾點(diǎn)①宜選擇淺色背景；②小圖案更適合做背景