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

陳奕緯

摘要：以CDIO工程教育模式為指導(dǎo)，分析《網(wǎng)頁制作》課程傳統(tǒng)教學(xué)的不足，提出基于CDIO模式的《網(wǎng)頁制作》課程教學(xué)改革，促進教學(xué)質(zhì)量的提高和學(xué)生綜合能力的培養(yǎng)。

關(guān)鍵詞：CDIO；網(wǎng)頁制作；教學(xué)改革

中圖分類號：G64 文獻標(biāo)識碼：A 文章編號：1009-3044（2016）14-0082-02

Research on the Teaching Reform of the Course of Web Production Based on CDIO

CHEN Yi-wei

（Qiongtai Teachers College， Haikou 571127， China）

Abstract： With the guidance of CDIO engineering education model， Analysised the shortcomings of traditional teaching of web production， Proposed the teaching reform of web production course based on CDIO model， Promoted the improvement of teaching quality and the cultivation of students' comprehensive ability.

Key words： CDIO； web production； teaching reform

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

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

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

1 傳統(tǒng)《網(wǎng)頁制作》課程教學(xué)的不足

1.1 相關(guān)課程支持不足

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

1.2 課程形式單一

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

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

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

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

2.1 課堂教學(xué)方式改革

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

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

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

2.2 實訓(xùn)教學(xué)方式改革

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

CDIO第一步“構(gòu)思”指的是主題策劃。常見的主題包括：環(huán)保網(wǎng)站首頁、科技公司首頁、淘寶店鋪首頁等。在該環(huán)節(jié)中，要求學(xué)生發(fā)散思維、使用頭腦風(fēng)暴的方式確定本小組的作品主題。充分發(fā)揮學(xué)生的主觀能動性，讓學(xué)生主動去獲取信息、分析信息、整合信息。

CDIO第二步“設(shè)計”指的是設(shè)計網(wǎng)頁效果圖。在該環(huán)節(jié)中，教師首先講授使用PHOTOSHOP軟件制作效果圖的流程以及方法技巧，并通過案例制作演示，然后讓學(xué)生根據(jù)已選的主題、收集素材并制作出網(wǎng)頁效果圖。

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

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

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

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

2.3 考核方式改革

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

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

在CDIO工程教育模式中，對教師能力要求更高了。在師資培養(yǎng)方面，更強調(diào)培養(yǎng)教師的實際動手能力。教師不能只低頭研究書本知識，在提高學(xué)歷學(xué)位的基礎(chǔ)上，還要到行業(yè)一線去，鍛煉動手能力，積累開發(fā)經(jīng)驗。只有師資水平提高了，CDIO工程教育模式才能更好地實施與推行。

3 結(jié)束語

基于CDIO的《網(wǎng)頁制作》課程教學(xué)體系在課堂教學(xué)、實訓(xùn)教學(xué)、考核等方面進行改革，真正讓學(xué)生“做中學(xué)”、“學(xué)中做”，有利于鍛煉學(xué)生綜合素質(zhì)，有利于應(yīng)用型人才的培養(yǎng)。

參考文獻：

[1]百度百科.CDIO[EB/OL].（2016-03-28）[2016-05-05].http：//baike.baidu.com/view/2402813.htm.

[2]尚玉.“CDIO工程教育聯(lián)盟”在汕頭成立[EB/OL].（2016-01-19）[2016-05-05].http：//www.edu777.com/jiaoyu/16914.html.

[3]李彤，趙娜.基于CDIO的軟件工程國家精品課程建設(shè)[J].計算機教育，2012（1）.

[4]丁海燕，袁國武，林玲.網(wǎng)頁設(shè)計與制作教學(xué)實踐研究[J].實驗科學(xué)與技術(shù)，2015（2）.