【摘 要】本文闡述采用支架式教學(xué)法進(jìn)行 Flash 交互動(dòng)畫(huà)教學(xué)的方法，通過(guò)知識(shí)框架化繁為簡(jiǎn)，使復(fù)雜的 ActionScript 語(yǔ)言變得讓中職生易學(xué)易懂，提高學(xué)生學(xué)習(xí)興趣。

【關(guān)鍵詞】中職信息化教學(xué) 支架式教學(xué) 交互動(dòng)畫(huà) AS動(dòng)作腳本

【中圖分類(lèi)號(hào)】G 【文獻(xiàn)標(biāo)識(shí)碼】A

【文章編號(hào)】0450-9889（2017）03B-0104-02

現(xiàn)在是一個(gè)信息化網(wǎng)絡(luò)化的時(shí)代，F(xiàn)lash 動(dòng)畫(huà)可以將音樂(lè)、聲效、動(dòng)畫(huà)以及富有新意的界面融合在一起，制作出高品質(zhì)的網(wǎng)頁(yè)動(dòng)態(tài)效果，因此倍受用戶(hù)歡迎。其中交互動(dòng)畫(huà)由于觀看者可以參與到動(dòng)畫(huà)的控制、操作中，帶來(lái)更好的用戶(hù)體驗(yàn)而更吸引人的眼球。然而，現(xiàn)實(shí)的問(wèn)題是，交互動(dòng)畫(huà)需要學(xué)習(xí)ActionScript 語(yǔ)言。由于中職學(xué)生英文基礎(chǔ)差，使得 AS 動(dòng)作腳本代碼的學(xué)習(xí)成為學(xué)習(xí)交互動(dòng)畫(huà)的攔路虎。為了探索這一問(wèn)題，筆者在 2014 級(jí)計(jì)算機(jī)專(zhuān)業(yè)網(wǎng)絡(luò)廣告設(shè)計(jì)課程中，使用了支架式教學(xué)法進(jìn)行嘗試，教學(xué)效果良好。

一、中等職業(yè)學(xué)校 Flash 交互動(dòng)畫(huà)教學(xué)的現(xiàn)狀

目前不少教材中 Flash 交互動(dòng)畫(huà)代碼多且繁瑣，對(duì)ActionScript（以下簡(jiǎn)稱(chēng) AS）代碼的的解釋也相對(duì)簡(jiǎn)單。本校使用高等教育出版社出版的由潘尚仕主編的《網(wǎng)絡(luò)廣告設(shè)計(jì)與制作》作為教材，本文以課本《第四章互動(dòng)廣告設(shè)計(jì)》中的“大眾汽車(chē)廣告實(shí)例制作”為例進(jìn)行講解。在本案例中，使用 AS 代碼 42 條，僅對(duì)舞臺(tái)上的對(duì)象和參數(shù)進(jìn)行初始化就使用了 7 條 AS 代碼，其中還涉及類(lèi)庫(kù)定義、定義位置、可見(jiàn)性、數(shù)據(jù)類(lèi)型等知識(shí)。由于目前中職學(xué)生入學(xué)時(shí)零門(mén)坎，英文基礎(chǔ)薄弱，如 2014級(jí)計(jì)算機(jī) 1 班，全班 51 人，第一學(xué)期英語(yǔ)期考補(bǔ)考人數(shù)就達(dá)到 20 人，因此，學(xué)生面對(duì)大量的英文指令，覺(jué)得無(wú)從下手，更有同學(xué)看了課本中此案例的兩頁(yè) AS 代碼后對(duì)老師說(shuō)：“老師，這兩頁(yè)英文，打死我們都學(xué)不會(huì)，我們不學(xué)了！”學(xué)生對(duì)繁復(fù)的 AS 語(yǔ)言無(wú)法理解，這造成的情況是在做此類(lèi)案例時(shí)，往往是學(xué)生按照課本把代碼輸入，只要做出效果就算完成案例，結(jié)果是作業(yè)做完了卻什么都不會(huì)。

二、教學(xué)中應(yīng)該考慮的因素

