《HTML 語(yǔ)言基礎(chǔ)與網(wǎng)頁(yè)設(shè)計(jì)》教學(xué)模式改革研究

鄭永愛(ài)，秦曉燕

（蘇州高博軟件技術(shù)職業(yè)學(xué)院信息與軟件學(xué)院，蘇州 215163）

《HTML 語(yǔ)言基礎(chǔ)與網(wǎng)頁(yè)設(shè)計(jì)》是計(jì)算機(jī)類專業(yè)的一門專業(yè)課程。側(cè)重于訓(xùn)練學(xué)生能綜合運(yùn)用網(wǎng)頁(yè)設(shè)計(jì)知識(shí)實(shí)現(xiàn)網(wǎng)頁(yè)效果，使學(xué)生具備理論聯(lián)系實(shí)際，分析與解決實(shí)際問(wèn)題的能力，培養(yǎng)學(xué)生的創(chuàng)新意識(shí)，為學(xué)習(xí)后續(xù)專業(yè)課程以及今后從事計(jì)算機(jī)專業(yè)方面的工作打下必要的基礎(chǔ)。

在傳統(tǒng)的教學(xué)模式中，學(xué)生雖然能夠掌握一定的HTML 語(yǔ)言基礎(chǔ)與網(wǎng)頁(yè)設(shè)計(jì)的基礎(chǔ)知識(shí)和技能，但是學(xué)生的實(shí)際動(dòng)手能力不強(qiáng)，所學(xué)知識(shí)與企業(yè)的崗位要求脫節(jié)，不利于學(xué)生將來(lái)的職業(yè)發(fā)展。而當(dāng)前“以就業(yè)為導(dǎo)向，以能力為本位”的技能培養(yǎng)模式的構(gòu)建，是高職教育培養(yǎng)方向的準(zhǔn)確定位，是職業(yè)教育的特色與優(yōu)勢(shì)。因此，非常有必要對(duì)《HTML 語(yǔ)言基礎(chǔ)與網(wǎng)頁(yè)設(shè)計(jì)》課程的教學(xué)模式進(jìn)行改革。

1 項(xiàng)目驅(qū)動(dòng)教學(xué)法的適用性

（1）《HTML 語(yǔ)言基礎(chǔ)與網(wǎng)頁(yè)設(shè)計(jì)》課程現(xiàn)狀決定了項(xiàng)目驅(qū)動(dòng)教學(xué)法的適用。《HTML 語(yǔ)言基礎(chǔ)與網(wǎng)頁(yè)設(shè)計(jì)》課程是計(jì)算機(jī)專業(yè)的一門基礎(chǔ)課程，有著較強(qiáng)的實(shí)踐性。當(dāng)前很多高職院校在《HTML 語(yǔ)言基礎(chǔ)與網(wǎng)頁(yè)設(shè)計(jì)》這門課程的教學(xué)過(guò)程中采用的教學(xué)方法是傳統(tǒng)的講授法，再結(jié)合一些上機(jī)實(shí)踐操作來(lái)學(xué)習(xí)和鞏固課堂上所講的一些知識(shí)點(diǎn)。但對(duì)于《HTML 語(yǔ)言基礎(chǔ)與網(wǎng)頁(yè)設(shè)計(jì)》這門課程而言，其特點(diǎn)是更新快、內(nèi)容多、課時(shí)少。因此，在《HTML語(yǔ)言基礎(chǔ)與網(wǎng)頁(yè)設(shè)計(jì)》這門課程的教學(xué)內(nèi)容的處理上就存在著這樣的問(wèn)題：既要講授大量的基礎(chǔ)知識(shí)，又要講授具體的實(shí)踐操作。如果采用傳統(tǒng)的授課方式，則會(huì)對(duì)基礎(chǔ)知識(shí)的傳授偏多，而花在實(shí)踐操作上的時(shí)間和精力將會(huì)不足。這樣子培養(yǎng)出來(lái)的學(xué)生的實(shí)踐能力不足，無(wú)法勝任企業(yè)的相應(yīng)崗位。雖然近年來(lái)《HTML 語(yǔ)言基礎(chǔ)與網(wǎng)頁(yè)設(shè)計(jì)》這門課程的教學(xué)模式已經(jīng)有所改變，但是其教學(xué)內(nèi)容的處理上仍然存在著理論與實(shí)踐相脫節(jié)的現(xiàn)象，學(xué)生缺乏學(xué)習(xí)該課程的興趣，限制了學(xué)生思維的發(fā)展，學(xué)生的實(shí)際操作水平、分析問(wèn)題解決問(wèn)題的能力及創(chuàng)新能力也沒(méi)有得到提高。

