CDIO教學(xué)理念基于PBI的“HTML5+CSS3網(wǎng)站設(shè)計(jì)”課程教學(xué)改革研究

匡珍春

摘要：為了更好地提升學(xué)生利用HTML5及CSS3進(jìn)行網(wǎng)站設(shè)計(jì)的能力，本文進(jìn)行了基于CDIO及PBI教學(xué)理念開展“HTML5+CSS3網(wǎng)站設(shè)計(jì)”課程的教學(xué)改革研究，首先介紹了CDIO及PBI的概念，然后闡述了“HTML5+CSS3網(wǎng)站設(shè)計(jì)”課程教學(xué)現(xiàn)存的問題，最后提出了基于CDIO及PBI教學(xué)理念的“HTML5+CSS3網(wǎng)站設(shè)計(jì)”課程的教學(xué)改革思路。教學(xué)實(shí)踐表明，該思路能夠有效地幫助學(xué)生形成設(shè)計(jì)意識(shí)，有效地提升學(xué)生的職業(yè)能力和創(chuàng)新能力，具有一定的參考價(jià)值。

關(guān)鍵詞：CDIO;PBI;網(wǎng)站設(shè)計(jì);教學(xué)改革

中圖分類號(hào)：G424? ? ? 文獻(xiàn)標(biāo)識(shí)碼：A

文章編號(hào)：1009-3044（2021）27-0181-02

隨著網(wǎng)絡(luò)技術(shù)的發(fā)展，尤其移動(dòng)互聯(lián)網(wǎng)的盛行，各種Web網(wǎng)站不斷興起，急需大量的網(wǎng)站設(shè)計(jì)人才。然而，傳統(tǒng)的“HTML5+CSS3網(wǎng)站設(shè)計(jì)”課程教學(xué)存在學(xué)生設(shè)計(jì)意識(shí)、職業(yè)能力和創(chuàng)新能力等培養(yǎng)不足的現(xiàn)象，難以培養(yǎng)真正滿足社會(huì)市場(chǎng)需要的網(wǎng)站設(shè)計(jì)人才。因此，適時(shí)進(jìn)行CDIO教學(xué)理念基于PBI的“HTML5+CSS3網(wǎng)站設(shè)計(jì)”課程教學(xué)改革研究具有一定的現(xiàn)實(shí)意義。

1 CDIO、PBI及“HTML5+CSS3網(wǎng)站設(shè)計(jì)”課程概述

1.1 CDIO概述

所謂CDIO，即構(gòu)思、設(shè)計(jì)、實(shí)現(xiàn)和運(yùn)作四個(gè)英文單詞的首字母，是經(jīng)過美國(guó)及瑞典等眾多國(guó)家眾多高校驗(yàn)證過的一種工程教育模式，具有以學(xué)生為主體、從做中學(xué)和強(qiáng)化實(shí)踐能力培養(yǎng)的特點(diǎn)。CDIO教學(xué)模式能夠進(jìn)一步地強(qiáng)化學(xué)生的理論知識(shí)功底，更好地鍛煉學(xué)生的專業(yè)技能，有利于培養(yǎng)學(xué)生的團(tuán)隊(duì)協(xié)作精神，以及較好地提升學(xué)生的人際交往能力，目前廣泛地被我國(guó)眾多高校應(yīng)用于多門課程教學(xué)改革之中，并取得了一定的成效。

1.2 PBI概述

所謂PBI，即項(xiàng)目驅(qū)動(dòng)教學(xué)模式，是一種以項(xiàng)目為線索，將各章節(jié)的重點(diǎn)教學(xué)內(nèi)容巧妙地聯(lián)系在一起，并將各個(gè)知識(shí)點(diǎn)隱含在項(xiàng)目中，試圖使學(xué)生能夠自主提出問題和嘗試解決問題，從而提升學(xué)生的分析和解決問題能力的一種教學(xué)方法。PBI教學(xué)模式能夠較好地提升學(xué)生發(fā)現(xiàn)問題的能力，進(jìn)一步加強(qiáng)學(xué)生進(jìn)行項(xiàng)目分析的能力和提升學(xué)生解決問題的能力，使得學(xué)生能夠在動(dòng)手做的過程中扎實(shí)理論功底，并在完成項(xiàng)目后獲得成就感，從而充分激發(fā)學(xué)生的學(xué)習(xí)興趣。

1.3 “HTML5+CSS3網(wǎng)站設(shè)計(jì)”課程概述

“HTML5+CSS3網(wǎng)站設(shè)計(jì)”課程是一門理論知識(shí)較為繁雜的課程，包括HTML5、CSS3、Web基礎(chǔ)、數(shù)據(jù)庫和網(wǎng)站規(guī)劃與設(shè)計(jì)等理論知識(shí)。同時(shí)，“HTML5+CSS3網(wǎng)站設(shè)計(jì)”課程也是一門實(shí)踐性較強(qiáng)的課程，要求學(xué)生能夠利用所學(xué)的理論知識(shí)設(shè)計(jì)出具有一定實(shí)用價(jià)值的網(wǎng)站。

2 “HTML5+CSS3網(wǎng)站設(shè)計(jì)”課程教學(xué)現(xiàn)存的問題

2.1 學(xué)生設(shè)計(jì)意識(shí)培養(yǎng)不足

