匡珍春

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

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

中圖分類號：G424? ? ? 文獻標識碼：A

文章編號：1009-3044（2021）27-0181-02

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

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

1.1 CDIO概述

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

1.2 PBI概述

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

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

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

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

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

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

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

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

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

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

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

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