2020年度鄭州市中等職業學校微課教學競賽設計方案

教材版本

Html5+css3

知識點名稱

網易官網圖片縮放效果

專業及課程

計算機應用專業

  H5+css3

視頻時長

5分49秒

微教案

設計思想

項目案例式，注重商業應用

知識點分析

1. transition過渡屬性的應用

2. transform2D變換屬性中scale（）縮放的應用

學習目標

掌握過渡及2D變換在網頁排版中的靈活運用

教學方法

項目化實訓教學、案例教學

重點難點

Transform中scale參數的理解

教學過程

1、 案例展示，163官網圖片縮放的展示

2、 案例知識點剖析：

a) transition過渡屬性的應用

b) transform2D變換屬性中scale（）縮放的應用

3、 學生上機實訓，互動式教學

4、 教師指導，學生上臺展示

微反思

注重學生實踐能力的培養，流行實用案例的實操講解，為學生將來的就業做準備。