（2）高職院校的學(xué)生特點(diǎn)突出了項(xiàng)目驅(qū)動(dòng)教學(xué)法的適用性。高職院校的學(xué)生普遍缺少有效的學(xué)習(xí)方法、基礎(chǔ)知識(shí)較差、自制力不強(qiáng)等情況。沒(méi)有養(yǎng)成良好的學(xué)習(xí)習(xí)慣，缺乏學(xué)習(xí)的積極性和主動(dòng)性，無(wú)法集中全部的精力取學(xué)習(xí)，缺少對(duì)知識(shí)的渴求精神。這就決定了對(duì)高職高專的學(xué)生應(yīng)該采用項(xiàng)目驅(qū)動(dòng)的教學(xué)模式，這種教學(xué)模式以學(xué)生為中心，根據(jù)高職學(xué)生自身的特點(diǎn)，以“項(xiàng)目導(dǎo)入、制定項(xiàng)目實(shí)施計(jì)劃、項(xiàng)目實(shí)施、檢查評(píng)估”的方式展開(kāi)教學(xué)工作，真正讓學(xué)生動(dòng)手、動(dòng)腦，能夠在理論知識(shí)與技能上同時(shí)得到提升，培養(yǎng)學(xué)生的動(dòng)手實(shí)踐能力，為學(xué)生的職業(yè)發(fā)展做鋪墊。

（3）《HTML 語(yǔ)言基礎(chǔ)與網(wǎng)頁(yè)設(shè)計(jì)》課程存在的問(wèn)題彰顯了項(xiàng)目驅(qū)動(dòng)教學(xué)法的重要性。當(dāng)前很多高職院校普遍采用傳統(tǒng)的講授法和系統(tǒng)學(xué)習(xí)的方法，該方法培養(yǎng)出來(lái)的學(xué)生的動(dòng)手實(shí)踐能力不足，無(wú)法勝任相應(yīng)的企業(yè)崗位。具體體現(xiàn)在：重視理論教學(xué)，對(duì)實(shí)踐教學(xué)不夠重視。教學(xué)內(nèi)容的理論與實(shí)踐嚴(yán)重脫節(jié)；以教師為中心，講授為主；學(xué)習(xí)體系建設(shè)缺乏科學(xué)性，實(shí)際操作性不強(qiáng)。以上問(wèn)題可以看出，項(xiàng)目驅(qū)動(dòng)教學(xué)法在《HTML 語(yǔ)言基礎(chǔ)與網(wǎng)頁(yè)設(shè)計(jì)》課程中的地位更加重要。

2 項(xiàng)目驅(qū)動(dòng)教學(xué)法在《HTML 語(yǔ)言基礎(chǔ)與網(wǎng)頁(yè)設(shè)計(jì)》課程中的實(shí)施

項(xiàng)目教學(xué)的實(shí)施是以學(xué)生為中心的，因此一定要調(diào)動(dòng)學(xué)生參與項(xiàng)目教學(xué)的積極性。如果學(xué)生的積極性調(diào)動(dòng)不起來(lái)，項(xiàng)目教學(xué)就沒(méi)有辦法進(jìn)行下去，教學(xué)效果可能還不如傳統(tǒng)的教學(xué)方法。

2.1 項(xiàng)目導(dǎo)入

