把主動權(quán)交給學(xué)生——信息技術(shù)教學(xué)案例《讓網(wǎng)頁動起來》

☆冉敏

(北京市育才學(xué)校,北京 100000)

一、案例背景信息

本課教學(xué)對象為初中二年級學(xué)生，教學(xué)內(nèi)容為網(wǎng)頁制作中關(guān)于Web組件的使用，包括學(xué)會滾動字幕的制作、學(xué)會Flash的插入以及學(xué)會用橫幅廣告管理器實(shí)現(xiàn)圖片的切換效果三大部分。在教學(xué)中，我從學(xué)生知識掌握情況以及“好動不好靜”的性格特點(diǎn)出發(fā)，巧妙地把本課知識點(diǎn)溶入到“讓網(wǎng)頁動起來”這一情境和任務(wù)中，設(shè)計環(huán)環(huán)相扣，層層深入，緊緊地吸引學(xué)生的眼球，使他們主動地參與到學(xué)習(xí)中來。課堂上能有意識地讓學(xué)生去動手和探究，在制作中去思考、去探索、去發(fā)現(xiàn)。在導(dǎo)入環(huán)節(jié)，我給學(xué)生提供了兩個內(nèi)容布局完全相同，只是文字和圖片一個是靜態(tài)的一個是動態(tài)的，讓學(xué)生去觀察發(fā)現(xiàn)兩者的不同，進(jìn)而激發(fā)學(xué)生學(xué)習(xí)本節(jié)課的興趣。在處理“插入Flash動畫”這一重點(diǎn)時，激發(fā)學(xué)生聯(lián)系舊知（視頻的插入）進(jìn)行思考和驗(yàn)證，大膽嘗試讓學(xué)生將舊知遷移過來，逐步形成新知識、新技能，利于學(xué)生會舉一反三、觸類旁通。在處理“橫幅廣告管理器”這一教學(xué)難點(diǎn)時，一步一步帶著學(xué)生進(jìn)行操作，但是關(guān)于圖片的簡單處理，并沒有一步到位的直接告訴學(xué)生，而是讓學(xué)生在進(jìn)行綜合練習(xí)時，自己發(fā)現(xiàn)這個問題并提出來，再告訴學(xué)生這個問題該如何解決，并進(jìn)而強(qiáng)調(diào)橫幅廣告管理器寬度和高度設(shè)置的意義。整節(jié)課上學(xué)生們興趣高漲，樂于操作，較好地達(dá)成了教學(xué)目標(biāo)。

二、教學(xué)設(shè)計

（一）教學(xué)目標(biāo)

知識與技能——會使用Web組件中的字幕組件制作滾動字幕；會在網(wǎng)頁中插入Flash影片；會使用Web組件中的橫幅廣告管理器制作動態(tài)圖片效果。

過程與方法——通過任務(wù)驅(qū)動以及自主探究的方式，達(dá)到知識與能力提高的目的。

情感態(tài)度價值觀——提高學(xué)生自主學(xué)習(xí)和探究學(xué)習(xí)的能力；會合理選擇和使用動態(tài)效果；提高學(xué)生用所學(xué)知識解決實(shí)際問題的能力。

（二）內(nèi)容分析

本節(jié)課是FrontPage學(xué)習(xí)的倒數(shù)第二個課時，內(nèi)容是對于學(xué)生來說比較陌生的Web組件，包括滾動字幕、Flash影片、橫幅廣告管理器這三個教學(xué)重點(diǎn)，其中橫幅廣告管理器是本節(jié)課的難點(diǎn)。

滾動字幕比較簡單，字體、背景色設(shè)置等學(xué)生都已經(jīng)掌握，唯一不知道的就是如何使用這個組件，只要教師講解一遍，學(xué)生基本上都能掌握。Flash影片的操作與上節(jié)課學(xué)習(xí)的插入視頻的操作很類似，所以，基本上只要能夠找到組件，學(xué)生是獨(dú)自可以完成該組件的學(xué)習(xí)的。橫幅廣告管理器是本節(jié)課的難點(diǎn)，學(xué)生第一次接觸，從來沒有過類似的操作技能可以遷移過來，此外，該組件在2003版本中不能直接從Web組件中調(diào)用，需要學(xué)生自定義設(shè)置該組件，因此，該內(nèi)容需要一步步帶著學(xué)生慢慢做，相信學(xué)生也是可以很好地掌握的。

（三）學(xué)生分析

