基于CDIO理念下的《網(wǎng)頁(yè)設(shè)計(jì)》教學(xué)思考

康俊霞 陳海濤

（張家口職業(yè)技術(shù)學(xué)院信息工程系，河北 張家口 075000）

0 引言

隨著網(wǎng)絡(luò)的發(fā)展網(wǎng)頁(yè)設(shè)計(jì)更加得到了人們的重視,它本身以網(wǎng)絡(luò)為載體，以最便捷的方式將信息傳達(dá)給觀眾。當(dāng)今高職院校的學(xué)生主要學(xué)習(xí)網(wǎng)頁(yè)設(shè)計(jì)的一些基本概念，網(wǎng)站的基本結(jié)構(gòu)和網(wǎng)頁(yè)布局，學(xué)會(huì)使用網(wǎng)頁(yè)制作的基本工具和開發(fā)語(yǔ)言，清楚網(wǎng)站規(guī)劃的基本流程。通過(guò)對(duì)該門課的學(xué)習(xí)，而必須具備解決網(wǎng)頁(yè)設(shè)計(jì)、網(wǎng)站開發(fā)中出現(xiàn)的各種問(wèn)題的能力，并且在學(xué)習(xí)的過(guò)程中逐步培養(yǎng)學(xué)生的職業(yè)素養(yǎng)和創(chuàng)新能力，為今后走向社會(huì)，服務(wù)崗位打下堅(jiān)實(shí)的理論和實(shí)踐基礎(chǔ)。而要達(dá)到這樣的目標(biāo)，教師就要想方設(shè)法激發(fā)學(xué)生的興趣，認(rèn)真設(shè)計(jì)每個(gè)教學(xué)環(huán)節(jié)，仔細(xì)觀察學(xué)生課堂表現(xiàn)，認(rèn)真記錄，并不時(shí)總結(jié)經(jīng)驗(yàn)和吸取教訓(xùn)。而CDIO工程教育理念正是當(dāng)今國(guó)際高等工程教育的一種創(chuàng)新模式。是麻省理工學(xué)院（MIT）和瑞典皇家工學(xué)院等四所大學(xué)從2000年起經(jīng)過(guò)探索研究所創(chuàng)建的一套國(guó)際工程教育模式。系統(tǒng)地提出了能力培養(yǎng)、實(shí)施過(guò)程、實(shí)施指導(dǎo)和結(jié)果檢驗(yàn)的12條標(biāo)準(zhǔn)，具有很強(qiáng)的可操作性。在高職進(jìn)行CDIO工程教育模式，通過(guò)運(yùn)用CDIO工程教育模式來(lái)激發(fā)學(xué)生的學(xué)習(xí)興趣，學(xué)會(huì)設(shè)計(jì)、學(xué)會(huì)思考、學(xué)會(huì)溝通、學(xué)會(huì)解決問(wèn)題，并逐漸培養(yǎng)他們的創(chuàng)新力，同時(shí)促進(jìn)教師自身理論與實(shí)踐水平得以提升。

1 CDIO理念的指導(dǎo)

1.1 分析學(xué)生

學(xué)習(xí)的過(guò)程實(shí)際上就是學(xué)生對(duì)知識(shí)建構(gòu)的過(guò)程。每個(gè)學(xué)生都存在著這樣那樣的個(gè)體差異，學(xué)生對(duì)知識(shí)理解速度的快慢、領(lǐng)悟能力的高低等各不相同，因此，作為教師要進(jìn)行課前導(dǎo)入，通過(guò)調(diào)查問(wèn)卷、訪談或者前測(cè)去了解學(xué)生的初始情況，如已有的計(jì)算機(jī)相關(guān)知識(shí)、學(xué)習(xí)過(guò)的課程、初步掌握的計(jì)算機(jī)操作能力等，然后再進(jìn)行符合學(xué)生情況的教學(xué)設(shè)計(jì)。學(xué)生分析是教學(xué)設(shè)計(jì)的必要前提條件。

1.2 分析課程內(nèi)容

