網頁設計與制作動

畫animation：namedurationtiming-functiondelay信息工程學院

2022.6目錄CONTENTS課標分析1教材分析2學情分析3教學策略4教學過程51課標分析課標分析地位作用教學目標課程理念Part1重要的專業核心課程；HTML和CSS是網頁設計技術的核心和基礎，不可或缺。animation動畫應用十分廣泛。課程地位Part2實現網頁設計與制作的必備基礎知識；CSS技術可以使網頁更加美觀；CSS3中的animation動畫的加入會讓程序員制作出更加炫酷的網頁效果。課程作用課標分析作用地位課程理念教學目標Part1重要的專業核心課程；HTML和CSS是網頁設計技術的核心和基礎不可或缺。animation動畫應用十分廣泛。課程地位Part2實現網頁設計與制作的必備基礎知識；CSS技術可以使網頁更加美觀；CSS3中的animation動畫的加入會讓程序員制作出更加炫酷的網頁效果。課程作用課標分析教學目標地位作用課程理念知識目標會寫動畫屬性的設置方式；能夠說出使用動畫的兩個方面；能夠指出“過渡”與“動畫”的區別。課標分析教學目標地位作用課程理念技能目標學會正確、合理地運用CSS3技術，為網頁增添動畫效果。了解讓技術服務于內容的原則。

課標分析教學目標地位作用課程理念素質目標培養學生獨立思考、動手實踐的能力

；培養學生自主探究、協作學習的能力；培養學生的審美情趣。

課標分析課程理念

以能力培養為重點；培養學生職業能力；培養學生職業生涯發展所需能力；培養學生終身學習的能力。一站式教學地位作用教學目標2教材分析教材分析“動畫”“十四五”應用技術型人才培養規劃教材；CSS3新增高級屬性；增加網頁絢麗效果；網頁應用十分廣泛。3學情分析學情分析中職二年級學生學習對象好奇心強、思維活躍、富有創造力、愿意接受新知識。特點英語基礎差、邏輯思維能力稍有欠缺。不足重

點難

點拓

展重難點動畫屬性的應用；動畫參數的設置。動畫參數的設置。分步動畫的設置。4教學策略任務驅動法教學策略自主探究小組合作案例演示法啟發式討論法5教學過程時間內容提要方法與手段課前發布預習任務自主探究學習5min導入：什么是動畫？（思政）提示與啟發5min探索：瀏覽網頁動畫代碼舉例、提示、歸納10min新知：動畫的語法及要點講解、類比15min練習鞏固與評價展示啟發式教學與互動、討論5min拓展：網頁中的動畫（思政）案例教學5min歸納總結與作業布置歸納時間分配課前預習“動畫”預習“動畫”內容參考給出的素材，完成一個網頁動畫。預習成果學生分享遇到的問題案例導入導入探索新知Part1Part2Part3要點講解定義動畫使用動畫。動畫的使用方法動畫的參數設置使用動畫的注意事項鞏固練習練習&討論組內分析任務；代碼實現。

評價展示

組間協助；教師輔導；推優分享。評價92%單詞出錯，代碼不實現沒有調用動畫拓展歸納總結&作業布置動畫010203動畫的概念知識點1動畫的使用（重點）知識點2動畫參數的設置（重難點）知識點3思維導圖作業提示：加入精靈圖技術存在問題和不足改進問題問題學生個體差異問題改進表達方式：生動、易懂；加強輔導。反思對課程節奏把控不精細問題教學反思板書設計CSS3animation動畫1、動畫的兩要素

定義動畫4、動畫與過渡的區別與聯系

使用動畫5、注意事項：動畫不使