全國(guó)中小學(xué)信息技術(shù)課程教學(xué)大賽獲獎(jiǎng)案例《走進(jìn)Flash》教學(xué)設(shè)計(jì)

1、走進(jìn)FI ash一、教學(xué)內(nèi)容分析走進(jìn)Flash節(jié)選自浙教版信息技術(shù)八年級(jí)下冊(cè)第一單元第二課，在第一課中，學(xué)生 已經(jīng)了解了動(dòng)畫(huà)的基本原理和動(dòng)畫(huà)技術(shù)的發(fā)展過(guò)程過(guò)程，認(rèn)識(shí)了常用的動(dòng)畫(huà)制作軟件，初步 了解了 Flash軟件。本課是正式接觸flash軟件的第一課，本課的教學(xué)主要內(nèi)容是讓學(xué)生熟 悉Flash窗口的界面組成，認(rèn)識(shí)Flash文檔屬性，理解時(shí)間軸、關(guān)鍵幀、空白關(guān)鍵幀、幀 和庫(kù)的概念，并學(xué)會(huì)相關(guān)操作，完成逐幀動(dòng)畫(huà)的制作，這些都是后續(xù)制作動(dòng)畫(huà)所必備的知識(shí)。 本課雖是接觸Flash第一課，知識(shí)點(diǎn)卻不少，需要教師在教學(xué)設(shè)計(jì)時(shí)巧妙地將零散的知識(shí)點(diǎn) 像線(xiàn)索一樣串連起來(lái)。如何將軟件學(xué)習(xí)的第一課上的既扎實(shí)又富有

2、樂(lè)趣，值得深究。二、學(xué)習(xí)對(duì)象分析本次授課對(duì)象是初二年級(jí)的學(xué)生，這一階段的學(xué)生正處于皮亞杰認(rèn)知發(fā)展理論的形式 運(yùn)算階段，已具備了假設(shè)-演繹思維、抽象思維和推理思維，具有一左的理解能力和分析能 力，且對(duì)計(jì)算機(jī)的學(xué)習(xí)存在濃厚的興趣.Flash軟件是他們新接觸的軟件，較為陌生，但他 們絕不缺少獲取信息，知識(shí)遷移的能力。通過(guò)前面內(nèi)容的學(xué)習(xí)，了解了動(dòng)畫(huà)的原理和發(fā)展 史，對(duì)自己動(dòng)手制作動(dòng)畫(huà)是充滿(mǎn)期待的。在這樣的情緒下，如果一打開(kāi)軟件，教師是按部 就班地開(kāi)始羅列界而的組成與各部分的功能，學(xué)生的熱情會(huì)被大打折扣，希望嘗試新的方 式來(lái)讓學(xué)生自然過(guò)渡到新軟件的學(xué)習(xí)，并依然保持積極性。三、教學(xué)目標(biāo)（一）知識(shí)與技能1.

3、 認(rèn)識(shí)Flash軟件的基本界面，學(xué)會(huì)設(shè)置Flash文檔屬性。2. 理解時(shí)間軸、庫(kù)、舞臺(tái)與幀（普通幀、關(guān)鍵幀與空白關(guān)鍵幀）等概念。3. 學(xué)會(huì)制作逐幀動(dòng)畫(huà)的步驟，掌握測(cè)試影片的方法，并能保存作品。（二）過(guò)程與方法通過(guò)學(xué)生自主嘗試、師生演示交流、范例引導(dǎo)等方法，在關(guān)鍵幀上插入不同狀態(tài)的圖片 的過(guò)程中，學(xué)會(huì)制作逐幀動(dòng)畫(huà)一般過(guò)程。（三）情感態(tài)度價(jià)值觀在作品創(chuàng)作中感受逐幀動(dòng)畫(huà)的魅力；通過(guò)欣賞不同逐幀動(dòng)畫(huà)的作品，體會(huì)動(dòng)畫(huà)的多變 與精彩，提升對(duì)動(dòng)畫(huà)制作的學(xué)習(xí)興趣。教學(xué)重點(diǎn)：逐幀動(dòng)畫(huà)的制作：解決措施：先是學(xué)生借助書(shū)本自主探究逐幀動(dòng)畫(huà)的操作過(guò)程，然后成功學(xué)生的演示與教 師的關(guān)鍵步驟的再次強(qiáng)調(diào)，最后任務(wù)小結(jié)的時(shí)候，