在交互動(dòng)畫(huà)廣告的學(xué)習(xí)中，根據(jù)學(xué)生反映，教材中部分案例代碼太復(fù)雜，不易掌握。筆者針對(duì)中職學(xué)生英文底子薄，耐心不足的特點(diǎn)，使用支架式教學(xué)對(duì)該案例的學(xué)習(xí)進(jìn)行了探索。支架式教學(xué)法是基于建構(gòu)主義學(xué)習(xí)理論提出的教學(xué)法，這種教學(xué)法的好處是能為學(xué)生的學(xué)習(xí)提供適當(dāng)?shù)?、小步調(diào)的線索或提示（支架），讓學(xué)生逐漸掌握所要學(xué)習(xí)的知識(shí)，提高學(xué)生解決問(wèn)題的能力，成長(zhǎng)為一個(gè)獨(dú)立的學(xué)習(xí)者。在此案例中筆者按照案例所要達(dá)到的效果來(lái)構(gòu)建知識(shí)框架——“支架”。知識(shí)框架的建立為學(xué)生指明了學(xué)習(xí)方向，使學(xué)生明確學(xué)習(xí)的重點(diǎn)，并可根據(jù)框架進(jìn)行學(xué)習(xí)。由于知識(shí)框架中每一個(gè)小的點(diǎn)的難度不大，能夠很容易達(dá)到所需要的效果，有利于提高學(xué)生興趣。小步快走，逐步攀升，學(xué)生通過(guò)這些支架一步一步發(fā)現(xiàn)和解決學(xué)習(xí)中的問(wèn)題，同時(shí)，也有利于教師根據(jù)學(xué)生的不同基礎(chǔ)進(jìn)行分層次教學(xué)。對(duì)于基礎(chǔ)較差的同學(xué)，只要求他們能夠?qū)W會(huì)理解所學(xué)的知識(shí)的概念及簡(jiǎn)單使用，對(duì)于理解能力強(qiáng)的同學(xué)，可以通過(guò)提出問(wèn)題，讓他們自行探索知識(shí)的應(yīng)用。

三、教學(xué)實(shí)踐

（一）分析交互動(dòng)畫(huà)效果，建立知識(shí)框架

1.分析“大眾汽車(chē)廣告”這個(gè)主題

圍繞“大眾汽車(chē)廣告”這個(gè)主題，讓他們自行分析以下問(wèn)題：

（1）此廣告能達(dá)到什么效果？

（2）制作此效果所需要什么知識(shí)？

（3）知識(shí)中最重要的概念是什么？

（4）此知識(shí)應(yīng)用在什么地方？

2.搭建知識(shí)框架

按流程圖（如圖 1）進(jìn)行知識(shí)框架搭建。

知識(shí)的應(yīng)用可暫時(shí)不列入知識(shí)框架中，通過(guò)學(xué)生的探究性學(xué)習(xí)，最后由學(xué)生進(jìn)行知識(shí)應(yīng)用總結(jié)。

經(jīng)過(guò)分析，達(dá)到的效果是：隨鼠標(biāo)的移動(dòng)展示汽車(chē)動(dòng)畫(huà)的部分或全部畫(huà)面，背景音樂(lè)通過(guò)點(diǎn)擊控制播放，效果分析如圖 2 所示：

所需的知識(shí)從基礎(chǔ)知識(shí)到 AS 知識(shí)逐級(jí)分解，由易到難。在教師引導(dǎo)下，學(xué)生根據(jù)課本，按“最近發(fā)展區(qū)”的要求建立知識(shí)框架，經(jīng)過(guò)分析效果 1，建立如圖 3 所示的知識(shí)框架：

經(jīng)過(guò)分析效果 2，建立如圖 4 所示的知識(shí)框架：

（二）進(jìn)入情景，逐個(gè)突破

1.基礎(chǔ)案例，引入知識(shí)