項(xiàng)目導(dǎo)入之前，教師要根據(jù)當(dāng)前《HTML 語(yǔ)言基礎(chǔ)與網(wǎng)頁(yè)設(shè)計(jì)》這門課程需要掌握的知識(shí)點(diǎn)來(lái)確定項(xiàng)目的任務(wù)，制定項(xiàng)目。制定的項(xiàng)目應(yīng)該符合高職學(xué)生的認(rèn)知水平和知識(shí)結(jié)構(gòu)，難度要適中，使得大部分學(xué)生都可以在教師的引導(dǎo)下完成項(xiàng)目。在此階段要給學(xué)生描述項(xiàng)目的具體任務(wù)是什么，使學(xué)生能夠明確知道該項(xiàng)目的內(nèi)容、目標(biāo)以及要求是什么。從而更好地完成項(xiàng)目，學(xué)生相關(guān)的知識(shí)的學(xué)習(xí)的同時(shí)，培養(yǎng)學(xué)生的團(tuán)隊(duì)意識(shí)和自主學(xué)習(xí)的意識(shí)。項(xiàng)目導(dǎo)入的具體情況如圖1所示。

圖1 項(xiàng)目導(dǎo)入

2.2 制定項(xiàng)目實(shí)施計(jì)劃

把項(xiàng)目任務(wù)布置給學(xué)生，根據(jù)項(xiàng)目的具體情況制定項(xiàng)目實(shí)施計(jì)劃，在計(jì)劃實(shí)施過(guò)程中，采用了分組的方式，根據(jù)分組情況組建項(xiàng)目小組、制定小組的項(xiàng)目計(jì)劃，示范項(xiàng)目的具體操作并講解相關(guān)的知識(shí)點(diǎn)。

分組前教師必須要熟悉全班學(xué)生的基本情況，分組時(shí)可讓學(xué)生自由組合，教師再進(jìn)行調(diào)整。一般一組4 ～6人，最好不要超過(guò)8人，使得每組都有好、中、差的學(xué)生搭配合理，培養(yǎng)學(xué)生小組的團(tuán)隊(duì)精神，然后給每個(gè)組分配任務(wù)，教師將事先準(zhǔn)備好的工作計(jì)劃（工作步驟與程序）發(fā)給每個(gè)小組，以便更好地制定計(jì)劃。該階段的工作如圖2所示。

圖2 制定項(xiàng)目實(shí)施計(jì)劃

2.3 項(xiàng)目實(shí)施

在項(xiàng)目實(shí)施階段，小組按照步驟和程序開(kāi)展項(xiàng)目工作，教師在教室里面巡視，解答學(xué)生在項(xiàng)目實(shí)踐過(guò)程出提出的問(wèn)題，并對(duì)學(xué)生的項(xiàng)目活動(dòng)給與指導(dǎo)和幫助。具體情況如圖3所示。

圖3 項(xiàng)目實(shí)施

2.4 檢查評(píng)估

在項(xiàng)目的檢查評(píng)估階段，首先，每個(gè)小組的組成要進(jìn)行項(xiàng)目的成果展示，小組之間要相互討論、互評(píng)，取長(zhǎng)補(bǔ)短。其次，項(xiàng)目組成員要對(duì)本人在項(xiàng)目過(guò)程中的收獲進(jìn)行小結(jié)，為自己打分，小組成員相互之間進(jìn)行互評(píng)。最后，教師在傾聽(tīng)完學(xué)生的介紹和討論之后，對(duì)學(xué)生的結(jié)果進(jìn)行整體上的評(píng)價(jià)，引導(dǎo)學(xué)生在項(xiàng)目階段學(xué)到了哪些知識(shí)，進(jìn)行總結(jié)。對(duì)被學(xué)生忽略的知識(shí)點(diǎn)進(jìn)行查缺補(bǔ)漏，提高學(xué)生的專業(yè)知識(shí)和技能。如圖4所示。

圖4 檢查評(píng)估

3 結(jié)束語(yǔ)

項(xiàng)目驅(qū)動(dòng)教學(xué)法從項(xiàng)目入手，注重學(xué)生的實(shí)踐動(dòng)手能力，有效提高了學(xué)生學(xué)習(xí)的積極性和主動(dòng)性。經(jīng)過(guò)教學(xué)實(shí)踐，《HTML語(yǔ)言基礎(chǔ)與網(wǎng)頁(yè)設(shè)計(jì)》課程采用項(xiàng)目驅(qū)動(dòng)教學(xué)模式，取得了良好的教學(xué)效果。但是在項(xiàng)目的選取、教學(xué)內(nèi)容的安排等方面仍存在著一定的不足，后續(xù)要繼續(xù)探索。