4、給出制作逐幀動(dòng)畫(huà)的一般流程。教學(xué)難點(diǎn)：時(shí)間軸、庫(kù)與關(guān)鍵幀的概念。解決措施：表演中，一般需要?jiǎng)”?，把時(shí)間軸比喻成劇本。把庫(kù)比喻成后臺(tái)，是演員等 待上場(chǎng)的地方。對(duì)于幀，有三種不同種類(lèi)的幀，引導(dǎo)學(xué)生觀察幀的不同形態(tài)，并區(qū)分三種幀的功能。四、整體思路本節(jié)課采用線(xiàn)索引導(dǎo)”的方式串連整巧課。通過(guò)只露岀關(guān)鍵部分的圖片，讓學(xué)生猜猜 哪個(gè)是Flash界而，進(jìn)而提問(wèn)“露岀的部分稱(chēng)為什么？ ”過(guò)渡到利用學(xué)件認(rèn)識(shí)Flash軟件的 界面環(huán)節(jié)。通過(guò)學(xué)件中隱藏的問(wèn)題來(lái)依次解決本課的重要概念，例如時(shí)間軸、幀、庫(kù)等。預(yù) 留一個(gè)暫時(shí)不解的問(wèn)題什么庫(kù)？ ”，引岀任務(wù)一，學(xué)生通過(guò)自主嘗試，在完成任務(wù)一的同 時(shí)也感受到了庫(kù)的作用。延續(xù)

5、任務(wù)一，完成一個(gè)逐幀動(dòng)畫(huà)，在這一任務(wù)環(huán)節(jié)結(jié)束的時(shí)候，再 次強(qiáng)調(diào)三種不同幀的槪念與作用，扎實(shí)基礎(chǔ)。最后通過(guò)更多素材來(lái)鞏固逐幀動(dòng)畫(huà)的制作。本節(jié)課教法以問(wèn)題引導(dǎo)、任務(wù)驅(qū)動(dòng)、討論法為主，輔以講授法、演示法等。學(xué)法以自主 探究學(xué)習(xí)為主，輔以交流、討論。五、教學(xué)過(guò)程（一）情境導(dǎo)入激發(fā)興趣展示幾個(gè)有趣的g辻動(dòng)畫(huà)，點(diǎn)明這些動(dòng)畫(huà)均是由Flash制作而成。此時(shí)學(xué)生處于只 聞?dòng)⒚?，不?jiàn)英人”的狀態(tài)，教師給出四個(gè)軟件界面的圖，但是都遮去大半部分，只露出 一小部分（圖1）,讓學(xué)生找出哪張圖是Flash的界而。學(xué)生能夠通過(guò)排除法，順利找到D 是 Flash。圖1師：同學(xué)們真厲害，蒙著臉的Flash都被你們發(fā)現(xiàn)了，今天我們

6、就揭開(kāi)它的而紗，一 起來(lái)認(rèn)識(shí)它。設(shè)計(jì)意圖：展示有趣的gif圖片，可以激發(fā)學(xué)生對(duì)Flash軟件學(xué)習(xí)的濃厚興趣，找出 四圖中的Flash界面，能夠讓學(xué)生回憶之前學(xué)過(guò)的轉(zhuǎn)件特征，分析辨別出正確答案，同時(shí) 也認(rèn)識(shí)到新軟件的獨(dú)特。這一顯霹的獨(dú)特部分也是下一環(huán)節(jié)的重要線(xiàn)索。（二）界面介紹挖掘問(wèn)題師：剛才的四幅圖展示的都是各個(gè)軟件最具特色的一部分。那么，F(xiàn)lash界而顯露的 部分叫什么名稱(chēng)？學(xué)生通過(guò)教師制作好的“界而介紹.swf”學(xué)件（圖2）來(lái)認(rèn)識(shí)軟件的界而組成。要求將 底部六個(gè)標(biāo)簽通過(guò)鼠標(biāo)拖動(dòng)的方式，放到正確的紅框區(qū)域內(nèi)（放錯(cuò)區(qū)域，標(biāo)簽自動(dòng)回原位）。圖2在界而中，還隱藏著一些隱形的開(kāi)關(guān)，需要學(xué)生通過(guò)鼠標(biāo)去

