基于CDIO模式的《網(wǎng)頁設(shè)計與制作》課程教學改革探究

摘要：在《網(wǎng)頁設(shè)計與制作》課程中，針對當前教學過程中以教師講授為主導(dǎo)、知識點碎片化、關(guān)聯(lián)度低等一系列問題，首先引入CDIO工程教育模式，其次將該課程教學中存在的問題進行分析，探索出了可行的課程教學改革策略，以提高該課程的教學質(zhì)量和學生網(wǎng)頁制作的綜合能力。

關(guān)鍵詞：CDIO模式;課程現(xiàn)狀;改革策略

中圖分類號：TP3 文獻標識碼：A

文章編號：1009-3044（2019）35-0118-03

1 課程改革背景

伴隨著“互聯(lián)網(wǎng)+”模式逐漸在人們生活中方方面面的普及和滲透，將各個行業(yè)和互聯(lián)網(wǎng)平臺進行合理的、有效的融合已變成當前發(fā)展的趨勢。網(wǎng)站相比于與其他的宣傳平臺來說，使信息的傳遞更加便捷、迅速，也帶動著目前社會中各類的經(jīng)濟快速發(fā)展。現(xiàn)在，利用網(wǎng)站進行信息的發(fā)布、數(shù)據(jù)的收集的不僅是企業(yè)，還有各類個體經(jīng)營戶，最具有代表性的就是電子商務(wù)逐漸在城鎮(zhèn)和農(nóng)村的興起，在這樣的大數(shù)據(jù)發(fā)展背景下，網(wǎng)頁設(shè)計類課程教學形式的改革變得非常重要。

當前，國際工程教育機構(gòu)提出的最新教育理念便是CDIO教育模式。由麻省理工學院和瑞典皇家工學院等四所大學進行跨國研究，經(jīng)過四年的探索，創(chuàng)立了CDIO教育模式，該模式分別代表構(gòu)思（Conceive）、設(shè)計（Design）、實現(xiàn)（Implement）和運行（Operate），它以作品構(gòu)思研發(fā)到完成的生命周期為載體，讓學生以主動的、實踐的、課程之間有聯(lián)系的方式進行學習，打破了傳統(tǒng)課程模式，構(gòu)建以培養(yǎng)學生綜合素質(zhì)為中心、以企業(yè)實踐項目教學為主體的高職課程模式，是滿足高職教育培養(yǎng)目標行之有效的方法。根據(jù)社會對人才的需求，以CDIO教育模式為主導(dǎo)，對網(wǎng)頁設(shè)計制作課程進行教學改革，以此提高學生的專業(yè)技能和職業(yè)素養(yǎng)。我院也十分重視《網(wǎng)頁設(shè)計與制作》課程的教學改革，此項舉措不但可以提高教學質(zhì)量，還能培養(yǎng)高素質(zhì)網(wǎng)絡(luò)設(shè)計與制作人才，對未來互聯(lián)網(wǎng)不斷深入人們的衣食住行有深遠的意義。

2 課程研究現(xiàn)狀

2.1知識傳授碎片化，學生動手能力弱，知識的關(guān)聯(lián)度低

現(xiàn)在，不管是在書店還是網(wǎng)上，網(wǎng)頁設(shè)計類課程的教材種類繁多，但都存在一個共性——以制作網(wǎng)頁的技術(shù)為主，經(jīng)典案例的分析和網(wǎng)站整體規(guī)劃內(nèi)容少之又少，所以大多數(shù)的課堂教學側(cè)重點放在教材各個知識點的逐一講解上，把網(wǎng)頁設(shè)計課程的主體放在DreamWeaver這一網(wǎng)頁設(shè)計軟件上，在教學過程中忽略了項目設(shè)計的整體思維的培養(yǎng)，長此以往這種教學模式造成學生所學知識系統(tǒng)性不高，大多數(shù)學生反映在學完本門課后只能完成課堂單元作業(yè)，沒有整體規(guī)劃網(wǎng)頁的思維，無法進行完整的網(wǎng)頁設(shè)計，另一部分同學雖能設(shè)計出完整的網(wǎng)頁，但完成的作品結(jié)構(gòu)單一、色彩搭配不均，造成網(wǎng)頁蒼白無力，缺乏表現(xiàn)力，不夠美觀簡潔。

