CDIO教學理念基于PBI的“HTML5+CSS3網站設計”課程教學改革研究

匡珍春

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

關鍵詞：CDIO;PBI;網站設計;教學改革

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

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

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

1 CDIO、PBI及“HTML5+CSS3網站設計”課程概述

1.1 CDIO概述

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

1.2 PBI概述

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

1.3 “HTML5+CSS3網站設計”課程概述

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

2 “HTML5+CSS3網站設計”課程教學現存的問題

2.1 學生設計意識培養不足

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

2.2 學生職業能力培養不夠

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

2.3 學生創新能力培養不足

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

2.4 教學效果反饋不足

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