試析微課在高職網頁設計與製作課程教學中的應用論文
摘要：《網頁設計與製作》是高職院校計算機類專業學科的必修基礎課程之一，它能幫助高職生歸納整合所學過的基本知識技能，合理應用於對計算機平面設計的操作運用過程中。該文試析了當前微課在《網頁設計與製作》課程教學中的應用現狀、所存在問題和融入意義，並探討了它的實際應用過程。
關鍵詞：“高職網頁設計與製作”；微課；課程教學；存在問題；實際應用
《網頁設計與製作》課程在高職計算機類專業領域是必修課程，它的理論與實踐應用結合性強且注重基礎知識內容發揮，在實際的教學應用中對學生的基礎理論知識鞏固和實操能力培養還是很有效果的。當前伴隨新媒體時代的到來，像微課這樣的先進資訊化教學手段也融入到高職院校的該學科教育體系中，改善了教學過程與教學質量效果。
1微課在《網頁設計與製作》課程教學中的應用現狀及存在問題
微課在當前的教育領域應用廣泛，它極強的資訊處理能力與知識傳播擴充套件能力都受到各級教育體系的青睞。在高職院校的計算機類專業領域中，運用微課這一新媒體開展授課過程已經成為潮流，它深入探索了當前學科教育的教學思路與教學模式，在不斷髮展進步的同時也面臨著諸多困境。
1.1應用現狀
微課作為當前一種創新的教學手段已經被引入到高職院校當中。以學校中計算機專業領域的《網頁設計與製作》課程為例，它就首先在高職院校內部建立了教學資源平臺，營造現代化教學環境，並以微課作為切入點來推動教學改革程序，某些學校也推出了像“一師一優課、一課一名師”的教育活動。《網頁設計與製作》課程本身是具備專業性、複雜性和綜合性特徵的，它所談到的“設計”主要對應於藝術層面，而“製作”則與技術層面相對應，所以可以將其稱為是一門技術綜合藝術的複合型學科。在具體的《網頁設計與製作》操作過程中，應該將每一個知識操作點都作為微課影片來製作，即透過微課影片形式來匯入課程案例，並整合知識點，深化教學課程的系統性、規範性和完整性。
1.2存在的問題
當然，在《網頁設計與製作》課程中引入微課教學模式，它也存在一定現實問題，這些問題或來自於教學本身，也來自於學生和學校，具體來講可以總結歸納3點內容。
首先在教學方面，《網頁設計與製作》課程本身在學術性質方面存在複雜性，即它所涉及的`知識點體系規模非常龐大且複雜，可能學生在短時間內無法理解和熟練掌握這些知識點。舉例來說，它就涉及Css語言、Html語言、Dreamweaver、Photoshop軟體等等。教師在教學過程中要教會學生有關“Photoshop的影象與圖形基礎處理”技術，也要綜合多種軟體來教會學生在實際設計操作過程中的軟體應用功能轉換能力。但實際上，由於知識體系太過龐大和複雜，高職生很可能無法做到多點知識技巧兼顧，也常常會出現顧此失彼的情況。
其次在學生方面，客觀講高職生的文化與專業能力都存在嚴重的參差不齊，相比於普通高校學生有一定差距，這是我國職業教育領域所一直存在的弊端問題，難以迴避。高職生整體素質偏差，特別是基礎教育功底薄弱，沒有良好的學習習慣，在課堂學習過程中也表現出定力和認知能力不足的嚴重缺陷，這也一定程度上影響了微課在《網頁設計與製作》實際教學過程中的技術運用和作用發揮。
最後是學校方面，許多高職院校在資訊科技教學領域的應用研究並不到位，甚至還存在軟硬體及師資水平滯後問題。再一點師資力量的薄弱也影響了像微課這樣的新媒體技術在實際課程教學過程中的有效功能發揮。實際上有些教師在教學過程中根本不會利用微課技術，其所設計的教學方案還僅僅停留在課件製作表層層面，不能基於資訊科技深入教學輔助過程，無法有效發揮微課在高職院校《網頁設計與製作》課程中的實際作用，導致微課應用前景並不理想[1]。
2微課融入《網頁設計與製作》課程教學中的意義
微課融入《網頁設計與製作》課程教學具有它重要的現實意義，如果將其現實意義細分，還可分為狹義與廣義兩方面來談。
從狹義角度講，實際上《網頁設計與製作》有它一定的課程設計獨特性和傳統課堂教學侷限性，初期嘗試可能不會擁有太高的教學質量。儘管說當前高等教育中對微課的研究與應用已經全面鋪開，但微課在高職計算機專業中《網頁設計與製作》的應用幾近空白，還未有可參考的教學應用經驗，所以在高職計算機專業課堂中的《網頁設計與製作》滲透微課教學理念與方法模式，對推進該專業領域的教學改革固然是非常值得期待的有益嘗試，它既能夠為學生創設良性的學習空間，也能夠豐富教師的專業教學手段，一舉多得[2]。
從廣義角度講，微課是新型的教學模式和學習方式，它更是一種全新形式的教學資源模式。在該課程體系構建過程中，學生和教師同樣得到成長機會，這也讓整個教學過程變得更有意義。細緻來說，它存在3點現實意義。
第一，它從廣義範圍上擴大了高職院校的微課應用範圍，是對自身課程體系、資源共享機制以及校內課程安排靈活化的一種全面革新。再者，微課也實現了對傳統計算機專業學科領域的有效補充，從正面提升了學生的學習興趣與學習慾望，這讓未來微課教學常規化成為可能。
第二，它也拓展了教師的教研方式，讓教師擁有了更多可利用教學手段。基於微課的《網頁設計與製作》更加靈活多變，教師不但能夠在現場通過當堂展示來體現知識內容的開放性、實操性、廣泛性與時效性，也能夠與學生實現更多教學過程互動，提高教師本身的教學交流能力與教學互動能力，促進高職教學業務水平的提高。
第三，它滿足了學生對於學科學習的個性化需求，微課以碎片化資訊教學理念開展，它所謂學生提供的是基於不同知識點的個性化教學過程，能夠在某種程度上滿足學生的個性化學習需求，讓學生對於《網頁設計與製作》中各種知識點的掌握更加快速嫻熟。在該過程中，學生的自學能力、主動學習能力與計算機技術綜合運用能力都被培養並得以提升。再者，微課實現了對學生課堂學習內容的有效延伸，它不但能夠組織當堂教學，也能在課下組織第二課堂，這就兌現了對知識的關鍵最佳化與彌補，讓學生隨時隨地都能開始學習並享受學習體驗。綜上所述，在《網頁設計與製作》中融入微課教學模式於學校、於教師、於學生各個群體都是非常有益的，具有革新學科教育發展程序的現實意義[3]。
3微課在《網頁設計與製作》課程教學中的實際應用
基於微課教學模式的《網頁設計與製作》課程教學應該首先強調多元化元素的優先整合，例如將網頁中有關文字、圖片、文字、段落、表格等等基本元素捏合起來，然後再進行相應的教學知識點延展，配合文字、圖片、聲音和動畫素材來在網頁設計中展開應用實踐過程，在動手動腦製作過程中激發他們的設計學習興趣，促成探究式深入學習過程。
本文以《江南水鄉》的網頁設計與製作教學為例，教師先要教會學生如何建立網頁，包括對文字資訊的插入與文字內容的設定，以及表格佈局網頁的基本方法技巧，最終獨立製作完成簡單的文字網頁與網頁背景，為整個教學過程奠定基礎。如上文所述，該課程就運用到了自主探究式教學模式，教師會為學生創設情境，然後要求學生進行自主探究，在探究過程中發現新知，最後漸漸掌握知識技能，實現教學設計與應用過程的程程遞進。在該過程中，教師需要引導學生去不斷深入探究，並輔助他們發現問題，同時尋求問題解決的有效途徑。
3.1知識提取
在《網頁設計與製作》這一課中，對《江南水鄉》的內容設計之前要進行相關知識要點梳理和提取，提取那些典型的、適合於微課開發的重要知識點。在教學環節，教師要為學生創設情境，激發他們瞭解江南水鄉的學習興趣，透過播放多媒體課件（約3分鐘）來讓學生了解江南風光的同時，也明確該微課設計指令碼中所涉及的關鍵知識內容，例如許多文人墨客在江南美景下所勾勒的繪畫、所創作的詩篇等等，先從人文角度讓學生總結歸納關鍵知識內容，進一步瞭解江南。
第二步，教師要為學生引入與網頁製作相關的更多網頁頁面設計理論知識，比如對江南水鄉素材的選擇、文字資訊與圖片資訊的提取與展示、影片音訊檔案的使用、包括動畫素材的點綴等等。教師要在知識提取過程中教會學生如何將如此之多的媒體資訊資源都插入到網頁中，促成網頁設計與製作過程。舉例來說，像圖片插入，它就包含了選單插入法、程式碼以及快捷鍵（Ctrl+Alt+I），教師要讓學生去逐一探究這些圖片插入方法，並能夠靈活運用於實際操作過程當中。同理，插入音樂與插入flash動畫也要基於該探究式教學方法來引導學生循序漸進，最終達成知識提取目標，讓學生明確自己所學習的知識內容。上述知識提取是基於需求分析與任務驅動來展開的，它們對於學生深入學習《網頁設計與製作》具有關鍵意義。
3.2教學過程設計
該教學過程設計的重點在於如何正確插入圖片、影片音訊檔案，並瞭解該插入設計方法的基本功能屬性，特別是在插入flash動畫的透明屬性設定。另外，教師也要教授學生更多元素的插入方法及相應屬性，並教會他們如何表格佈局，將網頁設計得更美觀，並能夠靈活運用這些網頁設計製作技巧。
在實際的教學過程設計中，教師會首先個創設情境，引入本課的主要教學內容，即《江南水鄉》的網頁設計與製作，為學生列出微課學習任務列表，為學生播放微課內容。微課播放完畢後，教師就會再次引導學生思考各類網頁設計與製作過程中的重要元素及它們的使用方法，提出問題任務，讓學生或獨立或小組合作完成任務，快速推進教學程序。
3.3教學總結
最後教師要進行教學點評總結，先要展示學生的《江南水鄉》網頁設計製作成品，並要求學生進行作品彙報，隨後由師生共同討論評價該作品中的優缺點。在彙報總結過程中，製作者也應該總結自己在設計製作過程中所遇到的各種問題，與大家共同分享製作過程經驗與難點，這樣更能提高師生對自身作品的關注度，並在總結評價過程中總結經驗教訓，為下一次更好的作品設計製作奠定經驗基礎。
將微課引入高職網頁設計與製作課程就是希望利用它資訊碎片化的知識點推廣應用特色來鍛鍊學生對知識點的快速掌握與提煉運用能力，轉變他們傳統的計算機專業課程學習方式，為他們營造基於新媒體環境的新學習空間環境並創新學習手段，實現對整個學科教育體系的全面革新。
參考文獻：
[1] 趙永紅.高職院校微課教學策略探究[J].中小企業管理與科技，2014（5）：263-264，265.
[2] 吳穎，沈晶.微課、翻轉課堂在高職院校資訊化教學中的實證比較研究——以網店視覺設計專案課程為例[J].職教論壇，2016（17）：71-74.
[3] 趙佩華.高職院校微課教學探析[J].常州資訊職業技術學院學報，2014，13（1）：27-29.