基于CDIO的《網(wǎng)頁制作》課程教學改革研究基于CDIO的?網(wǎng)頁制作》課程教學改革研究

中圖分類號：G64文獻標識碼：A文章編號：1009-3044〔2022〕14-0082-02

ResearchontheTeachingReformoftheCourseofWebProductionBasedonCDIO

CHENYi-wei

〔QiongtaiTeachersCollege，Haikou571127，China〕

Abstract：WiththeguidanceofCDIOengineeringeducationmodel，Analysisedtheshortcomingsoftraditionalteachingofwebproduction，ProposedtheteachingreformofwebproductioncoursebasedonCDIOmodel，Promotedtheimprovementofteachingqualityandthecultivationofstudents'comprehensiveability.

Keywords：CDIO；webproduction；teachingreform

CDIO項目教育模式是由麻省理工學院、瑞典皇家工學院等四所國際一流工科大學發(fā)起、教育部大力倡導的先進項目教育模式。[1]CDIO在中國已興起十余年，在全國高校的項目教育領(lǐng)域掀起CDIO改革浪潮，CDIO一體化模式解決了中國項目教育改革與開展中的許多問題。[2]2022年1月，中國“CDIO項目教育聯(lián)盟〞在廣東省汕頭市成立，標志著中國項目教育改革進入新的開展階段。

CDIO代表構(gòu)思〔Conceive〕、設(shè)計〔Design〕、實現(xiàn)〔Implement〕和運作〔Operate〕，它以產(chǎn)品研發(fā)到產(chǎn)品運行的生命周期為載體，讓學生以主動的、實踐的、課程之間有機聯(lián)系的方式學習項目。[3]CDIO在傳統(tǒng)理論理論知識的“教〞與“學〞的根底上，更強調(diào)了“做什么〞和“如何做〞，重點鍛煉學生的動手能力，又有效的啟發(fā)和培養(yǎng)學生的團隊協(xié)作能力、創(chuàng)新能力和工程設(shè)計能力。

?網(wǎng)頁制作》是計算機類專業(yè)的專業(yè)根底課，是計算機類專業(yè)學生必須掌握的技能之一，但傳統(tǒng)的?網(wǎng)頁制作》課程教學已不適應社會的要求?；贑DIO模式的?網(wǎng)頁制作》課程教學改革將有助于提高教學質(zhì)量。

1傳統(tǒng)?網(wǎng)頁制作》課程教學的缺乏

1.1相關(guān)課程支持缺乏

?網(wǎng)頁制作》是一門綜合性課程，要制作出一個功能性好又美觀的網(wǎng)頁，不僅要使用網(wǎng)頁制作知識，還要一定的美術(shù)功底。但在實際的計算機類專業(yè)開設(shè)該課程的情況來看，沒有美術(shù)創(chuàng)意、配色，圖像動畫設(shè)計等先行課的支持，在教學發(fā)展過程中就是Dreamweaver的網(wǎng)頁制作軟件的使用學習，使得教學中短少設(shè)計思維培養(yǎng)，學生只學會在Dreamweaver中添加各種網(wǎng)頁元素，在構(gòu)圖、配色、美感等方面欠缺的情況下，無法完成完整的網(wǎng)頁設(shè)計，網(wǎng)頁作品不足表現(xiàn)力。

1.2課程形式單一

傳統(tǒng)的?網(wǎng)頁制作》教學形式單一，不足真實網(wǎng)頁制作的工作環(huán)境，難以有效提高學生網(wǎng)頁制作技能。[4]在該課程中，注重根底知識的講授和Dreamweaver軟件的使用。課堂的流程往往是在Dreamweaver軟件里使用設(shè)計模式，添加文本、超鏈接或圖片等，然后在瀏覽器里刷新頁面看結(jié)果。課程內(nèi)容是講到了，但學生只掌握零散的知識點，但又無法很好的綜合運用，分析問題和解決問題的能力得不到鍛煉，在碰到實際問題時，無從下手。

1.3注重個人技術(shù)，不足團隊意識

傳統(tǒng)?網(wǎng)頁制作》課程教學比擬注重學生對網(wǎng)頁制作軟件的應用，只要學生聽懂并練習課堂教學內(nèi)容就萬事大吉了，沒有引導學生間的相互交流與討論。另外一方面，傳統(tǒng)?網(wǎng)頁制作》課程期末作品往往也是要求學生個人獨立完成。導致整個課程學習過程中無視學生團隊能力的培養(yǎng)。其實，真實的網(wǎng)頁制作工程是需要一個團隊，多人分工合作，才能順利完成，個人單槍匹馬是很難制作出精良的網(wǎng)頁的。

2基于CDIO模式的?網(wǎng)頁制作》課程教學改革

2.1課堂教學方式改革