7、搜尋界而中隱藏的問(wèn)題（圖3）, 共設(shè)置了五個(gè)問(wèn)題，分別放在不同的區(qū)域，只有鼠標(biāo)經(jīng)過(guò)相應(yīng)區(qū)域時(shí)問(wèn)題才會(huì) 顯現(xiàn)。要求將所有問(wèn)題找到并記錄，在書(shū)本的幫助下嘗試獲取問(wèn)題的答案。問(wèn)題匯總：Q1、時(shí)間軸是什么？Q2、時(shí)間軸的最小單位是什么？Q3、舞臺(tái)讓你聯(lián)想到什么？Q4、屬性而板可以設(shè)置哪些屬性？Q5、庫(kù)是什么？圖3設(shè)計(jì)意圖：拋出的問(wèn)題.Flash界面霜出的部分叫什么，讓學(xué)生產(chǎn)生了疑惑，順理成 幸過(guò)渡到軟件界面的介紹。軟件界面介紹是認(rèn)識(shí)軟件的第一步，這里并未采用教師逐個(gè)講 解區(qū)域功能的方式，而是通過(guò)一個(gè)學(xué)件，學(xué)生能夠自主地去記憶。并且預(yù)留了五個(gè)重要的 問(wèn)題，這些問(wèn)題則是下一個(gè)環(huán)節(jié)的線(xiàn)索。（三）解決問(wèn)題夯實(shí)

8、基礎(chǔ)依次解決羅列的問(wèn)題，采取讓學(xué)生回答的方式。Q1：什么是時(shí)間軸？主要用于組織和控制動(dòng)畫(huà)中圖層和幀的內(nèi)容，使之隨著時(shí)間的推移而發(fā)生變化。兩個(gè)關(guān)鍵詞：圖層和幀。圖層比較好理解，類(lèi)同于Photoshop中的圖層概念，可以放 置動(dòng)畫(huà)元素。幀，是一個(gè)新概念，它是時(shí)間軸上最小的單位，同時(shí)也解決了問(wèn)題2。教師在軟件中實(shí)際操作，幫助學(xué)生理解幀。時(shí)間軸上的一小格就是一幀。并選中任一 一幀讓學(xué)生說(shuō)說(shuō)這是哪一幀。Q3：舞臺(tái)讓你聯(lián)想到什么？生：表演、演岀、演員等。師：一個(gè)完整的表演，需要有演員、舞臺(tái)和劇本。一個(gè)動(dòng)畫(huà)也一樣，需要有演員，舞 臺(tái)和劇本。在flash中演員指的就是素材，舞臺(tái)就是素材的活動(dòng)范國(guó)，劇本就等同于

9、時(shí)間 軸。時(shí)間軸的左義中說(shuō)到隨著時(shí)間的推移而發(fā)生著變化，劇本也就是隨著一幀一幀內(nèi)容的 變化，故事情節(jié)發(fā)生了變化。Q4：文檔屬性而板可以設(shè)豊哪些屬性？生：舞臺(tái)尺寸大小、背景色和幀頻。師：最后一個(gè)問(wèn)題，庫(kù)是什么？我們暫時(shí)先不解決，通過(guò)完成下面這個(gè)任務(wù)同學(xué)們就 能知道了。設(shè)計(jì)意圖：將一些關(guān)靈的知識(shí)點(diǎn)，放在問(wèn)題中，設(shè)計(jì)成是由學(xué)生發(fā)現(xiàn)的，那么他們解 決問(wèn)題的興趣與注意力會(huì)更高。最后一個(gè)問(wèn)題，便是引出下一環(huán)節(jié)的線(xiàn)索，進(jìn)入軟件操作 階段。（四）任務(wù)遞進(jìn)制作逐幀1 .教師布程操作任務(wù)1：新建一個(gè) Flash 文檔（ActionScript2.0）設(shè)置舞臺(tái)尺寸為400*300像素；設(shè)置舞臺(tái)背景色為黃色：將任務(wù)”