知識(shí)框架搭成以后，教師需要針對(duì)一些基礎(chǔ)知識(shí)，設(shè)計(jì)一個(gè)好的案例，以此引入講授基礎(chǔ)知識(shí)。有了一個(gè)易于理解，容易上手的案例，能極大地激發(fā)學(xué)生的學(xué)習(xí)興趣。而興趣是最好的老師，也是學(xué)生探究式學(xué)習(xí)的關(guān)鍵。本案例筆者先使用圖案字復(fù)習(xí)遮罩中遮罩層與被遮罩層的概念，并提示：制作遮罩，一定要弄清楚遮罩層與被遮罩層的關(guān)系，即遮罩層是一個(gè)透光的孔，被遮罩層則是需要查看的內(nèi)容，通過(guò)遮罩層的形狀查看被遮罩層的內(nèi)容。使用 AS 代碼制作遮罩時(shí)，要注意將遮罩層與被遮罩層轉(zhuǎn)換為元件，并分別為它們起名字，這個(gè)名字叫做“實(shí)例名”?？墒褂脤?shí)例的遮罩屬性（.mask）實(shí)現(xiàn)遮罩效果。例如在圖案字中，將圖片轉(zhuǎn)換為元件后，為它起一個(gè)實(shí)例名為“tu”的名字；輸入文字并轉(zhuǎn)換為元件后，為它起一個(gè)實(shí)例名為“zi”，使用行為窗口，在幀上寫(xiě)出語(yǔ)句“tu.Mask=zi；”，它的意思是：tu（圖）的mask（遮罩）是zi（字），即可用 AS 實(shí)現(xiàn)遮罩效果。此時(shí)，學(xué)習(xí)了知識(shí)框架中知識(shí)點(diǎn) 1 （遮罩使用）中的“遮罩層與被遮罩層”和知識(shí)點(diǎn) 1 進(jìn)階（用 AS 代碼控制遮罩）中的“AS添加遮罩效果”。由于只有一句簡(jiǎn)單而又易于理解的 AS 語(yǔ)句，學(xué)生很容易制作出圖案字，又由于可以按不同的圖片發(fā)揮自己的創(chuàng)意，學(xué)生不會(huì)覺(jué)得 AS 很復(fù)雜，從而提高了學(xué)習(xí)興趣。

2.提出要求，探究難點(diǎn)

老師提示并講解“.startDrag（ ）”屬性，在學(xué)生學(xué)會(huì)基礎(chǔ)案例“圖案字”的基礎(chǔ)上，分別展示“字動(dòng)圖不動(dòng)”和“圖動(dòng)字不動(dòng)”兩種案例的效果，要求學(xué)生探究使用 AS 代碼制作文字跟隨鼠標(biāo)運(yùn)動(dòng)效果。同時(shí)，在探究過(guò)程中，教師適當(dāng)?shù)剡M(jìn)行提示：“想一想，是什么跟隨鼠標(biāo)在運(yùn)動(dòng)？”“如果需要文字在鼠標(biāo)的中心運(yùn)動(dòng)，應(yīng)該設(shè)置什么？”幫助學(xué)生沿知識(shí)框架攀升。然后讓先做出來(lái)的學(xué)生當(dāng)“小老師”演示制作方法。這樣做，一方面提高“小老師”的成就感；另一方面，讓學(xué)生在“小老師”寬松、愉悅的教學(xué)氛圍中，促使其思維活躍、發(fā)言積極。對(duì)操作中遇到的問(wèn)題，讓學(xué)生在小組互助學(xué)習(xí)中解決。這樣通過(guò)探究，讓學(xué)生進(jìn)一步學(xué)習(xí)知識(shí)框架中知識(shí)點(diǎn) 1 （遮罩使用）中的“效果分析”和知識(shí)點(diǎn) 1 進(jìn)階（用 AS 代碼控制遮罩）中的“圖片跟隨鼠標(biāo)”“遮罩跟隨鼠標(biāo)”等。

（三）獨(dú)立探索，完成案例

