論CDIO教學理念基于PBI的“HTML5+CSS3網站設計”范文

本站小編為你精心準備了論CDIO教學理念基于PBI的“HTML5+CSS3網站設計”參考范文，愿這些范文能點燃您思維的火花，激發您的寫作靈感。歡迎深入閱讀并收藏。

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

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

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

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

1.1CDIO概述

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

1.2PBI概述

所謂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網站設計”課程教學一般以教材為中心，使得學生經常被動的按照教材的順序來接受教材中的知識，從而不利于學生自主創新能力的培養。第三，傳統的“HT⁃ML5+CSS3網站設計”課程的實踐教學多為驗證性實驗教學，學生僅敲入書中案例代碼即完成實踐訓練，使得學生的創造性思維能力得不到鍛煉的機會。

2.4教學效果反饋不足

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

3融合CDIO及PBI教學理念開展“HTML5+CSS3網站設計”課程的教學改革

3.1借助CDIO及PBI教學理念改進教學方法

針對傳統“HTML5+CSS3網站設計”課程現存的問題，可以借助CDIO及PBI教學理念改進教學方法，具體措施主要包括以下幾點：第一，借助基于CDIO及PBI教學理念的教學方法，可以激發學生學習“HTML5+CSS3網站設計”課程的學習熱情。第二，借助基于CDIO及PBI教學理念的教學方法，能夠增強學生自主學習“HTML5+CSS3網站設計”課程的意識。第三，借助基于CDIO及PBI教學理念的教學方法，能夠提高學生主動參與“HTML5+CSS3網站設計”課程學習的參與度。

3.2融合CDIO及PBI幫助學生形成設計意識

針對傳統“HTML5+CSS3網站設計”課程教學存在的難以幫助學生形成較好的設計意識情況，可以通過融合CDIO及PBI來改善，具體措施主要包括以下幾點：第一，增加“HTML5+CSS3網站設計”課程的學時，并優化較為繁雜的理論知識結構，從而更好地幫助學生形成更高層次的設計意識。第二，融合CDIO和PBI教學模式，調整教學內容，從而幫助學生融合零散的網站設計知識，進而真正幫助學生形成整體網站的設計意識。第三，利用項目任務驅動教學理念，增強各章節之間的緊密程度，運用相互關聯的案例，系統地培養學生的設計意識。

3.3引入項目案例幫助學生在網站設計過程中提升職業能力和團隊意識

“HTML5+CSS3網站設計”課程的教學應引入項目案例來幫助學生在網站設計過程中提升團隊意識，具體措施主要包括以下幾點：第一，基于CDIO及PBI的教學理念重新編寫項目貫穿全書的教材，使得學生對所學的知識形成整體的認識，從而更好地培養學生的職業能力。第二，借助CDIO及PBI教學理念，用實際網站項目關聯各章節知識點，真正鍛煉學生設計實用網站的能力，避免學生在遇到真實網站設計時不知從何下手。第三，借助CDIO及PBI教學理念，深入貫徹工程項目驅動教學思想，開展分組設計實用網站項目實踐，讓學生加入各組并發揮各自的特長，從而不斷提升學生的團隊協作意識。

3.4借助CDIO及PBI培養學生的創造性思維能力

首先，依據CDIO及PBI教學理念，協調好教師和學生的角色地位，確保學生的學習主體地位，突出教師的學習引導地位。然后，根據CDIO及PBI教學理念，將知識點隱藏于網站項目設計中，從而挖掘學生的潛能，鍛煉學生的發現、分析和解決項目問題的能力。最后，借助CDIO及PBI教學思想，引導學生自主對項目進行分析、規劃、設計和實現，從而提升學生的學習能力和創造性思維能力。

3.5借助CDIO及PBI制定多元教學效果反饋機制

根據CDIO及PBI教學理念，開展多樣化考核方式，例如筆試和上機結合的考核方式，從而獲得更準確的教學效果反饋。另外，開展分階段考核的考核模式，對學生的學習過程進行全面考核，從而彌補過去缺失的必要的及時反饋，進而使得教師能夠及時根據反饋結果及時調整教學方案。

4結束語

為了更好地提升“HTML5+CSS3網站設計”課程的教學質量，本文進行了基于CDIO及PBI教學理念開展“HTML5+CSS3網站設計”課程的教學改革研究。經過兩輪的教學實踐，發現該方法能夠有效地確保以學生為主體，提升學生的學習參與度以及網站設計的能力，取得明顯的成效，以新聞專業同學為例，教改前學生的期末考試卷面成績平均分為66.68分，采用教學改革方法后學生的平均分提高至75.16分，筆者認為該方法具有一定的推廣價值。

參考文獻：

[1]彭安杰,嚴小英,孫毅,等.基于CDIO模式的網站開發技術研究與實踐——以成都中醫藥大學附屬醫院為例[J].電腦知識與技術,2017,13(29):95-97.

[2]丁士杰,劉紅軍.基于CDIO的課賽融合教學模式研究——以《電子商務網站建設與管理》課程為例[J].教育現代化,2018,5(47):297-298.

[3]柴群,梁劍波.基于項目驅動的《網頁制作與網站開發》課程教學設計研究[J].電腦知識與技術,2019,15(34):134-135.

[4]駱焦煌.項目任務教學法在課程教學中的應用——以網站設計與開發課程為例[J].遼東學院學報(自然科學版),2019,26(2):148-152.

[5]朱錦晶.基于CDIO-OBE的《HTML5+CSS3網頁設計》課堂教學改革探析[J].當代教育實踐與教學研究,2020(13):114-115.

作者：匡珍春 單位：廣東海洋大學數學與計算機學院