學(xué)生已經(jīng)掌握了FrontPage軟件的基本操作，比如插入圖片、文字編輯、網(wǎng)頁布局等，個人網(wǎng)站的首頁以及“音樂盒”、“喜歡的大片”、“旅行天下”頁面也已經(jīng)做好，對于實(shí)現(xiàn)網(wǎng)頁的動態(tài)效果學(xué)生比較感興趣，也容易激發(fā)他們的學(xué)習(xí)動機(jī)。

（四）教學(xué)策略設(shè)計

1.教學(xué)方法設(shè)計

初中信息技術(shù)是為培養(yǎng)學(xué)生的信息素養(yǎng)和信息技術(shù)操作能力為主要目標(biāo)，以操作性、實(shí)踐性和探究性（創(chuàng)新性）為特征的一門課程。

新課改中強(qiáng)調(diào)教學(xué)過程中應(yīng)該體現(xiàn)“以教師為主導(dǎo)，學(xué)生為主體”的思想，強(qiáng)調(diào)教師的主導(dǎo)作用，同時也強(qiáng)調(diào)學(xué)生的主體性，要求充分發(fā)揮學(xué)生在學(xué)習(xí)過程中的主動性、積極性和創(chuàng)造性。

Frontpage中的Web組件可以使網(wǎng)頁中出現(xiàn)“動態(tài)”效果，這與前面所學(xué)的網(wǎng)頁制作內(nèi)容是不同的，學(xué)生會比較喜歡，因此，可以比較容易地激起他們的好奇心，將他們內(nèi)心深處的好奇心轉(zhuǎn)化為探究新知渴望新知的原動力。

針對上述三個方面的依據(jù)，教師設(shè)計了本次活動，主要采用任務(wù)驅(qū)動法、自主探究法和講練法。從學(xué)生知識掌握情況以及“好動不好靜”的性格特點(diǎn)出發(fā)，巧妙地把本課知識點(diǎn)溶入到“讓網(wǎng)頁動起來”這一情境和任務(wù)中，設(shè)計環(huán)環(huán)相扣，層層深入，緊緊地吸引學(xué)生的眼球，使他們主動地參與到學(xué)習(xí)中來。任務(wù)驅(qū)動法主要為給學(xué)生提供充分的實(shí)踐空間，將學(xué)習(xí)過程設(shè)計為一系列前后連貫、由淺入深的挑戰(zhàn)任務(wù)，學(xué)生在挑戰(zhàn)任務(wù)的過程中掌握新知，體驗(yàn)Web組件的應(yīng)用。對于較容易的任務(wù)，則采用自主探究的方法，讓學(xué)生有意識地去動手和探究，在制作中去思考、去探究、去發(fā)現(xiàn)。對于一些重點(diǎn)以及難點(diǎn)，教師才進(jìn)行重難點(diǎn)的講練，加深學(xué)生對于重難點(diǎn)的理解。

2.教學(xué)流程示意

圖1

3.資源準(zhǔn)備

（1）關(guān)于教學(xué)任務(wù)說明的PPT。

（2）關(guān)于麗江、電影《阿凡達(dá)》、《2012》的圖片。

（3）關(guān)于麗江的flash課件。

（4）多媒體投影以及計算機(jī)教室。

三、教與學(xué)的實(shí)際過程描述

（一）教與學(xué)的過程描述

教學(xué)階段 教師活動 學(xué)生活動 設(shè)計意圖創(chuàng)設(shè)情境激趣導(dǎo)入1.展示兩個網(wǎng)頁作品（內(nèi)容和布局一樣，但是網(wǎng)頁A為純靜態(tài)的網(wǎng)頁，未進(jìn)行任何動態(tài)效果的設(shè)置，而網(wǎng)頁B是經(jīng)過精心裝飾的動態(tài)效果）。2.提問：同學(xué)們，剛才老師給大家看的這兩個頁面有什么不同呢？3.導(dǎo)入：這節(jié)課我們就一起來學(xué)習(xí)網(wǎng)頁動態(tài)文字和圖片效果的制作，讓我們的個人網(wǎng)頁動起來。4.板書課題：讓網(wǎng)頁動起來滾動字幕觀察思考回答問題（預(yù)設(shè)回答：文字滾動、圖片變化）對比展示兩個頁面，讓學(xué)生發(fā)現(xiàn)網(wǎng)頁動態(tài)效果的優(yōu)勢，為后續(xù)教學(xué)任務(wù)的完成創(chuàng)設(shè)良好的學(xué)習(xí)情境，激發(fā)學(xué)生的學(xué)習(xí)興趣，將他們內(nèi)心深處的好奇心轉(zhuǎn)化為探究新知渴望新知的原動力。1.講解滾動字幕的制作：插入－Web組件－動態(tài)效果－字幕－輸入文本、修改字體樣式、背景色等。2.布置練習(xí)任務(wù)：制作滾動的字幕。操作練習(xí) 講解滾動字幕的操作，布置練習(xí)任務(wù)讓學(xué)生完成。

