圖片輪播在網頁美化設計中的應用

龔文芳

衢州學院教師教育學院

一、課程基本情況

課程名稱：網頁設計。

課程學分：4。

課程性質：專業基礎課。

面向專業：視覺傳達設計。

教學班規模：單班。

使用教材：《Dreamweaver CS6網頁制作》，九州書源編著，清華大學出版社2015年出版。

依托泛雅教學平臺，已開展“翻轉課堂”教學實踐2輪，目前是第3輪，每輪約24學時。

二、教學改革背景和思路

“網頁設計”是我校視覺傳達設計專業的一門專業基礎課程，系統介紹網站構思規劃、整合開發設計以及維護推廣，主要培養能綜合運用網頁制作主流工具Dreamweaver、Flash、Photoshop和藝術設計制作技巧，進行網站設計和開發的專業人才。這門課程具有綜合性強、實踐性強、技術和藝術有機融合的特點。

以前，“網頁設計”在課堂教學中雖然也有教師引導分析、個性化輔導、討論交流、成果展示等環節，但從教學效果的分析看來，還存在著一些問題有待于解決。受到課堂時間的限制，教學活動還是以教師為核心，學生的主體地位不突出，課堂互動不夠，教學資源有限；課內、課外的教學體系不連貫，難以體現個性化差異；學生自主學習動力不足，在制作作品時重模仿輕創新，融會貫通能力偏弱，綜合設計創新能力不夠。這種現象是無法適應學生實踐創新能力培養的現實需求的，要充分體現出學生學習的主動性，培養出高素質應用型人才，對現有的課堂教學模式進行改革顯得很有必要。

基于此，擬在該門課程中嘗試開展“翻轉課堂”的教學，通過引入微課，在面對面課堂教學和在線學習有機組合的前提下，綜合運用傳統教學、自主探究學習、協作學習等模式開展教學，激發學生學習的積極性，讓學生主動探索，發現問題，解決問題，這種主體體驗、開放實踐性的學習活動，將有助于提高學生進行知識的融合和再創造，從而提高“網頁設計”課程的教學效果。

2015年8月，主持“基于微課的計算機多媒體制作課程混合式教學模式的改革與實踐”項目獲得浙江省課堂教學改革項目立項，正式啟動了“翻轉課堂”的教學改革。

三、“翻轉課堂”教學設計

（一）總體設計

選擇一些重要且便于開展討論的教學環節，采取“翻轉課堂”的教學組織形式，課前拋出問題、布置預學，課上自學反饋、分析討論、小組協作、教師點撥輔導難點、亮點分享、總結，課后拓展提高練習，對課程內容進行重新編排設計。具體如圖1所示。

1．課前活動

（1）教師錄制微課，注意拋出問題，激發學生的學習興趣。

（2）學生自主進行課前預學。

2．課堂活動

（1）自學反饋，師生共同分析探究問題。

（2）學生討論、分組協作探究。

（3）教師注重思路引導，進行合理點撥、輔導。

（4）成果展示交流，教師進行教學反饋及總結。

3．課后活動

拓展提高練習，分個人或小組作業。教師對每份作業都進行個性化批改點評。

（二）圖片輪播在網頁美化設計中的應用（2學時具體設計）

四、“翻轉課堂”具體實施

（一）課前

錄制微視頻，上傳到網絡教學平臺，提前布置學生進行課前預學。

（二）課堂

1．第一課時（思路點撥，從最簡單的入手）

（1）自學情況反饋：請同學們總結分析案例中圖片輪播的特點。

（2）展示示例輪播效果，以“圖片按照一定時間間隔，淡入效果循環播放”效果為例，分析關鍵步驟，并進行合理的點撥。

（3）讓同學們分小組嘗試制作，并請同學代表上來演示。

2．第二課時（層層深入，啟發式教學）

（1）如何給輪播圖片加上數字導航？

①討論得出數字導航其實就是按鈕。

②小組協作：添加示例的3個灰—紅圓形按鈕。

③教師在巡視指導的過程中，收集問題、易犯錯誤、亮點，最后進行統一的演示和總結。

（2）數字如何加亮提示以增強導航效果？

①小組協作嘗試。

②教師巡視并做出適當點撥。

③總結得出：對按鈕進行覆蓋處理可以實現數字的加亮提示。

小結：利用Flash技術制作美觀實用的圖片輪播效果的步驟和關鍵制作技巧，在轉場效果和按鈕提示上可以下功夫。

（三）課后

小組作業：為上次新書發布會首頁設計一款圖片輪播效果的Banner。

個人作業：學有余力的同學可以嘗試用Javascript代碼實現。

五、取得成效分析與體會

圖片輪播在網頁設計中是非常重要的一個內容，常規運用Javascript語句來實現圖片輪播對于大部分同學來說有難度。在這2學時“翻轉課堂”的教學過程中，首創完全可以靈活運用Flash技術，實現美觀實用的圖片輪播效果，大大地提高了學生的學習興趣和自信心。將網絡環境下的學習活動作為課堂教學的補充，實現課堂、課外的協調和優勢互補，同學們在探究問題、討論碰撞、協同操作的環節中，主動地參與了課堂，并且在不知不覺中攻克了難題，收獲科學探索精神，享受成功的喜悅。

自從對該門課程的課堂教學進行改革之后，學生的自主學習能力得到了有效的促進，每位學生都最大可能地參與到課堂教學中，課堂教學氛圍更為活躍，通過網上任務點的學習、課堂的思考和討論、小組間的協作配合、與其他組進行有益競爭等環節，最大程度地調動學生的興趣和學習積極性，發揮學生的主體作用和主觀能動性，增強設計能力。而在整個教學過程中，教師靈活運用了多種教學方法，積極啟發學生，引導他們獨立思考、分析和解決問題，也充分發揮了教師的引導作用，教學相長，收獲頗多。

作者簡介

龔文芳，衢州學院教師，碩士學位，講師職稱，研究方向為教育技術應用、多媒體藝術設計。主持浙江省高等教育課堂教學改革研究項目“基于微課的計算機多媒體制作課程混合式教學模式的改革與實踐”，完成“計算機多媒體設計課程項目教學法的研究與實踐”“高校課程通用網絡教學支持平臺的研究與構建”“協作學習模式在多媒體設計類課程中的應用研究”等多項教學改革項目的探究和實施。