陳奕緯

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

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

中圖分類號(hào)：G64 文獻(xiàn)標(biāo)識(shí)碼：A 文章編號(hào)：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é)院等四所國(guó)際一流工科大學(xué)發(fā)起、教育部大力倡導(dǎo)的先進(jìn)工程教育模式。[1]CDIO在中國(guó)已興起十余年，在全國(guó)高校的工程教育領(lǐng)域掀起CDIO改革浪潮，CDIO一體化模式解決了中國(guó)工程教育改革與發(fā)展中的許多問題。[2]2016年1月，中國(guó)“CDIO工程教育聯(lián)盟” 在廣東省汕頭市成立，標(biāo)志著中國(guó)工程教育改革進(jìn)入新的發(fā)展階段。

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

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

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

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

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

1.2 課程形式單一

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

1.3 注重個(gè)人技術(shù)，缺乏團(tuán)隊(duì)意識(shí)

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

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

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

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

教師要把教學(xué)的重心放在網(wǎng)頁制作的本質(zhì)，就是HTML、CSS、JAVASCRIPT編程，手動(dòng)敲代碼來實(shí)現(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 實(shí)訓(xùn)教學(xué)方式改革

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

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

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

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

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

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

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

2.3 考核方式改革

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

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

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

3 結(jié)束語

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

參考文獻(xiàn)：

[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的軟件工程國(guó)家精品課程建設(shè)[J].計(jì)算機(jī)教育，2012（1）.

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