從網(wǎng)頁設(shè)計與制作這門課出發(fā)，其實在設(shè)計過程中會涉及很多實操性較強的課程中的知識點，比如圖片處理軟件Photo-shop、視頻制作課程Premiere，但是在教學過程中，由于排課安排和實際的課時限制，大多數(shù)的教學過程在授課時間上不允許教師過多的講授與本知識點有關(guān)聯(lián)的課程內(nèi)容，導(dǎo)致學生沒有領(lǐng)會系統(tǒng)、縱觀全局地解決實際問題的理念，在實訓(xùn)過程中提高綜合能力比較困難，主觀和客觀因素雜糅在一起，造成學生獨立分析問題與解決問題的能力不高，更不能達到自主設(shè)計一個完整網(wǎng)站的能力。在教師進行示范的時候，部分學生領(lǐng)會大致的操作過程，片面地認為操作很簡單，不愿意主動地去思考摸索，在自己實踐操作時，發(fā)現(xiàn)在具體的操作步驟和技巧上一知半解，無法設(shè)計制作出完整的網(wǎng)頁。另外一部分同學，自主學習的能力較強，在老師示范講解的時候，不愿意跟上老師的進度，堅持自己的思路設(shè)計作品，出現(xiàn)的問題就是設(shè)計出的作品專業(yè)性和科學性不高。

2.2教學內(nèi)容缺乏實用性

當前課堂中大多數(shù)的教學模式是單一性的，教學內(nèi)容以實際的教學大綱中所要求的需要了解和掌握的知識點為授課依據(jù)，缺乏當前發(fā)展背景下網(wǎng)頁設(shè)計的項目需求，工程背景匱乏，為了使學生接受起來并且教學進度適應(yīng)全班同學，課堂練習大多是以與本節(jié)課知識點相關(guān)的小案例為主，但是不能激發(fā)學生自主學習和探究的興趣，學習知識點的深度和廣度基本上停留在課堂上教師講授的部分內(nèi)容，這與學生步入工作崗位后實際的能力相差甚遠。

2.3缺乏團隊意識的培養(yǎng)

網(wǎng)頁制作課程重在培養(yǎng)學生動手設(shè)計網(wǎng)頁的能力，側(cè)重點在“設(shè)計”，但目前由于教學環(huán)境和硬件配置的影響，大多數(shù)網(wǎng)頁制作課程停留在技術(shù)的講解和學生個人作品的練習上，學生合作的團隊意識薄弱。當然，這也有客觀因素，因為在大多數(shù)班級學生層次不一，如果作品以小組為單位完成的話，存在學習底子較弱的同學不主動參與、不動手實踐的現(xiàn)象，所以培養(yǎng)團隊意識無法全面貫穿在網(wǎng)頁制作課程的始終，但是當學生進入工作崗位，大多項目都需要一個團隊合作來共同完成，通過調(diào)查發(fā)現(xiàn)，當需要合作完成時，普遍存在溝通交流不及時、不主動，導(dǎo)致工作滯后的現(xiàn)象。

2.4不能實施分層教學，兩極分化嚴重

在本人所承擔的教學班級，學生學習興趣程度不一，學習能力和接受能力參差不齊，就《網(wǎng)頁設(shè)計與制作》這門課，學習的整體效果和質(zhì)量也存在明顯的差異。在本門課程結(jié)束時，做了一項問卷調(diào)查，調(diào)查是關(guān)于教師的授課進度是否適合學生自身的學習程度，通過分析調(diào)查結(jié)果，發(fā)現(xiàn)38%的學生認為太慢，16%的學生認為太快，很顯然這54%的學生學習的積極性都會降低。因為受到傳統(tǒng)的垂直型教學模式的限制，導(dǎo)致分層教學活動無法開展，雖然每個學生都完成了相同的任務(wù)，但是卻產(chǎn)生了兩極分化的嚴重的現(xiàn)象。

3 基于CDIO模式的教學改革

3.1課程體系改革

就銀川市的幾所高校而言，計算機專業(yè)都開設(shè)了《網(wǎng)頁設(shè)計與制作》，在課程體系的設(shè)計上，可能略有區(qū)別，但整體上大同小異，都是先學習一些先導(dǎo)課程作為基礎(chǔ)能力的培養(yǎng)，同時也是學習后續(xù)其他課程的基礎(chǔ)。《網(wǎng)頁的設(shè)計與制作》課程主要是培養(yǎng)學生規(guī)劃設(shè)計與制作網(wǎng)站的能力，在網(wǎng)站的開發(fā)過程中涉及的內(nèi)容包括網(wǎng)站的前期工作（確定主題、素材收集）、制作作品、網(wǎng)站發(fā)布和后期維護等。在網(wǎng)頁制作的過程中，為了使網(wǎng)站更加美觀并且有展示的內(nèi)容，除了涉及基礎(chǔ)課程的學習，如：Photoshop、Premiere之外，還得具備和瀏覽者的交互功能、數(shù)據(jù)內(nèi)容的寫入等等，這時候網(wǎng)站就兼顧著前臺的展示功能和后臺的數(shù)據(jù)存儲和讀出，所以在設(shè)計整體的課程體系時，首要考慮的一個問題就是課程開設(shè)的先后順序，針對網(wǎng)頁設(shè)計制作這門課程，它的前導(dǎo)課程包括“計算機基礎(chǔ)與應(yīng)用”“Photoshop”“Flash”“Premiere”“數(shù)據(jù)庫基礎(chǔ)”等。

