《飄揚的旗幟——體驗Flash交互動畫》教學設計

沈妹紅

設計思想

本節課是江蘇科學技術出版社八年級信息技術第一章《設計與制作動畫》第4節的內容。通過前面三節內容的學習，學生已經掌握了動畫的基本原理、元件、補間、層等基礎知識，本節課在此基礎上學習制作交互動畫，用簡單的代碼讓學生感受與計算機動畫交互的魅力，提升Flash軟件的操作技能。

本節教學內容分為關鍵幀中的代碼和按鈕中的代碼兩部分，以70周年國慶閱兵式活動導入，通過升旗儀式引出主題——制作升國旗動畫，利用“國旗上升后能停止嗎？”“國旗能用按鈕控制上升嗎？”這兩個問題，讓學生學習“關鍵幀中添加代碼”和“按鈕中添加代碼”，初步認識“代碼”在Flash交互動畫中的使用。接著，設置提高任務讓學生自主探究學習，制作三個按鈕控制三面旗幟上升的動畫，熟練添加“代碼”的操作，理解“代碼”在Flash交互動畫中的關鍵作用。最后，交流、總結Flash動畫“交互”的內涵。

學生分析

本節課的教學對象是初二年級的學生，他們正處于身心急劇變化的關鍵時期，向往獨立，但也樂于交流。學生熟悉信息技術課程，通過前期學習，已經掌握Flash動畫基礎知識與基本技能，了解元件、層、補間的概念，能夠獨立制作簡單的動畫作品，為本節課的學習奠定了基礎。

教學目標

知識與技能目標：了解關鍵幀和代碼中常用的控制動畫代碼;學會在關鍵幀、按鈕中添加代碼;學會在Flash中添加按鈕;學會按鈕控制“影片剪輯”的方法;熟悉“動作面板”的使用。

過程與方法目標：本節課采用任務驅動的教學方式，設置四個層層深入的任務，學生采取自主學習、實踐操作等學習方法，復習、思考、嘗試、交流、總結，通過教師引導和指導，學習交互動畫知識。

情感態度與價值觀目標：通過制作動畫，培養學生的動手能力，激發學生學習Flash的熱情;通過完成任務，加深知識印象，增強成功體驗，提高Flash軟件技能;通過閱讀教材和使用學案，培養學生自主學習、協同合作能力;通過展示70年偉大成就，感受祖國強大，激發學生愛國情懷，提升道德修養。

教學重難點

教學重點：交互動畫的體驗、理解和制作。

教學難點：培養制作交互動畫的思維和方法。

教學流程

1.主題導入，復習舊知

師：2019年10月1號的閱兵式大家看了嗎？現在讓我們來回顧一下國慶閱兵式的升旗儀式。

學生觀看升旗儀式。

師：今天就讓我們用所學的Flash軟件制作一個升國旗的動畫，讓國旗高高飄揚，表達我們對祖國的熱愛。國旗分為旗桿和旗幟兩部分，你準備建幾個圖層？用什么補間？誰來說說你準備怎么做？

學生回憶并講述制作升國旗動畫的步驟。

師：請同學們打開桌面上的“升國旗.fla”文件，完成升國旗的動畫。

設計意圖：①讓學生分析并講述制作升國旗步驟，復習鞏固Flash動畫基礎知識。②“升國旗.fla”源文件中，已經建好“旗桿”和“旗幟”兩個圖層，并且“旗幟”圖片已經轉換為“圖形元件”放在旗桿底部，學生只需操作兩步就能完成動畫，確保每位學生都能完成，讓學生產生成就感，也能為下面的學習做好素材準備。

2.自主探究，學習“關鍵幀中的代碼”

師：放映“升國旗”動畫的時候，國旗一直在上升、下降，能不能讓國旗升到旗桿頂部后就停止呢？請大家閱讀教材第23頁“控制動畫代碼”以及第24頁“動作面板”內容，自己試一試，能否讓國旗在旗桿頂端停止。

學生自主學習教材并實踐制作。

教師請一位學生上臺演示并講解操作。

學生觀看并完成代碼的添加。

設計意圖：①教材是學生學習的重要資源，充分利用教材，讓學生自主學習并實踐操作，鍛煉學生的自主學習能力。②學生是課堂的主體，創造機會，轉換角色，讓學生做老師，提高學生的學習主動性。

師：通過學習，我們只需在第30幀關鍵幀加入“stop（）”代碼，就能讓國旗在頂端停止，除此之外還有哪些代碼呢？請同學們根據教材來連連看。（PPT展示代碼功能列表）

學生查看教材并學習控制動畫的常見代碼和功能。

設計意圖：學生完成動畫后初步意識到代碼在交互動畫中的使用，初步體驗交互動畫的樂趣，然后趁熱打鐵，進一步學習控制動畫的常見代碼。

3.演示操作，學習“按鈕中的代碼”