教學(xué)階段 教師活動 學(xué)生活動 設(shè)計意圖Flash動畫1.導(dǎo)入：剛剛我們嘗試了讓網(wǎng)頁中的文字動起來，那么，大家想一想，首頁的圖片怎么讓它們也動起來呢？如何制作圖片的動態(tài)效果呢？假設(shè)：學(xué)生回答Flash動畫，gif動畫等。2.自主探究：在Web組件中，提供了Flash動畫組件，與視頻插件很類似，請大家嘗試一下，插入Flash動畫，讓網(wǎng)頁圖片動起來。3.點(diǎn)一名學(xué)生到前面演示做法。4.教師點(diǎn)評，再次演示操作。橫幅廣告管理器思考問題回答問題自主探究通過讓學(xué)生想辦法怎么設(shè)置動態(tài)效果從而導(dǎo)入Flash動畫組件的使用，且該操作較簡單，由學(xué)生自主探究完成。跟隨教師1.導(dǎo)入：用插入Flash組件的方式的確可以讓圖片動起來，但是需要我們再用額外的時間制作Flash動畫，顯然這種方法比較繁瑣。下面呢，我們學(xué)習(xí)用Web組件中的橫幅廣告管理器來讓圖片動起來。2.講解橫幅廣告管理器調(diào)入：工具－自定義－選擇類別為插入中的橫幅廣告管理器，將其拖拽至菜單欄。3.講解橫幅廣告制作：A、打開橫幅廣告管理器。B、查看圖片大?。捍蜷_文件夾－鼠標(biāo)放在圖片上，顯示出圖片大小。C、設(shè)置寬度高度、過渡效果、顯示時間、添加圖片－確定－保存－瀏覽。4.布置練習(xí)：完成Index主頁中的滾動字幕、橫幅廣告效果。綜合實(shí)踐一起操作橫幅廣告可以解決Flash制作繁瑣的問題，這里采用教師演示講解的方法處理難點(diǎn)。操作練習(xí)鞏固練習(xí)處理圖片大小【任務(wù)1】完成“喜歡的大片”頁面中橫幅廣告效果，并制作滾動字幕。（預(yù)設(shè)：學(xué)生可能提問圖片大小不一致的問題，若一兩個則單獨(dú)輔導(dǎo)，若較多，則統(tǒng)一講解2～3分鐘圖片處理問題。）【處理圖片】打開Photoshop－打開圖片文件－圖像－圖像大小－取消約束比例－設(shè)置圖片寬度和高度－保存?！救蝿?wù) 2】任選“音樂盒”、“云南印象”、“神秘西藏”中一個頁面，根據(jù)網(wǎng)站風(fēng)格制作滾動字幕和橫幅廣告效果。 綜合練習(xí)采用分層的方法，布置的兩個選作任務(wù)分別有不同的作用，任務(wù)一作為鞏固練習(xí)，需要大部分學(xué)生完成，任務(wù)二則是綜合練習(xí)，只需要學(xué)習(xí)中等以上學(xué)生完成。預(yù)設(shè)：學(xué)生可能會提出質(zhì)疑——圖片大小不一樣，這個時候若提問的學(xué)生很多，則統(tǒng)一講解用Photoshop處理圖片大小。作品展示 上傳作業(yè)，根據(jù)學(xué)生意愿選擇學(xué)生作品進(jìn)行展示。 演示評價 通過展示作品，為學(xué)生提供交流評價的機(jī)會。課堂小結(jié) 總結(jié)，引導(dǎo)學(xué)生不要讓文字和圖片為了動而動，而應(yīng)該是讓它們適時而動、適度而動。延伸通過最后總結(jié)引導(dǎo)，讓學(xué)生明白滾動字幕和橫幅廣告的制作要適度、適

（二）關(guān)鍵環(huán)節(jié)提煉

1.教學(xué)片斷一：創(chuàng)設(shè)情境，激趣導(dǎo)入

上課鈴響了，學(xué)生們一臉興奮地排隊(duì)進(jìn)入機(jī)房。一個可愛的男生上前好奇地問我今天要學(xué)什么內(nèi)容，看來孩子們對信息技術(shù)課還是有不少期待的。

