應(yīng)用型人才培養(yǎng)目標(biāo)下網(wǎng)站設(shè)計(jì)與開發(fā)課程綜合改革探討

王秀慧

摘要：本文作者結(jié)合所在學(xué)校地方性大學(xué)的特點(diǎn)，以培養(yǎng)應(yīng)用型人才為目標(biāo)，針對網(wǎng)站設(shè)計(jì)與開發(fā)課程在教學(xué)過程中存在的問題，從教學(xué)內(nèi)容、教學(xué)方法、教學(xué)模式應(yīng)用及考核方式等四個方面進(jìn)行了有效改革。實(shí)踐證明，經(jīng)過改革，學(xué)生學(xué)習(xí)積極性更高，自主學(xué)習(xí)能力和應(yīng)用實(shí)踐能力得到明顯提升。

關(guān)鍵詞：網(wǎng)站設(shè)計(jì)與開發(fā);應(yīng)用型人才;教學(xué)改革;應(yīng)用實(shí)踐能力

中圖分類號：G642;TP311 ?文獻(xiàn) 標(biāo)識碼：A ?論文編號：1674-2117（2018）12-0097-04

隨著“互聯(lián)網(wǎng)+”時(shí)代的到來，社會對高層次應(yīng)用實(shí)踐型人才的需要越來越迫切。近幾年，在國家相關(guān)政策的引導(dǎo)下，各高等院校越來越重視對學(xué)生應(yīng)用實(shí)踐能力的培養(yǎng)，筆者所在的山西大同大學(xué)也不例外。作為一所地方本科院校，其人才培養(yǎng)定位為應(yīng)用型本科，著力培養(yǎng)適應(yīng)地方經(jīng)濟(jì)社會發(fā)展需求的高層次、高素質(zhì)應(yīng)用型人才。這就要求學(xué)生不僅要掌握專業(yè)基本理論知識，更要注重技術(shù)應(yīng)用能力的培養(yǎng)。

網(wǎng)站設(shè)計(jì)與開發(fā)是一門理論性和實(shí)踐性均很強(qiáng)的課程，其應(yīng)用領(lǐng)域越來越多。各大企業(yè)、公司及政府部門的門戶網(wǎng)站的開發(fā)以及基于B/S的各類應(yīng)用系統(tǒng)的開發(fā)都需要這門課程相關(guān)技術(shù)的支持。作為筆者所在學(xué)校網(wǎng)絡(luò)工程、教育技術(shù)學(xué)和數(shù)字媒體技術(shù)專業(yè)的一門學(xué)科與專業(yè)基礎(chǔ)教育平臺課程，網(wǎng)站設(shè)計(jì)與開發(fā)的培養(yǎng)目標(biāo)重在培養(yǎng)學(xué)生的應(yīng)用實(shí)踐能力，具體為：學(xué)生通過本課程的學(xué)習(xí)，能夠掌握網(wǎng)頁設(shè)計(jì)的基本概念、知識和原理，能熟練應(yīng)用相關(guān)軟件進(jìn)行網(wǎng)頁制作及相關(guān)藝術(shù)設(shè)計(jì)的實(shí)踐操作，掌握網(wǎng)站開發(fā)流程，具備Web應(yīng)用系統(tǒng)的綜合設(shè)計(jì)和開發(fā)能力，能夠勝任Web前端后端開發(fā)、企業(yè)網(wǎng)站維護(hù)等工作。由此可見，讓理論和實(shí)踐緊密結(jié)合，集知識和技能為一體是課程教學(xué)目標(biāo)的一個理想狀態(tài)。

筆者從2012年開始擔(dān)任這門課程的主講教師，在五年的教學(xué)中不斷發(fā)掘影響教學(xué)效果的因素，摒棄教學(xué)過程中的不足之處，總結(jié)經(jīng)驗(yàn)教訓(xùn)，逐步實(shí)施教學(xué)改革，以期最大化改善教學(xué)效果。2016年筆者所在課題組承擔(dān)了網(wǎng)站設(shè)計(jì)與開發(fā)課程的綜合教學(xué)改革任務(wù)，經(jīng)過兩年多的工作推進(jìn)，在課程教學(xué)內(nèi)容、教學(xué)方法、教學(xué)模式及考核方式上都提出了較好的改進(jìn)措施，并取得了良好的教學(xué)效果，使得學(xué)生的應(yīng)用實(shí)踐能力有了很大的提高。

● 教學(xué)內(nèi)容改革