10、文件夾中的 花一”圖片導(dǎo)入到庫(kù)，再放到舞臺(tái)中央。（參考書(shū)本P9）。學(xué)生演示后，再講解上一環(huán)節(jié)遺留的問(wèn)題：什么是庫(kù)。庫(kù)：用來(lái)存放素材的地方，可 比喻成“后臺(tái)”。在庫(kù)中的素材，就相當(dāng)于等待上舞臺(tái)表演的演員。2.教師布巻操作任務(wù)2：試著導(dǎo)入更多小花的圖片到庫(kù)中：在第二幀、第三幀至第六幀放入不同形態(tài)的小 花，制作會(huì)搖擺的小花：生成并播放影片：Ctrl鍵+回車(chē)鍵。學(xué)生演示后，發(fā)現(xiàn)問(wèn)題：小花搖擺時(shí)位置在變化，如何讓小花固泄。學(xué)生嘗試解決此 問(wèn)題。觀看逐幀動(dòng)畫(huà)的播放后，引岀逐幀動(dòng)畫(huà)的概念。教師板書(shū)三種幀的區(qū)別（圖4）。并小 結(jié)制作逐幀動(dòng)畫(huà)的一般流程（圖5）。逐牧動(dòng)風(fēng)圖4逐傾動(dòng)回,一 偽開(kāi)2* 3步義在第二輪

11、 上右擊.插人空白SteBl迭申圖匡弟 一幀、侈庫(kù) 中因片磁 到巽臺(tái)選中第二 輔.荊庫(kù) 中圖片施 敢到竟臺(tái)圖5設(shè)計(jì)意圖：此環(huán)節(jié)設(shè)置了兩個(gè)分步任務(wù)，舟制作逐幀動(dòng)畫(huà)這一重難點(diǎn)分解開(kāi)來(lái)，通過(guò) 各種途徑來(lái)強(qiáng)化與記憶，循序漸進(jìn)地完成。（五）鞏固新知拓展提升教師布苣操作任務(wù)3：建一個(gè)Flash文檔（ActionScript2. 0）,文檔屬性默認(rèn)：從教師提供的素材中任意 選擇，制作一個(gè)逐幀動(dòng)畫(huà)；將fb文件保存，并重命名。素材如圖6t取ttfi步二pngJSzT.png猴三png蹊四png券五.png離一png證刃 I|陶為 樸“9曲舜. 卻詮金 詁實(shí)3 5續(xù)驗(yàn)歡JP9雙炳 迎卿 1E創(chuàng)pg走八.jpg 走

12、二jpg 走六g 走tjpg 走二jpg 走四jpg 注zijg 走一jpg圖6提升：發(fā)揮創(chuàng)意，完善作品，使你的劇本與眾不同。設(shè)計(jì)意圖：給學(xué)生提供更多有趣的素材進(jìn)行創(chuàng)作。旃一環(huán)節(jié)，掌握扎實(shí)的同學(xué)，在這 一部分一定可以輕松完成逐幀動(dòng)畫(huà)，教師提供更多有趣的素材，學(xué)生能夠激發(fā)出更多的創(chuàng) 造力，程度好的學(xué)生也許會(huì)用到一些工具或者是增加了新的圖層放置不同的素材，這些教 師都可以進(jìn)行事先的預(yù)設(shè)，在保證本節(jié)課重難點(diǎn)掌握的情況下，可以適當(dāng)引出這是接下來(lái) 課中會(huì)學(xué)到的，是到啟下的作用。（六）分享交流課堂小結(jié)展示不同素材呈現(xiàn)的作品，教師與學(xué)生進(jìn)行交流，分享經(jīng)驗(yàn)。最后引導(dǎo)學(xué)生從知識(shí)和 情感兩方面來(lái)說(shuō)一說(shuō)本節(jié)課的收獲

