網頁設計與制作教學方法

導語：網頁設計與制作教學方法一文來源于網友上傳，不代表本站觀點，若需要原創文章可咨詢客服老師，歡迎參考。

摘要:《網頁設計與制作》課程是一門高職院校計算機應用技術專業的一門專業必修課。本文先從教師和學生方面分析了現代教育模式下的高職課堂教學存在的問題，再從問題著手提出利于該課程教學的教學方法和教學策略。

關鍵詞:教學方法;教學模式;教學策略;案例

《網頁設計與制作》課程是一門集理論、設計和實踐于一體的、計算機應用技術專業的專業課程，在工具的使用和內容的設計上都更具有專業性。為了使學生掌握更扎實的基礎知識和技能，教師在教學方法的選擇上和教學策略的使用上就更具有挑戰性。

一、現代教育模式下，課程教學存在的問題

教師要有針對性的開展教育教學活動，就需要對教學中存在的問題進行詳細的分析。具體分析如下:(一)學生缺乏學習興趣高職教育機制的改革和高職招生規模的不斷擴大，使得高職學生的整體學習能力較弱，加之智能手機和網絡技術的不斷發展，學生對手機的依賴不分場合、地點和時間，教學質量不斷下降。在學習過程中，學生對計算機課程的不熟悉，又要學習繁多的、操作方法復雜的軟件，逐漸對學習失去了興趣，最終形成一種不思學習的惡性循環。(二)部分教師教學方法陳舊教育教學技術不斷發展和提高，形成了多種教學模式和方法。部分教師因自身能力的限制，仍然采用老舊的教學方式和教學策略進行教學，教學水平不高，教學質量難以提高。所以，教師要不斷學習新的教學技術，嘗試新的教學方式，以最大化實現教學質量的不斷提高。

二、《網頁設計與制作》課程教學方法

(一)模仿例題教學法。學生在開始學習《網頁設計與制作》課程時，因為對HTML文檔格式記不清楚，對專業的設計軟件使用很陌生，教師可以要求學生在學習完一兩個例題后，照著輸入代碼，并且寫上代碼注釋內容。這樣，經過一兩周的強化訓練，學生對代碼的書寫已經有了很深刻的理解，在以后的網頁設計代碼的書寫上就不會有問題了。(二)案例教學法。《網頁設計與制作》是一門操作性特強的課程，在教學中要盡力避免“填鴨式”教學。教學可以通過一些具有代表意義的例題來講解知識點。例如，在講CSS控制文本樣式時，可以先給學生展示案例效果，再分析案例中文本的效果有哪些，這些效果用已學過的知識怎么實現，有沒有更好的方法也可以實現，如果不能實現，教師可以通過操作告訴學生具體的實現方法，最后講解實現方法中屬性以及屬性值的使用方法。(三)誘導式教學法。誘導式教學法是選擇學生比較感興趣的案例或項目，提升學生的關注度，逐步提高學習進程，激發學生學習興趣的教學方法。例如，在講z-index層疊等級屬性時，教師可以事先做好幾張撲克牌背景的div層疊效果，讓學生分析怎樣實現。學生可以通過絕對定位的方法實現層疊效果，卻沒辦法實現最后實現的div在最底層顯示、最先實現的div在最上層顯示的效果，此時教師告訴學生可以用z-index屬性實現，并且在講解了z-index的使用方法后，學生恍然大悟，很快實現了最終的層疊效果。(四)任務驅動教學法。為了激發學生的學習興趣和團隊合作意識，教師可以在開學初隨機將每個班的學生按照五人一組的方式分組，要求每組選出一個負責并具有領導能力的同學做小組長，負責帶領全組同學完成一份課外作品。小組中每個組員都要分配相應的工作安排，并且要具體到人。課外作品的主題由各自小組確定，資料的收集和篩選、網頁結構的設計、顏色的搭配、網頁效果的實現，一直到最后測試成功，每一步都要分配到人，小組長做好記錄，教師隨時檢查作品進度。作品完成后，小組內部自評，再在班級里互評，教師點評，最后把各班中的優秀作品拿出來展示，教師給出最后成績作為學生的平時成績。這樣激發了學生的學習興趣，也讓那些不愛學習和不愿意學習的學生動了起來。(五)項目教學法。項目教學法通常在學生有了一定的知識積累后進行。在教學中，教師要提前準備好項目的運行效果截圖;課堂上學生以小組為單位，在小組長的帶領下分析項目，給出該項目的結構，每個結構的CSS樣式等信息;在全班共享分析結果并展開討論;教師根據學生的討論給出最終分析結果;學生在項目實現中，若有問題可以向周圍同學、小組同學或小組長尋求幫助，也可以共同解決問題，小組不能解決的問題可以求助于教師;作品完成后，小組內先自評和互評、修改，選出一兩份優秀作品在全班展示，并根據同學和老師的意見再修改;最后將修改完成的作品作為示例作品上傳到教學資源的優秀作品上。這種教學方法讓學生對學習產生了濃厚的學習興趣，也讓學生有了很強烈的成就感，教學效果也提高了許多。

三、總結

《網頁設計與制作》課程的教學方法很多，教師在課堂教學中，要不斷創新、嘗試新的教學技術和教學方法，最大程度的調動學生的學習主動性和創新能力，在提高個人教學水平的同時，培養學生自學、不斷進取的能力。

參考文獻:

［1］劉金龍，吳芝路，楊柱天，尹振東．專業基礎實踐課的教學改革探索［J］．吉林省教育學院學報，2018-10-15．

［2］郭永剛．依托教學資源庫的混合式教學模式改革———以攝影課程為例［J］．北京政法職業學院學報，2018(02)．

［3］明麗宏．項目教學法在高職“Photoshop圖形圖像處理”課程改革中的探索與研究［J］．工業和信息化教育，2017(02)．

［4］吳秋燕．Photoshop圖形圖像處理教學方法探討［J］．職業，2015(23)．

作者:趙小華 單位:咸陽職業技術學院電子信息學院