上課了，我出示了兩個內(nèi)容、布局完全相同的網(wǎng)頁作品首頁，但是網(wǎng)頁A為純靜態(tài)的網(wǎng)頁，未進(jìn)行任何動態(tài)效果的設(shè)置，而網(wǎng)頁B是經(jīng)過精心裝飾的動態(tài)效果，請學(xué)生們欣賞。然后提問：“同學(xué)們，剛才老師給大家看的這兩個頁面有什么不同呢？”

學(xué)生們都非常興奮，紛紛發(fā)表自己的見解，課堂一下子活躍起來。

“第二個頁面的文字是動的。”

“圖片是動的?！?/p>

“圖片像幻燈片一樣，是變化的?！?/p>

……

我在聽取了學(xué)生的意見后，馬上導(dǎo)入“這節(jié)課我們就一起來學(xué)習(xí)網(wǎng)頁動態(tài)文字和圖片效果的制作，讓我們的個人網(wǎng)頁動起來。請同學(xué)們打開個人網(wǎng)站的主頁?！?/p>

學(xué)生都很興奮，很認(rèn)真地看著我操作如何插入Web組件——滾動字幕，如何輸入文本、修改字體樣式、背景色等，并且在自主動手操作時，積極嘗試不同的表現(xiàn)方式對于滾動字幕來說有什么不同。

2.教學(xué)片斷二：Flash 動畫

做完了滾動字幕之后，學(xué)生都很想嘗試怎樣實(shí)現(xiàn)圖片的動態(tài)效果。這個時候，我故意把如何實(shí)現(xiàn)圖片的動態(tài)效果這個問題拋給學(xué)生：“剛剛我們嘗試了讓網(wǎng)頁中的文字動起來，那么，大家想一想，首頁的圖片怎么讓它們也動起來呢？如何制作圖片的動態(tài)效果呢？”

“不知道……”

這個時候，我就引導(dǎo)他們：“初一下學(xué)期我們學(xué)習(xí)了什么軟件？”

“Flash動畫……”

“老師，我們可以用Flash做動畫，然后放到網(wǎng)頁中?！?/p>

這個時候，我趁機(jī)布置了自主探究任務(wù)：“在Web組件中，提供了Flash動畫組件，它與插入視頻的方法很相似，請大家嘗試一下，插入Flash動畫讓網(wǎng)頁圖片動起來?！?/p>

在巡視課堂的過程中，發(fā)現(xiàn)絕大部分學(xué)生都能很快地找到Flash動畫組件，并且正確的插入Flash動畫。

3.教學(xué)片斷三：綜合實(shí)踐

講解完橫幅廣告管理器的使用后，我布置任務(wù)給學(xué)生：“任務(wù)一：完成“喜歡的大片”頁面中橫幅廣告效果，并制作滾動字幕。任務(wù)二：任選“音樂盒”、“云南印象”、“神秘西藏”中一個頁面，根據(jù)網(wǎng)站風(fēng)格制作滾動字幕和橫幅廣告效果?！?/p>

“老師，圖片大小不一樣怎么處理？”

“老師，圖片有灰色的邊框怎么辦？”

“……”

“剛才很多同學(xué)都提出圖片大小不一樣導(dǎo)致橫幅廣告管理器有灰色邊框，下面我們就學(xué)習(xí)一下怎么處理圖片?！?/p>

……

四、教學(xué)反思

最初設(shè)計這堂課的時候，我一直在猶豫：到底給學(xué)生講不講橫幅廣告管理器？橫幅廣告管理器講到什么程度？圖片大小的處理講不講？是在查看圖片大小的時候講還是等學(xué)生綜合實(shí)踐的時候自己發(fā)現(xiàn)圖片大小不一影響橫幅廣告效果的時候再講？Flash動畫插件讓學(xué)生自己動手做，他們能順利地完成嗎？這些歸根結(jié)底就是一個問題：學(xué)生有能力做到嗎？

當(dāng)下課鈴聲響起的時候，我終于松了一口氣，感到無比的欣慰與自豪——他們不僅做到了，而且做得非常的好！絕大部分學(xué)生都很好地跟著我的思路做，按照我的預(yù)設(shè)一步步做到了，不僅自主探究完成了Flash動畫的插入，還能夠在完成綜合實(shí)踐任務(wù)的時候，發(fā)現(xiàn)圖片大小不一影響橫幅廣告管理器效果的問題，能夠把問題提出來。這就告訴我——不要低估學(xué)生的能力，要把課堂上的主動權(quán)交給學(xué)生！

（一）讓學(xué)生自己提出問題