網(wǎng)站設(shè)計(jì)與開發(fā)課程的教學(xué)改革雖然包括多個層面，但教學(xué)內(nèi)容的選擇以及教學(xué)知識點(diǎn)的合理組織卻是課堂教學(xué)的核心。對教學(xué)內(nèi)容的改革主要體現(xiàn)在兩個方面：加強(qiáng)與前導(dǎo)課程的緊密銜接;重構(gòu)教學(xué)知識點(diǎn)。

1.加強(qiáng)與前導(dǎo)課程的緊密銜接

網(wǎng)站設(shè)計(jì)與開發(fā)不是一門獨(dú)立的課程，它的綜合性很強(qiáng)，涉及的知識面很廣，學(xué)習(xí)本門課程之前要求學(xué)生具備面向?qū)ο蟪绦蛟O(shè)計(jì)的思想、平面設(shè)計(jì)的藝術(shù)素養(yǎng)及比較扎實(shí)的數(shù)據(jù)庫應(yīng)用與開發(fā)能力。所以在制定人才培養(yǎng)方案時(shí)，把“C++程序設(shè)計(jì)”“平面藝術(shù)設(shè)計(jì)”和“數(shù)據(jù)庫原理”等課程合理地安排到該課程之前，以便為該課程的學(xué)習(xí)打下堅(jiān)實(shí)的基礎(chǔ)。但是長期以來，各門課程主講教師都是各自為營，在具體實(shí)施教學(xué)過程中只關(guān)注本門課程的教學(xué)，不注重課程之間的銜接關(guān)系和知識的融會貫通，以至于到了網(wǎng)站設(shè)計(jì)與開發(fā)課程的學(xué)習(xí)階段，學(xué)生的知識結(jié)構(gòu)還存在各種問題，主要表現(xiàn)在：（1）具備較強(qiáng)的圖像處理能力，但是對網(wǎng)頁色彩搭配及版式布局的設(shè)計(jì)能力較弱。（2）數(shù)據(jù)庫理論知識較扎實(shí)，但案例分析、設(shè)計(jì)與應(yīng)用能力不高。（3）編程更注重基礎(chǔ)理論（如概念及語法結(jié)構(gòu)），實(shí)際編程能力和靈活運(yùn)用能力不足。這些問題的存在都影響了網(wǎng)站設(shè)計(jì)與開發(fā)課程的教學(xué)質(zhì)量。

針對以上不足，筆者所在教學(xué)團(tuán)隊(duì)定期組織教研活動并深入探討課程之間的相互聯(lián)系，進(jìn)而不斷調(diào)整優(yōu)化教學(xué)內(nèi)容，最終實(shí)現(xiàn)了課程之間的高度融合和緊密銜接。具體表現(xiàn)在：（1）平面藝術(shù)課程增加了綜合實(shí)訓(xùn)系列項(xiàng)目，其中“網(wǎng)頁平面設(shè)計(jì)”實(shí)訓(xùn)項(xiàng)目重點(diǎn)培養(yǎng)學(xué)生網(wǎng)頁設(shè)計(jì)能力與素養(yǎng)，具體要求為：掌握平面設(shè)計(jì)的基礎(chǔ)知識，理解網(wǎng)頁平面設(shè)計(jì)的基本原則，綜合運(yùn)用所學(xué)設(shè)計(jì)理論和設(shè)計(jì)軟件進(jìn)行網(wǎng)站首頁設(shè)計(jì)，網(wǎng)頁元素完整、版式結(jié)構(gòu)合理、色彩搭配與主題相符。（2）數(shù)據(jù)庫原理課程設(shè)計(jì)環(huán)節(jié)中，采取案例鑒賞的模式讓學(xué)生分享數(shù)據(jù)庫設(shè)計(jì)案例并實(shí)現(xiàn)學(xué)生互評和教師點(diǎn)評，以此有效提高學(xué)生數(shù)據(jù)庫開發(fā)與應(yīng)用實(shí)踐能力。（3）C++程序設(shè)計(jì)課程除了保證學(xué)生掌握基礎(chǔ)理論知識以外，更注重對學(xué)生編程思想的培養(yǎng)。主要體現(xiàn)在：實(shí)驗(yàn)環(huán)節(jié)減少了驗(yàn)證型實(shí)驗(yàn)，增加了綜合型實(shí)驗(yàn)，重點(diǎn)訓(xùn)練學(xué)生解決實(shí)際問題的能力;成立編程工作室，鼓勵學(xué)生加入，組建興趣小組，參加各類程序設(shè)計(jì)大賽，以此不斷提高學(xué)生自學(xué)能力、創(chuàng)新能力與合作能力。

2.重構(gòu)教學(xué)知識點(diǎn)