《網(wǎng)頁(yè)設(shè)計(jì)》是一門綜合性、實(shí)踐性很強(qiáng)的課程，它要求學(xué)生能夠綜合運(yùn)用圖片處理軟件、網(wǎng)頁(yè)制作軟件、動(dòng)畫制作軟件完成各種類型網(wǎng)站的靜態(tài)頁(yè)面設(shè)計(jì)和制作，同時(shí)，為更好的掌握一些動(dòng)態(tài)網(wǎng)頁(yè)制作打下基礎(chǔ)，因此，比如ASP語(yǔ)言、JSP語(yǔ)言等來(lái)豐富學(xué)生的知識(shí)面，為學(xué)生進(jìn)一步提高編程能力打下基礎(chǔ)。HTML語(yǔ)言是網(wǎng)頁(yè)制作的基礎(chǔ)性語(yǔ)言，雖然目前一般企業(yè)都不直接用HTML編寫網(wǎng)頁(yè)，但是在網(wǎng)頁(yè)調(diào)整和修改過(guò)程中有時(shí)需要對(duì)HTML源代碼進(jìn)行操作，所以軟件公司在招聘時(shí)會(huì)考察應(yīng)聘者對(duì)HTML的掌握情況，對(duì)自由擇業(yè)的高職學(xué)生而言，掌握HTML也非常重要。Adobe Dreamweaver CS5是一款集網(wǎng)頁(yè)制作和管理網(wǎng)站于一身的所見即所得的網(wǎng)頁(yè)編輯器，針對(duì)專業(yè)網(wǎng)頁(yè)設(shè)計(jì)師特別發(fā)展的視覺(jué)化網(wǎng)頁(yè)開發(fā)工具，利用它可以輕而易舉地制作出跨越平臺(tái)限制和跨越瀏覽器限制的充滿動(dòng)感的網(wǎng)頁(yè)，需要在課堂上重點(diǎn)講解。為了更好的適應(yīng)企業(yè)“網(wǎng)頁(yè)設(shè)計(jì)師”崗位的用人需求，因此在有限的教學(xué)時(shí)間內(nèi)必須有所側(cè)重。

1.3 CDIO教學(xué)模式的應(yīng)用

CDIO的具體內(nèi)容包括構(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í)工程。其流程如下圖。

學(xué)習(xí)任務(wù)也可以分小組設(shè)定，3—5人一組，便于協(xié)作、討論、分工、責(zé)任、實(shí)現(xiàn)。當(dāng)然小組形式多種多樣，可以自由組合，也可以按愛好興趣分組。由于網(wǎng)頁(yè)制作涉及到整體規(guī)劃、內(nèi)容整理、圖形處理、頁(yè)面制作等多個(gè)環(huán)節(jié)，采用小組方式可以讓每個(gè)人負(fù)責(zé)自己擅長(zhǎng)的那部分，這樣一方面展現(xiàn)了學(xué)生個(gè)人能力，滿足了學(xué)生的成就感；一方面也分擔(dān)了網(wǎng)頁(yè)制作的工作量，提高了學(xué)生的學(xué)習(xí)興趣。另外，學(xué)生將來(lái)到企業(yè)中從事網(wǎng)頁(yè)制作工作的時(shí)候，往往也是以團(tuán)隊(duì)的形式完成工作，所以通過(guò)小組形式培養(yǎng)團(tuán)隊(duì)協(xié)作能力，有助于學(xué)生在未來(lái)工作中提高團(tuán)隊(duì)意識(shí)，更好的適應(yīng)團(tuán)隊(duì)工作。首先通過(guò)從展示往屆學(xué)生制作的精美網(wǎng)頁(yè)和網(wǎng)站，來(lái)組織學(xué)生討論并闡述自己的理想，為自己構(gòu)思網(wǎng)站。通過(guò)設(shè)計(jì)中存在的問(wèn)題來(lái)一步步提高技術(shù)能力和積累經(jīng)驗(yàn)，從而進(jìn)一步激發(fā)學(xué)生進(jìn)一步探索網(wǎng)頁(yè)制作知識(shí)的欲望（比如ASP、JSP等知識(shí)），最后運(yùn)行環(huán)節(jié)還可以成為學(xué)生展現(xiàn)自我、推銷自我的舞臺(tái)。教師在每個(gè)教學(xué)環(huán)節(jié)結(jié)束，都要引導(dǎo)學(xué)生認(rèn)真總結(jié)遇到的問(wèn)題，使學(xué)生解決困惑，收獲知識(shí)和技能。并對(duì)個(gè)人表現(xiàn)、提問(wèn)頻率、操作熟練度、任務(wù)完成情況等，對(duì)每個(gè)成員和小組做出評(píng)價(jià)，以便作為平時(shí)成績(jī)的依據(jù)。教師作為“平等中的首席”，讓學(xué)生在整個(gè)學(xué)習(xí)過(guò)程中都感覺(jué)到熱情、積極、創(chuàng)新的全新的心態(tài)。這樣，學(xué)生即使遇到困難也不會(huì)退縮，會(huì)樂(lè)觀而積極的走下去。