師：現在是放映“升國旗”動畫，國旗就自動上升，然后停止，那么能不能設置一個按鈕，讓國旗在旗桿底部待著，等需要的時候點擊按鈕，國旗再上升呢？

師：首先，國旗一直在旗桿底部待著，我們需要怎么做？

生：在“國旗”圖層第一個“關鍵幀”加入代碼“stop（）”。

師：下面先請同學們閱讀教材第P25頁“制作按鈕”和第26頁“執行代碼條件”內容，然后，根據教材來連連看。（PPT展示按鈕狀態和代碼列表）。

學生自主閱讀教材，初步了解按鈕知識。

師：（演示講解）從Flash按鈕庫里選擇一個按鈕拖入舞臺，放映影片，點擊按鈕，會看到按鈕有指針經過、彈起、按下、點擊四種狀態。選中按鈕，在“動作面板”中添加代碼“on（press）{play（）;}”。

學生觀看教師演示操作，完成按鈕控制國旗升降的動畫。

設計意圖：本環節知識內容是添加按鈕和在按鈕中加入代碼，難度有所增加，因此采用教師講授和學生教材閱讀、實踐操作的教學方法：學生瀏覽一遍教材，將按鈕狀態和代碼連線，在腦海中初步形成“按鈕知識”印象，教師通過講授演示，將知識簡潔化、明了化，學生在動畫制作練習中逐步理解并掌握按鈕的使用方法。

4.拓展提高，熟練運用關鍵幀代碼和按鈕代碼

師：同學們，空中護旗梯隊拉開了閱兵分列式的序幕，讓我們再次回顧那激動人心的時刻。

學生觀看空中護旗隊護衛黨旗、國旗、軍旗飛過天安門廣場的視頻。

師：（展示事先做好的動畫）動畫中包含三面旗幟、三個控制按鈕，同學們會做嗎？

師：（打開動畫源文件）時間軸上只有一個關鍵幀，國旗、黨旗、軍旗的升起動畫預先已經做好并分別放入各自的影片剪輯里。請同學們根據桌面上的“實踐指南”文件夾里的操作步驟，完成這個動畫，相鄰座位同學可交流探討。

學生自主探究學習，完成動畫制作。

設計意圖：本環節主要是拓展提高，學生經過前半節課的學習，已經初步了解交互動畫，并會制作簡單的關鍵幀代碼和按鈕代碼。鼓勵學生自主探究、合作學習制作動畫，思考按鈕、關鍵幀在控制動畫中的使用，熟練庫、影片剪輯、動作面板、時間軸的操作，同時加深理解代碼在交互動畫中的作用。

5.交流分享，理解“Flash交互動畫”的內涵

師：我們今天做了旗幟的動畫，從旗幟自動升降，到設置按鈕控制升降，動畫成了我們能夠控制的動畫，這就是Flash交互動畫的魅力。誰能說說交互動畫的實質是什么？可以討論后再回答。

學生交流討論，總結提煉交互動畫的內涵。

師：Flash交互動畫其實就是結合按鈕、影片剪輯等組件，通過actionscript代碼能夠實現交互的功能，有興趣的同學課后可以繼續研究制作。

設計意圖：本環節主要是回顧總結、分享交流，讓學生觀察做過的升旗動畫，從自動動畫到可控動畫，引出可控動畫其實就是互動動畫的概念，再引導學生討論，得出結論——代碼在交互動畫中起到關鍵作用，從而深刻理解Flash交互動畫的內涵。

6.展示祖國成就，激發學生愛國情懷

師：同學們，旗幟是什么？旗幟是忠誠，是信仰，是方向，是力量，是中國億萬人民心中的太陽，正是因為有了它，才有了我們現在的生活、現在的成就。讓我們一起來感受祖國70年來的偉大成就吧！（PPT展示70年偉大成就）

設計意圖：這一環節是愛國教育主題的總結，展示祖國70年偉大成就，讓學生感受祖國的強大，在為祖國自豪的同時明白現在生活的來之不易，激發學生的愛國情懷和感恩之情。

教學反思

本節課以具有愛國主義教育的閱兵式活動為素材，課堂稍顯沉靜，在觀看活動視頻、欣賞祖國成就、制作升旗動畫的過程中，學生認真專注、積極投入，愛國之情如涓涓細流在課堂中、學生間靜靜流淌。

本節課努力做到尊重學生、相信學生，設計自主探究學習和交流討論環節，培養學生的學習積極性和能動性，學生的表現足以令人驚喜。

本節課共有四個動畫制作任務，多數學生能夠操作完成，知識目標基本達成，但在第4環節制作“三個按鈕控制三面旗幟”的動畫時，還是有少數學生出現不少錯誤，如將按鈕添加到了影片剪輯里、代碼寫錯、影片剪輯實例名稱輸錯等。另外，本節課還有一些遺憾和不足之處，如在第3環節由于學生出錯率高，教師講解“按鈕代碼”演示了兩遍，在第4環節關于“影片剪輯”的內容只是一帶而過，這表明教師在時間把控和掌握學情方面還需要改進。