對(duì)于中職生來(lái)說(shuō)，由于他們的英文基礎(chǔ)薄弱，在進(jìn)行效果2 知識(shí)點(diǎn)的學(xué)習(xí)中他們可能不太理解，此時(shí)可以讓他們獨(dú)立完成課本中的效果 1 的內(nèi)容，即“隨鼠標(biāo)的移動(dòng)展示汽車(chē)動(dòng)畫(huà)的部分或全部”。進(jìn)入問(wèn)題情境后，讓學(xué)生自行案例制作。在案例制作過(guò)程中，老師要估計(jì)到學(xué)生有可能遇到的問(wèn)題，適當(dāng)加以提示。對(duì)一些難點(diǎn)，可以加以引導(dǎo)，并通過(guò)多媒體廣播軟件適時(shí)演示解決方案。起初的引導(dǎo)、幫助可以多一些，以后逐漸減少，越來(lái)越多地放手讓學(xué)生自己探索，加深學(xué)生對(duì)新知識(shí)的進(jìn)一步理解，培養(yǎng)學(xué)生獨(dú)立探索的精神。

以同樣的方法進(jìn)行效果 2“點(diǎn)擊控制聲音的播放”中知識(shí)點(diǎn)的學(xué)習(xí)，即先用基礎(chǔ)案例，引入知識(shí)，再提出要求，探究難點(diǎn)，引導(dǎo)學(xué)生獨(dú)立探索，完成案例，讓學(xué)生在知識(shí)框架中繼續(xù)攀升。

（四）引導(dǎo)創(chuàng)新，協(xié)作學(xué)習(xí)

此時(shí)提出“還有什么動(dòng)畫(huà)、音效能通過(guò)‘圖片跟隨鼠標(biāo)‘遮罩跟隨鼠標(biāo)和‘控制聲音的播放等方式來(lái)展現(xiàn)？”通過(guò)此問(wèn)題，引發(fā)學(xué)生心理上的認(rèn)知沖突，引導(dǎo)學(xué)生積極參與討論。學(xué)生會(huì)提出“探照燈”“放大鏡”“打靶”“走馬燈”等不同創(chuàng)作主題，此時(shí)教師應(yīng)該對(duì)相關(guān)主題的技術(shù)難點(diǎn)進(jìn)行點(diǎn)撥，再組織學(xué)生按團(tuán)隊(duì)選擇不同的主題進(jìn)行創(chuàng)作。

1.主題創(chuàng)作

分團(tuán)隊(duì)創(chuàng)作，三人一組進(jìn)行主題創(chuàng)作，甲負(fù)責(zé)創(chuàng)意，提出想要做的效果，乙負(fù)責(zé)收集所需素材，丙負(fù)責(zé)制作動(dòng)畫(huà)效果，并由甲審核最終效果。

2.豐富資源庫(kù)

同一主題下，按團(tuán)隊(duì)收集不同風(fēng)格的素材，為低年級(jí)的同學(xué)做好資源庫(kù)的儲(chǔ)備。

此過(guò)程是通過(guò)后續(xù)的案例進(jìn)行知識(shí)的鞏固和擴(kuò)展。而對(duì)于能力特別強(qiáng)的團(tuán)隊(duì)，可給一些教程讓他們進(jìn)一步學(xué)習(xí)，如偵聽(tīng)和控制鼠標(biāo)的動(dòng)作的編寫(xiě)。老師還可進(jìn)一步進(jìn)行輔導(dǎo)，從而使學(xué)生能夠做出更加精細(xì)的動(dòng)畫(huà)。

使用支架式教學(xué)法學(xué)習(xí) Flash 交互動(dòng)畫(huà)是可行的，效果是顯著的。通過(guò)這種教學(xué)法，學(xué)生在探究中學(xué)習(xí)，在思考中攀升，學(xué)習(xí)積極性得到極大地提高。不但培養(yǎng)了學(xué)生的邏輯思維能力，而且使其創(chuàng)新能力得到一定的提高。

【作者簡(jiǎn)介】于正寧（1972— ），女，江蘇阜寧縣人，廣西師范學(xué)院畢業(yè)，大學(xué)本科，理學(xué)學(xué)士學(xué)位，現(xiàn)就職于廣西機(jī)電工業(yè)學(xué)校，講師，計(jì)算機(jī)類(lèi)專(zhuān)任教師。

（責(zé)編 盧建龍）