2 結(jié)束語(yǔ)

實(shí)踐是檢驗(yàn)真理的唯一試金石，本研究將CDIO理念引入到教學(xué)實(shí)踐中，必將為教學(xué)理論與實(shí)踐開拓出新局面和增添新活力，同時(shí)也為該理念的應(yīng)用提供實(shí)踐支持，為教學(xué)改革提供更多思考方式。對(duì)于學(xué)習(xí)者，在教師沒(méi)有改變的情況下，通過(guò)前測(cè)學(xué)習(xí)者基本水平相似，對(duì)比分析近1年在沒(méi)有使用新的教學(xué)方案和使用新的教學(xué)方案的情況下，得出的數(shù)據(jù)。學(xué)習(xí)結(jié)果情況，數(shù)據(jù)來(lái)源于兩個(gè)班的考試成績(jī)（考試以實(shí)戰(zhàn)能力來(lái)測(cè)評(píng)），進(jìn)行對(duì)比。在技術(shù)能力提升方面表現(xiàn)為：從宏觀上表現(xiàn)為課堂的學(xué)習(xí)氣氛比之前要活躍，學(xué)習(xí)的交互比較積極，學(xué)生的學(xué)習(xí)能力有明顯的提高，能夠編寫復(fù)雜的程序，做出精美的網(wǎng)站。

微觀上具體體現(xiàn)在學(xué)習(xí)目標(biāo)更加明確，學(xué)習(xí)內(nèi)容，重點(diǎn)突出，開始對(duì)一些難點(diǎn)進(jìn)行深度解析。學(xué)習(xí)組織活動(dòng)方面：能夠從構(gòu)思（Conceive）、設(shè)計(jì)（Design）、實(shí)現(xiàn)（Implement）和運(yùn)作（Operate）四個(gè)方面進(jìn)行。對(duì)于媒體的使用，能夠與教學(xué)過(guò)程緊密融合。教師和學(xué)生的關(guān)系從之前的師生在學(xué)習(xí)過(guò)程中交互缺少連續(xù)性，關(guān)系比較機(jī)械，變?yōu)槟軌蚓o密聯(lián)系，學(xué)生與教師互動(dòng)比之前有所好轉(zhuǎn)。

整個(gè)研究過(guò)程，確實(shí)遇到了很多困難和問(wèn)題，包括研究人員的分工合作、工作任務(wù)的繁重、質(zhì)的研究方法使用、時(shí)間安排、技術(shù)問(wèn)題等。雖然，這些困難多少給研究帶來(lái)了的一些影響，針對(duì)實(shí)際情況，我們?cè)谂懦陀^條件的影響之外，從活動(dòng)組織、課堂交互、實(shí)驗(yàn)安排、情感交流到教師言語(yǔ)、授課風(fēng)格等諸多方面進(jìn)行了合理的改進(jìn)。希望通過(guò)研究將CDIO理念的滲透到學(xué)生的學(xué)習(xí)過(guò)程中，來(lái)影響和干預(yù)不同學(xué)習(xí)者的學(xué)習(xí)風(fēng)格、影響教師如何組織教學(xué)活動(dòng)，真正將一個(gè)好理論很好的運(yùn)用到教學(xué)實(shí)踐中去，并如何發(fā)展，這將成為我們的思考和繼續(xù)延續(xù)研究的動(dòng)力。

［1］查建中.論“做中學(xué)”戰(zhàn)略下的 CDIO 模式[J].高等工程教育研究,2008(3)：1-3.

［2］俞華鋒,淺談《網(wǎng)頁(yè)制作》在高職院校中的教學(xué)[J].中國(guó)科技信息,2005(10).

［3］重新認(rèn)識(shí)工程教育－國(guó)際 CDIO培養(yǎng)模式與方法[M].顧佩華,等,譯.高等教育出版社,2009.