3.2教學內(nèi)容改革

教學過程的實施大致上還是以CDIO的教育模式為依據(jù)，圍繞構(gòu)思、設(shè)計、實現(xiàn)和運行這幾個步驟來展開，主要目的是激發(fā)學生興趣，培養(yǎng)學生的主觀能動性。尤其現(xiàn)在是我院轉(zhuǎn)型發(fā)展的特殊時期，需要加快步伐向公安專業(yè)靠攏，所以在網(wǎng)站的開發(fā)過程中，不管是何種類型的網(wǎng)站，除了要達到視覺效果美觀，還有一個重要的特點便是實用性，緊緊圍繞公安類專業(yè)開展，這就需要教師在設(shè)計教學內(nèi)容時應(yīng)該考慮以項目為引導(dǎo)，將本節(jié)課涉及的各個知識點融合到項目中，知識點覆蓋到該課程標準的70%左右，學生的設(shè)計工作量約占整個學習過程的30%～40%;可以由各小組——“工作室”自定項目主題，教師進行引導(dǎo)式的教學，使學生分工協(xié)作完成，在課程剛開始學習設(shè)計時，盡可能使設(shè)計的項目貼近學生生活，緊跟當前科技的發(fā)展，可以以解決實際生活中的需求來開發(fā)項目，例如：個人網(wǎng)站、班級網(wǎng)站、系學生會網(wǎng)站、校園社團網(wǎng)站等，從簡單到復(fù)雜，逐漸深入，如：禁毒、公安英模宣傳類網(wǎng)站、網(wǎng)絡(luò)安全類網(wǎng)站等。

3.3教學方法改革

1）基于CDIO模式的項目驅(qū)動法

CDIO模式是以真實的項目為背景，以項目的需求、規(guī)劃設(shè)計、制作和運行的生命周期為載體，培養(yǎng)學生專業(yè)技術(shù)及獨立解決問題的能力。以社團、禁毒宣傳、網(wǎng)絡(luò)安全、班級、偵查等為項目主題，設(shè)計網(wǎng)站。學生首先與網(wǎng)站需求方進行溝通，確定對方的需求和網(wǎng)站的功能，然后收集所需要的各類包括圖片、音頻、視頻素材，規(guī)劃網(wǎng)站結(jié)構(gòu)、設(shè)計布局，最后完成測試、上傳等。在這整個過程中，從項目需求到網(wǎng)站完成，所有的工作都由學生自主完成，從最初的簡單到后續(xù)的復(fù)雜工作，從發(fā)現(xiàn)問題到解決遇到的問題，都是以學生為主體，教師只是輔助學生完成作品，當網(wǎng)站上傳成功之后，學生會很有成就感，并且在整體的學習過程中，學生也學到了許多課本上學不到的知識。

培養(yǎng)學生知識、能力、素質(zhì)三者教學目標，將教學改革的重點放在培養(yǎng)學生的自主學習能力、信息獲取能力、軟件應(yīng)用能力和團隊合作能力上，教學形式也由傳統(tǒng)的單一性課堂教學演變?yōu)檎n堂、課外兩部分，并且這兩部分在教學方法的實施上也有區(qū)別，如表1所示：

我們將培養(yǎng)學生的自主學習能力、DreamWeaver應(yīng)用能力和團隊協(xié)作能力綜合起來放在課堂上來開展，按照教材大綱對本課程的課時計劃是72課時，在課程具體開展的時候利用項目化教學方法，以一個班為基本教學單位，采用引導(dǎo)式、啟發(fā)式的教學方法，與教學項目聯(lián)系起來，主要給學生強調(diào)重點和難點以及應(yīng)用。在教學方法轉(zhuǎn)變的過程中，教師也要不斷給學生引導(dǎo)團隊合作的意識。開始制作項目時，可以把學生以4-6個人為一組進行分組，并選出一位組長，再將小組中每位同學的任務(wù)確定下來，角色也相應(yīng)地確定下來，保證小組中的每個人都各司其職，分工明確。比如：語言表達能力強的同學，可以在前期的需求階段與大家進行溝通，Photoshop軟件使用的好的同學可以進行美工處理等等。為了保證項目合理有序地進行，組長在整個項目中要負責組織與協(xié)調(diào)工作，教師也要進行監(jiān)督，保證每個人參與進來。