13、。設(shè)計(jì)意圖：在學(xué)生制作的過(guò)程中，教師就要關(guān)注到各層次學(xué)生所達(dá)到的水平，在最后 作品展示環(huán)節(jié)，盡可能地展示不同層次的作品，學(xué)生之間能夠互相學(xué)習(xí)與借鑒。六、反思與感悟本課是八年級(jí)下冊(cè)第一單元第二課走進(jìn)Flash，是flash軟件學(xué)習(xí)的第二課，內(nèi)容雖 多，但不難。前一課是起始課，是了解動(dòng)畫(huà)的發(fā)展與原理，是激趣。但是要上這一課不可能一點(diǎn)鋪墊都沒(méi)有就開(kāi)始軟件的操作，激趣也是不能少的。這一課的知識(shí)點(diǎn)有軟件界面的介紹、 時(shí)間軸、庫(kù)、幀、幀頻的理解和逐幀動(dòng)畫(huà)的制作等，如此多而重要的知識(shí)點(diǎn)該如何串聯(lián)起來(lái) 呢？這是我思考的問(wèn)題。通常，新的軟件界面介紹，都是老師帶著學(xué)生一個(gè)區(qū)域一個(gè)區(qū)域去 記憶，雖然易操作，卻效果欠

14、佳，在主觀上學(xué)生并不是很樂(lè)意去記憶這些劃稱(chēng)。如果能做一 個(gè)學(xué)件岀來(lái)，幫助學(xué)生去記憶豈不是很有意思。新的軟件總是有神秘感的，八年級(jí)學(xué)生已經(jīng) 學(xué)習(xí)了很多軟件，例如word、excel. Photoshop等等，如果將軟件界面霍出一部分讓學(xué)生猜 猜哪個(gè)是Flash,然后Flash露出的部分我設(shè)定為本肖課的重要內(nèi)容時(shí)間軸，那么就能順理成 章的過(guò)渡到軟件界而介紹的學(xué)習(xí)中。隨著設(shè)計(jì)的深入，學(xué)件中我又放置了一些隱藏問(wèn)題，讓 學(xué)生自己去發(fā)現(xiàn)本節(jié)課要解決的問(wèn)題，這也是主動(dòng)學(xué)習(xí)的體現(xiàn)。這些自己找到的問(wèn)題，一左 會(huì)更具有解決的動(dòng)力。一直認(rèn)為技能課上，任務(wù)的設(shè)計(jì)是最重要的。任務(wù)設(shè)計(jì)要有層次，也要有“陷阱”。那 么學(xué)生

15、在實(shí)踐過(guò)程中，入了 “陷阱”，然后試著跳岀“陷阱”，這樣的嘗試后學(xué)生獲得的成就 感才是最真實(shí)的。本仔課的任務(wù)就制作逐幀動(dòng)畫(huà)，比較明確。通過(guò)試講一點(diǎn)一點(diǎn)的修改任務(wù) 設(shè)苣的細(xì)節(jié)，要讓學(xué)生先自己去探索，有了感觸之后，教師再來(lái)歸納總結(jié)，才是自然的。一 些重要的知識(shí)點(diǎn)，在恰當(dāng)?shù)臅r(shí)候拋出來(lái)學(xué)生才能更好的理解，懂得原理。所以第一個(gè)練習(xí)任 務(wù)把知識(shí)點(diǎn)講淸楚之后，那么第二個(gè)實(shí)戰(zhàn)演練的任務(wù)，給出可以選擇的多個(gè)素材，學(xué)生完成 起來(lái)就非常順利了。我之前上課，很少板書(shū)，覺(jué)得PPT都可以呈現(xiàn)。但是這次上課前的準(zhǔn)備，我也嘗試了制 作板書(shū)，花了兩小時(shí)制作了板書(shū)，雖然覺(jué)得花時(shí)間，但是收獲的效果還是很值得的。重要的 知識(shí)點(diǎn)，教師通過(guò)板