網(wǎng)站設(shè)計(jì)與開發(fā)是一門綜合性很強(qiáng)的課程，囊括的知識點(diǎn)非常多，開發(fā)技術(shù)涉及HTML、CSS、JS、C#、ADO.NET、ASP.NET、數(shù)據(jù)庫相關(guān)知識、VS2010開發(fā)軟件等。如果采取常規(guī)教學(xué)，按照教材中“知識點(diǎn)+舉例”的講解方式，有限的學(xué)時(shí)根本無法滿足學(xué)生的學(xué)習(xí)需求，所以需要對知識點(diǎn)進(jìn)行重構(gòu)。筆者把教學(xué)內(nèi)容總體分為兩大板塊——靜態(tài)網(wǎng)頁開發(fā)技術(shù)和動態(tài)網(wǎng)頁開發(fā)技術(shù)，整體采用項(xiàng)目貫穿、案例驅(qū)動、知識點(diǎn)穿插的劃分方式，把各個重要知識點(diǎn)合理地分散到每一個具體的案例中，力求做到深入重點(diǎn)，以點(diǎn)帶面。其中靜態(tài)網(wǎng)頁開發(fā)技術(shù)摒棄了靜態(tài)網(wǎng)頁開發(fā)工具DW的詳解，把標(biāo)簽作為重點(diǎn)學(xué)習(xí)內(nèi)容，使得學(xué)生在設(shè)計(jì)實(shí)現(xiàn)靜態(tài)網(wǎng)頁時(shí)，不僅能知其然，更能知其所以然。動態(tài)網(wǎng)頁開發(fā)技術(shù)更注重培養(yǎng)學(xué)生解決實(shí)際問題的能力，通過典型網(wǎng)站案例分析對比，讓學(xué)生了解一般網(wǎng)站功能模塊的組成，采取循序漸進(jìn)、由淺入深的劃分方式把知識點(diǎn)融合到網(wǎng)站各個功能模塊的開發(fā)過程中。知識點(diǎn)劃分如下頁圖所示。

● 教學(xué)方法改革

本課程在教學(xué)改革以前采用傳統(tǒng)的“講授+實(shí)驗(yàn)”的教學(xué)方法。理論課上教師講解相關(guān)知識點(diǎn)，再把知識點(diǎn)應(yīng)用到各個分散的小案例中。實(shí)驗(yàn)課上學(xué)生依據(jù)教師布置的教學(xué)任務(wù)驗(yàn)證知識點(diǎn)并完成相關(guān)實(shí)例。[1]這使得學(xué)生獲取知識比較片面，前后銜接不夠緊密，學(xué)生不能很好地融合教學(xué)知識點(diǎn)，導(dǎo)致學(xué)生解決實(shí)際問題的能力不夠，項(xiàng)目開發(fā)能力不足。為此，筆者提出“項(xiàng)目貫穿、案例驅(qū)動、知識點(diǎn)穿插”的教學(xué)方法。精選典型網(wǎng)站項(xiàng)目，把完整的網(wǎng)站項(xiàng)目分解成若干前后緊密銜接的教學(xué)案例，每個案例按照循序漸進(jìn)、由淺入深的原則嵌入不同的知識點(diǎn)，通過案例驅(qū)動教學(xué)并把知識點(diǎn)貫穿到一個系統(tǒng)完整的網(wǎng)站項(xiàng)目開發(fā)中，以實(shí)際項(xiàng)目貫穿整個教學(xué)體系，有利于提高學(xué)生綜合運(yùn)用知識的能力，培養(yǎng)學(xué)生的系統(tǒng)化思維。

在“項(xiàng)目貫穿、案例驅(qū)動、知識點(diǎn)穿插”教學(xué)方法的實(shí)施過程中，教學(xué)項(xiàng)目的選擇非常重要。應(yīng)遵循以下幾個原則：（1）項(xiàng)目要大小適中，具有代表性。項(xiàng)目太大，功能模塊太多，無法在有限的學(xué)時(shí)內(nèi)完成。項(xiàng)目太小，不能囊括關(guān)鍵知識點(diǎn)，滿足不了實(shí)際開發(fā)需求。（2）項(xiàng)目要緊貼教學(xué)內(nèi)容，保持與教學(xué)目標(biāo)一致。（3）項(xiàng)目要具有層次性，保證項(xiàng)目在劃分為若干案例后，能夠?qū)?yīng)到教學(xué)的不同教學(xué)時(shí)段。（4）項(xiàng)目要具有可擴(kuò)展性，保證學(xué)生在具有一定的知識結(jié)構(gòu)后，能夠自覺發(fā)揮主觀能動性去主動解決問題，培養(yǎng)學(xué)生發(fā)現(xiàn)問題、解決問題的能力。[2]