在課外開展的教學主要以培養(yǎng)信息獲取能力為目的，條件允許的話每周開設(shè)1-2次輔導(dǎo)課，輔導(dǎo)內(nèi)容圍繞課堂教學進度或者學生設(shè)計制作中遇到的、自己無法解決的問題，教師可以提供幫助和建設(shè)性的意見。

2）通過項目答辯，提升學習能力

整體的項目完成后，每位同學按照從構(gòu)思、設(shè)計到實現(xiàn)的思路把自己所負責的部分為全班同學做介紹、展示，其他同學如果有疑問或者不懂的地方，可以提進行提問。這種形式，與我系每學期期末的作品展形式一致，在老師和學生當中，受到了好評，大家一致覺得，雖然這種展示形式讓學生有心理壓力，但是也鍛煉了學生的語言表達能力和心理素質(zhì)，并且通過這種形式，學生可以很直觀地對比自己和其他同學的差距和不足，對學生提升學習能力有很大幫助，最后老師進行總結(jié)點評。

3.4考核形式改革

考核形式的改革思路也是以實踐性操作和過程性考核為主，從傳統(tǒng)的以平時成績占15%，平時作業(yè)15%，期末考試70%，轉(zhuǎn)變?yōu)楸矶某銮诼收?5%，平時作業(yè)15%，幾個項目考核占70%，期末的考試也包括在項目考核中，其中，在項目考核中，將學生在項目制作過程中的具體表現(xiàn)和實踐能力為打分依據(jù)，注

重學生的實際動手能力，CDIO模式的主要思路也是注重過程性考核，學生平時的作品、現(xiàn)場匯報效果、出勤等都作為考核的一部分，為了能夠充分體現(xiàn)課程教學培養(yǎng)的目標、體現(xiàn)學生的實際學習情況和引導(dǎo)學生的學習方向，嚴格的考勤是保證教學質(zhì)量的前提，對缺勤的學生及時處理，對遲到或早退的學生進行嚴肅的批評，如果有必要，可聯(lián)系其輔導(dǎo)員進行處理;對平時作業(yè)多點評，不管是教師親自點評還是讓學生互評，都能提高學生的積極性，學生互評還能提高個人能力和與人交際能力;各項目的考核能讓學生較系統(tǒng)地掌握整個項目的知識點和技能點，教師及時將考核的結(jié)果和評語反饋給學生，使學生在規(guī)定的時間之內(nèi)完善修改，教師在進行復(fù)查。只要學生按時上課，平時認真的完成各個練習和與小組成員合作完成項目，并且在考核中達到教學要求，本門課就能取得優(yōu)異的成績。

4 總結(jié)

在本篇教學改革論文的思考與探究中，將CDIO模式融入《網(wǎng)頁設(shè)計制作》課程中，是教學改革的另一種創(chuàng)新形式，使“做中學一學中做一做學合一”的教學思路始終貫穿學生學習本課程的始終，以學生為主導(dǎo)，教師為輔助的教學思路，使學生更加積極主動的學習，明確學習目標的同時激發(fā)了濃厚的學習興趣，培養(yǎng)了學生的團隊協(xié)作、配合、交流能力，也提高了學生解決問題的能力，為將來就業(yè)打好基礎(chǔ)。

通過在課程中引入CDIO模式，拓展了學生的知識面，提高了網(wǎng)頁設(shè)計與制作的專業(yè)知識和技能，還體現(xiàn)了團隊合作意識，更增強了學生的項目工程實踐能力，為日后學生步入工作崗位從事網(wǎng)站設(shè)計類工作打下堅實的基礎(chǔ)。

參考文獻：

[1]顧佩華.CDIO在中國[J].高等工程教育研究，2014（3）.

[2]季恒.基于CDIO理念的《網(wǎng)頁設(shè)計》教學改革與實踐[J].湖北函授大學學報，2015，25（3）：82.

[3]葉根梅.基于CDIO的“網(wǎng)頁設(shè)計與制作”課程教學改革實踐[J].通化師范學院報，2016，35（2）：72.

[4]丁海燕.“網(wǎng)頁設(shè)計與制作”教學實踐與實驗教學設(shè)計[J].云南大學學報，2017（2）.

[5]覃峰.基于工作過程的網(wǎng)頁設(shè)計與制作課程教學改革探索與實踐[J].福建電腦，2011，27（2）.

[6]黃穎.基于工作過程的“網(wǎng)頁設(shè)計與制作”課程改革探索[J].計算機光盤軟件與應(yīng)用，2013（13）.

[7]劉曉知.網(wǎng)頁設(shè)計與制作課程的教學探討[J].電腦知識與技術(shù)，2012（35）.

【通聯(lián)編輯：張薇】

收稿日期：2019-08-25

作者簡介：王千文（1988-），女，碩士，助教，主要研究方向為計算機應(yīng)用技術(shù)。