現(xiàn)代教育的質(zhì)量觀認(rèn)為，一切有實(shí)效的課，并不是教師單純向?qū)W生傳授了多少知識，而是教師圍繞教學(xué)目標(biāo)引導(dǎo)學(xué)生提出了多少個“為什么”、“是什么”、“怎么辦”，教師通過各種途徑和學(xué)生一起解決了多少個“為什么”。這些“為什么”、“怎么辦”正是激活學(xué)生思維、學(xué)習(xí)興趣動機(jī)的源泉。因此，在課堂教學(xué)中，我從不同角度設(shè)置疑惑，讓學(xué)生多提“為什么”。通過解決學(xué)生的“為什么”，引導(dǎo)學(xué)生參與課堂教學(xué)，調(diào)動學(xué)生獲取知識的主動性。如在教學(xué)片斷三環(huán)節(jié)中關(guān)于圖片大小的處理部分。到底是教師在講解的時候直接告訴學(xué)生還是讓學(xué)生發(fā)現(xiàn)問題之后提出來，教師再和學(xué)生一起解決這個問題呢？在上課之前，我一直在這個問題上糾結(jié)，教案改了很多次，最后我還是決定相信學(xué)生，看他們到底能不能發(fā)現(xiàn)這個問題并且提出來。事實(shí)證明，我的選擇是正確的，很多學(xué)生都發(fā)現(xiàn)了這個問題并且提了出來，這個時候我再講解Photoshop進(jìn)行圖片大小的設(shè)置時，學(xué)生們情緒高昂、思維活躍，完全處于主動學(xué)習(xí)的狀態(tài)，變“要我學(xué)”為“我要學(xué)”。又比如：片斷一的導(dǎo)入部分，同樣是讓學(xué)生發(fā)現(xiàn)兩個頁面的不同，從而導(dǎo)入到本節(jié)課“讓網(wǎng)頁動起來”的內(nèi)容，這樣就激發(fā)學(xué)生的學(xué)習(xí)興趣，將他們內(nèi)心深處的好奇心轉(zhuǎn)化為探究新知渴望新知的原動力。

（二）讓學(xué)生自己領(lǐng)悟方法

在學(xué)生學(xué)習(xí)知識或運(yùn)用知識解決問題的過程中，方法通常不是唯一的，而是靈活多樣的。教學(xué)中，教師不能要求學(xué)生死記硬背，而要多鼓勵學(xué)生積極探索，創(chuàng)設(shè)各種機(jī)會，讓學(xué)生自己去感受、去歸納總結(jié)，發(fā)揮學(xué)生的聯(lián)想思維，讓學(xué)生對多種多樣的方法進(jìn)行比較，有比較才有鑒別，通過比較去其糟粕、取其精華。比如：片斷二中的Flash動畫環(huán)節(jié)，因?yàn)榕c視頻的插入很類似，教師只告訴了學(xué)生組件大致的位置，學(xué)生就能夠自主探究，嘗試著在頁面中插入Flash動畫。通過這樣的環(huán)節(jié)，實(shí)現(xiàn)了學(xué)生對舊知的遷移運(yùn)用，能夠很好地將舊知的方法遷移到新知的學(xué)習(xí)過程中，較好地發(fā)揮了學(xué)生的主動性和積極性。

（三）讓學(xué)生自己比較歸納

比較歸納是課堂教學(xué)的一個重要組成部分，教師如果能通過讓學(xué)生自己比較歸納，既可以及時反饋信息，又是學(xué)生真正理解掌握知識、提高能力的有效方法。比如：片斷一中關(guān)于滾動字幕三種表現(xiàn)形式有何不同，教師并沒有直接給出結(jié)果，而是讓學(xué)生自己嘗試，并且比較歸納三種表現(xiàn)形式的不同。在最后課堂小結(jié)時，如果能夠把采用三種不同表現(xiàn)方式的作品一一展示給學(xué)生，相信一定可以很好地加深他們對知識的印象?？梢姡寣W(xué)生自己進(jìn)行比較歸納，不但可以培養(yǎng)學(xué)生的分析、綜合概括能力，而且還能反映出本節(jié)課的教學(xué)效果，有利于教師改進(jìn)自己的教學(xué)方法，同時也促進(jìn)了學(xué)生的自主學(xué)習(xí)。

綜上所述，只有教師注意在教學(xué)中發(fā)揮教師的主導(dǎo)作用，體現(xiàn)學(xué)生的主體地位，教師只是在引導(dǎo)、啟發(fā)、點(diǎn)撥上下工夫，通過學(xué)生多種思維活動參與教學(xué)的全過程，這樣，學(xué)生在課堂上才有主動權(quán)，才能真正成為課堂的主人，學(xué)生的各種能力才會得到發(fā)揮，素質(zhì)教育才能真正落到實(shí)處。