基于以上原則，經(jīng)分析對比，筆者選擇“網(wǎng)上書城系統(tǒng)”作為教學(xué)實(shí)施項(xiàng)目。并從前臺和后臺的角度把整個系統(tǒng)劃分為網(wǎng)站首頁的設(shè)計(jì)與制作、用戶登錄注冊及找回密碼、網(wǎng)站訪問量和在線人數(shù)統(tǒng)計(jì)、圖書信息展示與查詢、購物車、訂單查詢、圖書管理（包含圖書新增、修改和刪除）、訂單管理、會員管理等九個教學(xué)案例，各案例之間緊密銜接，前后呼應(yīng)，富有層次性，保障學(xué)生循序漸進(jìn)、由淺入深地接受知識。

● 翻轉(zhuǎn)課堂教學(xué)模式的應(yīng)用 ?

筆者根據(jù)多年的教學(xué)經(jīng)驗(yàn)，發(fā)現(xiàn)在傳統(tǒng)的教學(xué)模式下，網(wǎng)站設(shè)計(jì)與開發(fā)課程教學(xué)存在如下問題：

（1）該課程知識點(diǎn)很多，囊括了靜態(tài)網(wǎng)頁開發(fā)技術(shù)HTML、CSS和JS，動態(tài)網(wǎng)頁開發(fā)技術(shù)C#、ADO.NET、ASP.NET，數(shù)據(jù)庫相關(guān)知識和VS2010開發(fā)軟件，有限的課堂理論教學(xué)無法很好地滿足教學(xué)和學(xué)習(xí)需求。

（2）該課程實(shí)踐性強(qiáng)，知識只有通過學(xué)生親身實(shí)踐，與他人的互動交流，配合教師的指導(dǎo)才能有效掌握。但實(shí)驗(yàn)課時(shí)有限，學(xué)生實(shí)踐過程中遇到問題較多，有限的課上交流輔導(dǎo)時(shí)間無法滿足學(xué)生解決問題的需要。

（3）傳統(tǒng)教學(xué)模式中以教師教授為主，學(xué)生被動接受知識，導(dǎo)致學(xué)習(xí)興趣不高，缺乏積極性。

基于以上三點(diǎn)，本課程有必要實(shí)施翻轉(zhuǎn)課堂教學(xué)，這樣使得學(xué)生在課堂上能有更多自主時(shí)間和教師一起參與關(guān)鍵學(xué)習(xí)活動，解決實(shí)際問題，并且課程微視頻可以保障學(xué)生能夠反復(fù)觀看，鞏固薄弱知識點(diǎn)，滿足學(xué)生個性化學(xué)習(xí)需求。此外，翻轉(zhuǎn)課堂的實(shí)施能有效提高學(xué)生學(xué)習(xí)興趣以及學(xué)習(xí)熱情與積極性，提高學(xué)生的自主學(xué)習(xí)能力，有助于學(xué)生學(xué)習(xí)效率的提高。

該課程翻轉(zhuǎn)課堂的實(shí)施依托超星學(xué)習(xí)通。超星學(xué)習(xí)通是一款既面向PC又面向智能手機(jī)、平板電腦等移動終端的綜合學(xué)習(xí)平臺。教師通過平臺，可以靈活創(chuàng)建教學(xué)課程學(xué)習(xí)空間，實(shí)施班級教學(xué)管理，跟蹤學(xué)生學(xué)習(xí)情況并實(shí)現(xiàn)對學(xué)習(xí)數(shù)據(jù)的統(tǒng)計(jì)分析。學(xué)生通過該平臺，可以觀看教學(xué)視頻、交流互動、發(fā)起討論、上傳下載作業(yè)等。[3]

在翻轉(zhuǎn)課堂實(shí)施過程中，教學(xué)過程劃分為課前、課中和課后三個環(huán)節(jié)。[4]課前：教師結(jié)合教學(xué)項(xiàng)目精心制作教學(xué)視頻，上傳到學(xué)習(xí)通平臺。學(xué)生在學(xué)習(xí)通平臺上觀看教學(xué)視頻，并記錄在觀看中遇到的問題，同時(shí)通過學(xué)習(xí)通平臺提出疑問。每段視頻后附有教師所提問題和任務(wù)點(diǎn)，學(xué)生獨(dú)立完成任務(wù)點(diǎn)，如果未完成任務(wù)，記錄存在的問題準(zhǔn)備課堂解決。課中：針對學(xué)生在學(xué)習(xí)通平臺中提出的問題進(jìn)行分類匯總，給出解答;以分組形式讓學(xué)生展示并講解任務(wù)完成情況，如果任務(wù)完成存在問題，針對學(xué)生遇到的問題現(xiàn)場解決;現(xiàn)場指導(dǎo)學(xué)生完成相關(guān)實(shí)例;補(bǔ)充未盡知識點(diǎn)，并歸納總結(jié)。課后：驗(yàn)收學(xué)生完善后的作品，依據(jù)量規(guī)進(jìn)行評價(jià);進(jìn)行教學(xué)反思，改善不足之處。

