支架式教學法在FLASH交互動畫教學中的應用

【摘 要】本文闡述采用支架式教學法進行 Flash 交互動畫教學的方法，通過知識框架化繁為簡，使復雜的 ActionScript 語言變得讓中職生易學易懂，提高學生學習興趣。

【關鍵詞】中職信息化教學 支架式教學 交互動畫 AS動作腳本

【中圖分類號】G 【文獻標識碼】A

【文章編號】0450-9889（2017）03B-0104-02

現在是一個信息化網絡化的時代，Flash 動畫可以將音樂、聲效、動畫以及富有新意的界面融合在一起，制作出高品質的網頁動態效果，因此倍受用戶歡迎。其中交互動畫由于觀看者可以參與到動畫的控制、操作中，帶來更好的用戶體驗而更吸引人的眼球。然而，現實的問題是，交互動畫需要學習ActionScript 語言。由于中職學生英文基礎差，使得 AS 動作腳本代碼的學習成為學習交互動畫的攔路虎。為了探索這一問題，筆者在 2014 級計算機專業網絡廣告設計課程中，使用了支架式教學法進行嘗試，教學效果良好。

一、中等職業學校 Flash 交互動畫教學的現狀

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

二、教學中應該考慮的因素

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

三、教學實踐

（一）分析交互動畫效果，建立知識框架

1.分析“大眾汽車廣告”這個主題

圍繞“大眾汽車廣告”這個主題，讓他們自行分析以下問題：

（1）此廣告能達到什么效果？

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

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

（4）此知識應用在什么地方？

2.搭建知識框架

按流程圖（如圖 1）進行知識框架搭建。

知識的應用可暫時不列入知識框架中，通過學生的探究性學習，最后由學生進行知識應用總結。

經過分析，達到的效果是：隨鼠標的移動展示汽車動畫的部分或全部畫面，背景音樂通過點擊控制播放，效果分析如圖 2 所示：

所需的知識從基礎知識到 AS 知識逐級分解，由易到難。在教師引導下，學生根據課本，按“最近發展區”的要求建立知識框架，經過分析效果 1，建立如圖 3 所示的知識框架：

經過分析效果 2，建立如圖 4 所示的知識框架：

（二）進入情景，逐個突破

1.基礎案例，引入知識

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

2.提出要求，探究難點

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

（三）獨立探索，完成案例

對于中職生來說，由于他們的英文基礎薄弱，在進行效果2 知識點的學習中他們可能不太理解，此時可以讓他們獨立完成課本中的效果 1 的內容，即“隨鼠標的移動展示汽車動畫的部分或全部”。進入問題情境后，讓學生自行案例制作。在案例制作過程中，老師要估計到學生有可能遇到的問題，適當加以提示。對一些難點，可以加以引導，并通過多媒體廣播軟件適時演示解決方案。起初的引導、幫助可以多一些，以后逐漸減少，越來越多地放手讓學生自己探索，加深學生對新知識的進一步理解，培養學生獨立探索的精神。

以同樣的方法進行效果 2“點擊控制聲音的播放”中知識點的學習，即先用基礎案例，引入知識，再提出要求，探究難點，引導學生獨立探索，完成案例，讓學生在知識框架中繼續攀升。

（四）引導創新，協作學習

此時提出“還有什么動畫、音效能通過‘圖片跟隨鼠標‘遮罩跟隨鼠標和‘控制聲音的播放等方式來展現？”通過此問題，引發學生心理上的認知沖突，引導學生積極參與討論。學生會提出“探照燈”“放大鏡”“打靶”“走馬燈”等不同創作主題，此時教師應該對相關主題的技術難點進行點撥，再組織學生按團隊選擇不同的主題進行創作。

1.主題創作

分團隊創作，三人一組進行主題創作，甲負責創意，提出想要做的效果，乙負責收集所需素材，丙負責制作動畫效果，并由甲審核最終效果。

2.豐富資源庫

同一主題下，按團隊收集不同風格的素材，為低年級的同學做好資源庫的儲備。

此過程是通過后續的案例進行知識的鞏固和擴展。而對于能力特別強的團隊，可給一些教程讓他們進一步學習，如偵聽和控制鼠標的動作的編寫。老師還可進一步進行輔導，從而使學生能夠做出更加精細的動畫。

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

【作者簡介】于正寧（1972— ），女，江蘇阜寧縣人，廣西師范學院畢業，大學本科，理學學士學位，現就職于廣西機電工業學校，講師，計算機類專任教師。

（責編 盧建龍）