淺析《網(wǎng)頁設(shè)計(jì)與制作》課程的教學(xué)方法

摘要：《網(wǎng)頁設(shè)計(jì)與制作》課程是一門高職院校計(jì)算機(jī)應(yīng)用技術(shù)專業(yè)的一門專業(yè)必修課。本文先從教師和學(xué)生方面分析了現(xiàn)代教育模式下的高職課堂教學(xué)存在的問題，再從問題著手提出利于該課程教學(xué)的教學(xué)方法和教學(xué)策略。

關(guān)鍵詞：教學(xué)方法；教學(xué)模式；教學(xué)策略；案例

《網(wǎng)頁設(shè)計(jì)與制作》課程是一門集理論、設(shè)計(jì)和實(shí)踐于一體的、計(jì)算機(jī)應(yīng)用技術(shù)專業(yè)的專業(yè)課程，在工具的使用和內(nèi)容的設(shè)計(jì)上都更具有專業(yè)性。為了使學(xué)生掌握更扎實(shí)的基礎(chǔ)知識和技能，教師在教學(xué)方法的選擇上和教學(xué)策略的使用上就更具有挑戰(zhàn)性。

一、現(xiàn)代教育模式下，課程教學(xué)存在的問題

教師要有針對性的開展教育教學(xué)活動(dòng)，就需要對教學(xué)中存在的問題進(jìn)行詳細(xì)的分析。具體分析如下：

（一）學(xué)生缺乏學(xué)習(xí)興趣

高職教育機(jī)制的改革和高職招生規(guī)模的不斷擴(kuò)大，使得高職學(xué)生的整體學(xué)習(xí)能力較弱，加之智能手機(jī)和網(wǎng)絡(luò)技術(shù)的不斷發(fā)展，學(xué)生對手機(jī)的依賴不分場合、地點(diǎn)和時(shí)間，教學(xué)質(zhì)量不斷下降。在學(xué)習(xí)過程中，學(xué)生對計(jì)算機(jī)課程的不熟悉，又要學(xué)習(xí)繁多的、操作方法復(fù)雜的軟件，逐漸對學(xué)習(xí)失去了興趣，最終形成一種不思學(xué)習(xí)的惡性循環(huán)。

（二）部分教師教學(xué)方法陳舊

教育教學(xué)技術(shù)不斷發(fā)展和提高，形成了多種教學(xué)模式和方法。部分教師因自身能力的限制，仍然采用老舊的教學(xué)方式和教學(xué)策略進(jìn)行教學(xué)，教學(xué)水平不高，教學(xué)質(zhì)量難以提高。所以，教師要不斷學(xué)習(xí)新的教學(xué)技術(shù)，嘗試新的教學(xué)方式，以最大化實(shí)現(xiàn)教學(xué)質(zhì)量的不斷提高。

二、《網(wǎng)頁設(shè)計(jì)與制作》課程教學(xué)方法

（一）模仿例題教學(xué)法

學(xué)生在開始學(xué)習(xí)《網(wǎng)頁設(shè)計(jì)與制作》課程時(shí)，因?yàn)閷TML文檔格式記不清楚，對專業(yè)的設(shè)計(jì)軟件使用很陌生，教師可以要求學(xué)生在學(xué)習(xí)完一兩個(gè)例題后，照著輸入代碼，并且寫上代碼注釋內(nèi)容。這樣，經(jīng)過一兩周的強(qiáng)化訓(xùn)練，學(xué)生對代碼的書寫已經(jīng)有了很深刻的理解，在以后的網(wǎng)頁設(shè)計(jì)代碼的書寫上就不會(huì)有問題了。

（二）案例教學(xué)法

《網(wǎng)頁設(shè)計(jì)與制作》是一門操作性特強(qiáng)的課程，在教學(xué)中要盡力避免“填鴨式”教學(xué)。教學(xué)可以通過一些具有代表意義的例題來講解知識點(diǎn)。

例如，在講CSS控制文本樣式時(shí)，可以先給學(xué)生展示案例效果，再分析案例中文本的效果有哪些，這些效果用已學(xué)過的知識怎么實(shí)現(xiàn)，有沒有更好的方法也可以實(shí)現(xiàn)，如果不能實(shí)現(xiàn)，教師可以通過操作告訴學(xué)生具體的實(shí)現(xiàn)方法，最后講解實(shí)現(xiàn)方法中屬性以及屬性值的使用方法。

（三）誘導(dǎo)式教學(xué)法

誘導(dǎo)式教學(xué)法是選擇學(xué)生比較感興趣的案例或項(xiàng)目，提升學(xué)生的關(guān)注度，逐步提高學(xué)習(xí)進(jìn)程，激發(fā)學(xué)生學(xué)習(xí)興趣的教學(xué)方法。