目前，該課程翻轉(zhuǎn)課堂教學(xué)模式已應(yīng)用到筆者所在學(xué)校2015級數(shù)字媒體技術(shù)專業(yè)本科一、二班，學(xué)生普遍反映良好，與未實(shí)施翻轉(zhuǎn)課堂的班級相比，實(shí)施了翻轉(zhuǎn)課堂的班級的學(xué)生的綜合實(shí)踐能力和項(xiàng)目開發(fā)能力明顯要高，自主學(xué)習(xí)能力也得到了有效提升。

● 考核方式的改革

考核方式的改革以提高學(xué)生應(yīng)用實(shí)踐能力為目標(biāo)，把成績的評估分為三部分——三個綜合性作業(yè)（60%）+學(xué)習(xí)通學(xué)習(xí)記錄（20%）+拓展知識作品展示（20%）。其中，三個作業(yè)的布置分布在教學(xué)過程的不同時(shí)段，分別從不同角度考查學(xué)生運(yùn)用知識的能力;學(xué)習(xí)通學(xué)習(xí)記錄分為三部分：課程視頻完成率+課堂互動情況+討論活躍度，分別用來考查學(xué)生課前完成學(xué)習(xí)視頻情況、課堂實(shí)時(shí)討論參與度及課下針對學(xué)習(xí)過程中存在的問題進(jìn)行交流互動的頻度;拓展知識作品展示重點(diǎn)考查學(xué)生自學(xué)能力，針對教學(xué)未盡之處提出問題，放手讓學(xué)生獨(dú)立完成，學(xué)生通過查閱材料自行解決并展示出來，采用這種方法可以大大發(fā)揮學(xué)生的主觀能動性，并有效提高其解決實(shí)際問題的能力。

● 結(jié)語

網(wǎng)站設(shè)計(jì)與開發(fā)課程自實(shí)施教學(xué)改革以來，取得了良好的教學(xué)效果。經(jīng)過教學(xué)內(nèi)容的調(diào)整、教學(xué)方法的改進(jìn)、翻轉(zhuǎn)課堂教學(xué)模式的應(yīng)用及課程考核方式的變革，學(xué)生學(xué)習(xí)行為更連貫，學(xué)習(xí)興趣更濃，作業(yè)顯示學(xué)生應(yīng)用實(shí)踐能力和解決實(shí)際問題的能力明顯得到提升。但是還存在一些不足之處，如學(xué)生反映某些課時(shí)課下自學(xué)時(shí)間偏長、任務(wù)偏重，有些教學(xué)視頻錄制時(shí)間偏長，觀看容易失去耐心，在下一步的教學(xué)工作中，筆者將會繼續(xù)總結(jié)經(jīng)驗(yàn)教訓(xùn)，以期教學(xué)質(zhì)量更上一個臺階。

參考文獻(xiàn)：

[1]徐勝舟.項(xiàng)目驅(qū)動法在Java Web程序設(shè)計(jì)實(shí)驗(yàn)教學(xué)中的應(yīng)用[J].計(jì)算機(jī)教育，2012（24）：116-119.

[2]任平紅，陳矗，鄭秋梅.貫穿案例教學(xué)法在Java Web程序設(shè)計(jì)教學(xué)中的應(yīng)用[J].計(jì)算機(jī)教育，2014（14）：64-69.

[3]張麗君.基于超星學(xué)習(xí)通的英語閱讀移動教學(xué)模式應(yīng)用研究[J].信息技術(shù)與信息化，2016（12）：91-93.

[4]丁智國.翻轉(zhuǎn)課堂在軟件體系結(jié)構(gòu)課程教學(xué)中的實(shí)踐[J].計(jì)算機(jī)教育，2017（3）：68-71.

基金項(xiàng)目：山西大同大學(xué)校級教學(xué)改革項(xiàng)目（XJG2016212）;山西省教育科學(xué)“十二五”規(guī)劃項(xiàng)目（GH-13091）。