傳統(tǒng)的“HTML5+CSS3網(wǎng)站設(shè)計(jì)”課程難以幫助學(xué)生形成較好的設(shè)計(jì)意識(shí)，具體表現(xiàn)為以下幾個(gè)方面：第一，該課程全部為理論教學(xué)，由于學(xué)時(shí)少且理論知識(shí)較為繁雜，若采用傳統(tǒng)的教學(xué)方法則難以幫助學(xué)生形成更高層次的設(shè)計(jì)意識(shí)。第二，傳統(tǒng)的“HTML5+CSS3網(wǎng)站設(shè)計(jì)”課程教學(xué)一般以操作軟件為主，學(xué)生學(xué)習(xí)到的多為零散的網(wǎng)站設(shè)計(jì)知識(shí)，因此難以幫助學(xué)生真正形成整體網(wǎng)站的設(shè)計(jì)意識(shí)。第三，傳統(tǒng)的“HTML5+CSS3網(wǎng)站設(shè)計(jì)”課程教學(xué)一般各章節(jié)的聯(lián)系緊密度不夠，案例相對(duì)較為獨(dú)立，因此難以系統(tǒng)地培養(yǎng)學(xué)生的設(shè)計(jì)意識(shí)。

2.2 學(xué)生職業(yè)能力培養(yǎng)不夠

傳統(tǒng)的“HTML5+CSS3網(wǎng)站設(shè)計(jì)”課程對(duì)學(xué)生的職業(yè)能力培養(yǎng)不夠，具體表現(xiàn)為以下幾個(gè)方面：第一，傳統(tǒng)的“HTML5+CSS3網(wǎng)站設(shè)計(jì)”課程的教材章節(jié)順序一般與真正的網(wǎng)站設(shè)計(jì)流程不符，使得學(xué)生在根據(jù)現(xiàn)有教材進(jìn)行學(xué)習(xí)時(shí)，無法對(duì)所學(xué)的知識(shí)形成整體的認(rèn)識(shí)，從而不利于學(xué)生職業(yè)能力的培養(yǎng)。第二，傳統(tǒng)的“HTML5+CSS3網(wǎng)站設(shè)計(jì)”課程的各個(gè)知識(shí)點(diǎn)之間的關(guān)聯(lián)性不高，從而導(dǎo)致學(xué)生在面臨真正的實(shí)際網(wǎng)站項(xiàng)目時(shí)，難以綜合應(yīng)用所學(xué)知識(shí)順利開展網(wǎng)站設(shè)計(jì)，甚至出現(xiàn)無從下手的窘境。第三，傳統(tǒng)的“HTML5+CSS3網(wǎng)站設(shè)計(jì)”課程的教學(xué)注重章節(jié)重點(diǎn)內(nèi)容的教學(xué)和考核，缺乏實(shí)際網(wǎng)站設(shè)計(jì)項(xiàng)目的貫穿，因此難以培養(yǎng)學(xué)生靈活運(yùn)用所學(xué)知識(shí)進(jìn)行網(wǎng)站設(shè)計(jì)的職業(yè)能力。

2.3 學(xué)生創(chuàng)新能力培養(yǎng)不足

傳統(tǒng)的“HTML5+CSS3網(wǎng)站設(shè)計(jì)”課程教學(xué)存在學(xué)生創(chuàng)新能力培養(yǎng)不足的現(xiàn)象，具體表現(xiàn)為以下幾個(gè)方面：第一，傳統(tǒng)的“HTML5+CSS3網(wǎng)站設(shè)計(jì)”課程教學(xué)一般以教師為中心，使得學(xué)生的學(xué)習(xí)主體地位被剝奪，從而削減了學(xué)生的創(chuàng)新意識(shí)。第二，傳統(tǒng)的“HTML5+CSS3網(wǎng)站設(shè)計(jì)”課程教學(xué)一般以教材為中心，使得學(xué)生經(jīng)常被動(dòng)的按照教材的順序來接受教材中的知識(shí)，從而不利于學(xué)生自主創(chuàng)新能力的培養(yǎng)。第三，傳統(tǒng)的“HTML5+CSS3網(wǎng)站設(shè)計(jì)”課程的實(shí)踐教學(xué)多為驗(yàn)證性實(shí)驗(yàn)教學(xué)，學(xué)生僅敲入書中案例代碼即完成實(shí)踐訓(xùn)練，使得學(xué)生的創(chuàng)造性思維能力得不到鍛煉的機(jī)會(huì)。

2.4 教學(xué)效果反饋不足

傳統(tǒng)的“HTML5+CSS3網(wǎng)站設(shè)計(jì)”課程的教學(xué)存在教學(xué)效果反饋不足的現(xiàn)象，具體表現(xiàn)為以下幾點(diǎn)：第一，傳統(tǒng)的“HTML5+CSS3網(wǎng)站設(shè)計(jì)”課程采用試卷筆試的考核方式，難以真正評(píng)價(jià)學(xué)生的網(wǎng)站設(shè)計(jì)能力，從而很難獲得真實(shí)的教學(xué)效果反饋，進(jìn)而不利于學(xué)生實(shí)踐能力的培養(yǎng)。第二，傳統(tǒng)的“HTML5+CSS3網(wǎng)站設(shè)計(jì)”課程考核存在注重學(xué)生成績(jī)考核而不注重學(xué)生職業(yè)能力考核的現(xiàn)象，從而很難體現(xiàn)真實(shí)的教學(xué)效果，進(jìn)而不利于學(xué)生職業(yè)能力的培養(yǎng)。第三，傳統(tǒng)的“HTML5+CSS3網(wǎng)站設(shè)計(jì)”課程考核缺乏階段考核機(jī)制，從而缺乏對(duì)學(xué)生學(xué)習(xí)過程的全面考核，使得在教學(xué)過程中缺少必要的及時(shí)反饋，進(jìn)而使得授課教師無法及時(shí)調(diào)整教學(xué)方案。