教師應該改變傳統(tǒng)課堂教學“滿堂灌〞的方式，采取典型案例為引導，結(jié)合實踐運用講解，學生通過學習案例的制作過程，自然而然地掌握了知識點，使其對知識學習產(chǎn)生濃厚的興趣。

教師要把教學的重心放在網(wǎng)頁制作的本質(zhì)，就是HTML、CSS、JAVASCRIPT編程，手動敲代碼來實現(xiàn)網(wǎng)頁。這樣才能讓學生在學習網(wǎng)頁制作的過程中慢慢與行業(yè)接軌，有效鍛煉與提高專業(yè)素質(zhì)。不要過度依賴Dreamweaver軟件，掌握了網(wǎng)頁編程，也就能使用任意編輯軟件制作網(wǎng)頁。

教師要以學生小組為單位來布置作業(yè)任務，教師積極引導，學生通力配合，溝通與協(xié)作，鍛煉學生的綜合素質(zhì)，讓CDIO理念充沛融入課堂教學。

2.2實訓教學方式改革

由于CDIO的教育理念是以產(chǎn)品的研發(fā)到運行的生命周期為載體的，所以在實訓教學中可將將網(wǎng)頁的制作過程與產(chǎn)品的開發(fā)生命周期相結(jié)合。網(wǎng)頁制作的典型工作任務包括：主題策動、設(shè)計網(wǎng)頁效果圖、實現(xiàn)網(wǎng)頁、網(wǎng)頁測試與發(fā)布。

CDIO第一步“構(gòu)思〞指的是主題策動。常見的主題包括：環(huán)保網(wǎng)站首頁、科技公司首頁、淘寶店鋪首頁等。在該環(huán)節(jié)中，要求學生發(fā)散思維、使用頭腦風暴的方式確定本小組的作品主題。充沛發(fā)揮學生的主觀能動性，讓學生主動去獲取信息、分析信息、整合信息。CDIO第二步“設(shè)計〞指的是設(shè)計網(wǎng)頁效果圖。在該環(huán)節(jié)中，教師首先講授使用PHOTOSHOP軟件制作效果圖的流程以及辦法技巧，并通過案例制作演示，然后讓學生根據(jù)已選的主題、收集素材并制作出網(wǎng)頁效果圖。

CDIO第三步“實現(xiàn)〞指的是實現(xiàn)網(wǎng)頁。在該環(huán)節(jié)中，學生使用HTML、CSS、JAVASCRIPT技術(shù)把網(wǎng)頁效果圖實現(xiàn)成網(wǎng)頁。學生要能把所學的知識與技能融會貫穿才能把網(wǎng)頁保質(zhì)保量地實現(xiàn)出來。這是學生磨煉專業(yè)技能的重要環(huán)節(jié)，也是學生專業(yè)核心競爭力形成的關(guān)鍵階段。

CDIO第四步“運作〞指的是網(wǎng)頁測試與發(fā)布。在該環(huán)節(jié)，學生使用網(wǎng)頁瀏覽器測試網(wǎng)頁然后把網(wǎng)頁上傳網(wǎng)絡空間并發(fā)布出去。

通過CDIO四個環(huán)節(jié)的實訓，讓學生在動手做的過程中學習與掌握網(wǎng)頁制作的各個環(huán)節(jié)，讓學生在良好的學習狀態(tài)下，掌握專業(yè)技能，同時培養(yǎng)了學生創(chuàng)新能力、溝通能力、協(xié)作能力以及解決復雜問題的能力。

為了充沛體現(xiàn)CDIO的教學理念，在實驗教學階段，根據(jù)學生的學情特點進行分組，每組設(shè)立一名組長，負責組內(nèi)協(xié)調(diào)。學生以團隊協(xié)作的方式對各個實驗任務進行構(gòu)思，采用適合的技術(shù)設(shè)計實現(xiàn)，最后對任務所實現(xiàn)的功能進行測試。通過分層次的彈性實驗任務的完成，在強化學生專業(yè)技能的同時，使得他們的團隊協(xié)作能力、創(chuàng)新能力、交流溝通能力都得到全面的訓練和提高。

2.3考核方式改革

?網(wǎng)頁制作》課程傳統(tǒng)的成績評定方式為學生成績=平時成績+期末作品成績。但對學生綜合能力的考核還是不夠全面，示例學生協(xié)作能力、創(chuàng)新能力、組織敘述能力、信息獲取能力、社會活動能力以及溝通敘述能力等“軟能力〞都考核不到。為了對這些“軟能力〞進行考核，我們應該設(shè)計和采用新的課程考核方式。示例：學生綜合成績=平時成績+技能成績+團隊成績+學習能力成績等。

2.4師資培養(yǎng)改革

在CDIO項目教育模式中，對教師能力要求更高了。在師資培養(yǎng)方面，更強調(diào)培養(yǎng)教師的實際動手能力。教師不能只低頭研究