例如，在講zindex層疊等級屬性時(shí)，教師可以事先做好幾張撲克牌背景的div層疊效果，讓學(xué)生分析怎樣實(shí)現(xiàn)。學(xué)生可以通過絕對定位的方法實(shí)現(xiàn)層疊效果，卻沒辦法實(shí)現(xiàn)最后實(shí)現(xiàn)的div在最底層顯示、最先實(shí)現(xiàn)的div在最上層顯示的效果，此時(shí)教師告訴學(xué)生可以用zindex屬性實(shí)現(xiàn)，并且在講解了zindex的使用方法后，學(xué)生恍然大悟，很快實(shí)現(xiàn)了最終的層疊效果。

（四）任務(wù)驅(qū)動(dòng)教學(xué)法

為了激發(fā)學(xué)生的學(xué)習(xí)興趣和團(tuán)隊(duì)合作意識，教師可以在開學(xué)初隨機(jī)將每個(gè)班的學(xué)生按照五人一組的方式分組，要求每組選出一個(gè)負(fù)責(zé)并具有領(lǐng)導(dǎo)能力的同學(xué)做小組長，負(fù)責(zé)帶領(lǐng)全組同學(xué)完成一份課外作品。小組中每個(gè)組員都要分配相應(yīng)的工作安排，并且要具體到人。課外作品的主題由各自小組確定，資料的收集和篩選、網(wǎng)頁結(jié)構(gòu)的設(shè)計(jì)、顏色的搭配、網(wǎng)頁效果的實(shí)現(xiàn)，一直到最后測試成功，每一步都要分配到人，小組長做好記錄，教師隨時(shí)檢查作品進(jìn)度。作品完成后，小組內(nèi)部自評，再在班級里互評，教師點(diǎn)評，最后把各班中的優(yōu)秀作品拿出來展示，教師給出最后成績作為學(xué)生的平時(shí)成績。這樣激發(fā)了學(xué)生的學(xué)習(xí)興趣，也讓那些不愛學(xué)習(xí)和不愿意學(xué)習(xí)的學(xué)生動(dòng)了起來。

（五）項(xiàng)目教學(xué)法

項(xiàng)目教學(xué)法通常在學(xué)生有了一定的知識積累后進(jìn)行。在教學(xué)中，教師要提前準(zhǔn)備好項(xiàng)目的運(yùn)行效果截圖；課堂上學(xué)生以小組為單位，在小組長的帶領(lǐng)下分析項(xiàng)目，給出該項(xiàng)目的結(jié)構(gòu)，每個(gè)結(jié)構(gòu)的CSS樣式等信息；在全班共享分析結(jié)果并展開討論；教師根據(jù)學(xué)生的討論給出最終分析結(jié)果；學(xué)生在項(xiàng)目實(shí)現(xiàn)中，若有問題可以向周圍同學(xué)、小組同學(xué)或小組長尋求幫助，也可以共同解決問題，小組不能解決的問題可以求助于教師；作品完成后，小組內(nèi)先自評和互評、修改，選出一兩份優(yōu)秀作品在全班展示，并根據(jù)同學(xué)和老師的意見再修改；最后將修改完成的作品作為示例作品上傳到教學(xué)資源的優(yōu)秀作品上。

這種教學(xué)方法讓學(xué)生對學(xué)習(xí)產(chǎn)生了濃厚的學(xué)習(xí)興趣，也讓學(xué)生有了很強(qiáng)烈的成就感，教學(xué)效果也提高了許多。

三、總結(jié)

《網(wǎng)頁設(shè)計(jì)與制作》課程的教學(xué)方法很多，教師在課堂教學(xué)中，要不斷創(chuàng)新、嘗試新的教學(xué)技術(shù)和教學(xué)方法，最大程度的調(diào)動(dòng)學(xué)生的學(xué)習(xí)主動(dòng)性和創(chuàng)新能力，在提高個(gè)人教學(xué)水平的同時(shí)，培養(yǎng)學(xué)生自學(xué)、不斷進(jìn)取的能力。

參考文獻(xiàn)：

[1]劉金龍，吳芝路，楊柱天，尹振東.專業(yè)基礎(chǔ)實(shí)踐課的教學(xué)改革探索[J].吉林省教育學(xué)院學(xué)報(bào)，20181015.

[2]郭永剛.依托教學(xué)資源庫的混合式教學(xué)模式改革——以攝影課程為例[J].北京政法職業(yè)學(xué)院學(xué)報(bào)，2018（02）.

[3]明麗宏.項(xiàng)目教學(xué)法在高職“Photoshop圖形圖像處理”課程改革中的探索與研究[J].工業(yè)和信息化教育，2017（02）.

[4]吳秋燕.Photoshop圖形圖像處理教學(xué)方法探討[J].職業(yè)，2015（23）.

作者簡介：趙小華（1977），女，陜西咸陽人，碩士，軟件工程。