知識點名稱:網易官網圖片縮放效果
教材版本 |
Html5+css3 |
知識點名稱 |
網易官網圖片縮放效果 |
|
專業及課程 |
計算機應用專業 H5+css3 |
視頻時長 |
5分49秒 |
|
微教案 |
設計思想 |
項目案例式,注重商業應用 |
||
|
知識點分析 |
1. transition過渡屬性的應用 2. transform2D變換屬性中scale()縮放的應用 |
||
|
學習目標 |
掌握過渡及2D變換在網頁排版中的靈活運用 |
||
|
教學方法 |
項目化實訓教學、案例教學 |
||
|
重點難點 |
Transform中scale參數的理解 |
||
|
教學過程 |
1、 案例展示,163官網圖片縮放的展示 2、 案例知識點剖析: a) transition過渡屬性的應用 b) transform2D變換屬性中scale()縮放的應用 3、 學生上機實訓,互動式教學 4、 教師指導,學生上臺展示 |
||
微反思 |
注重學生實踐能力的培養,流行實用案例的實操講解,為學生將來的就業做準備。 |