應用型人才培養目標下網站設計與開發課程綜合改革探討

王秀慧

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

關鍵詞：網站設計與開發;應用型人才;教學改革;應用實踐能力

中圖分類號：G642;TP311 ?文獻 標識碼：A ?論文編號：1674-2117（2018）12-0097-04

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

網站設計與開發是一門理論性和實踐性均很強的課程，其應用領域越來越多。各大企業、公司及政府部門的門戶網站的開發以及基于B/S的各類應用系統的開發都需要這門課程相關技術的支持。作為筆者所在學校網絡工程、教育技術學和數字媒體技術專業的一門學科與專業基礎教育平臺課程，網站設計與開發的培養目標重在培養學生的應用實踐能力，具體為：學生通過本課程的學習，能夠掌握網頁設計的基本概念、知識和原理，能熟練應用相關軟件進行網頁制作及相關藝術設計的實踐操作，掌握網站開發流程，具備Web應用系統的綜合設計和開發能力，能夠勝任Web前端后端開發、企業網站維護等工作。由此可見，讓理論和實踐緊密結合，集知識和技能為一體是課程教學目標的一個理想狀態。

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

● 教學內容改革

網站設計與開發課程的教學改革雖然包括多個層面，但教學內容的選擇以及教學知識點的合理組織卻是課堂教學的核心。對教學內容的改革主要體現在兩個方面：加強與前導課程的緊密銜接;重構教學知識點。

1.加強與前導課程的緊密銜接

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

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

2.重構教學知識點

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

● 教學方法改革

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

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

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

● 翻轉課堂教學模式的應用 ?

筆者根據多年的教學經驗，發現在傳統的教學模式下，網站設計與開發課程教學存在如下問題：

（1）該課程知識點很多，囊括了靜態網頁開發技術HTML、CSS和JS，動態網頁開發技術C#、ADO.NET、ASP.NET，數據庫相關知識和VS2010開發軟件，有限的課堂理論教學無法很好地滿足教學和學習需求。

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

（3）傳統教學模式中以教師教授為主，學生被動接受知識，導致學習興趣不高，缺乏積極性。

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

該課程翻轉課堂的實施依托超星學習通。超星學習通是一款既面向PC又面向智能手機、平板電腦等移動終端的綜合學習平臺。教師通過平臺，可以靈活創建教學課程學習空間，實施班級教學管理，跟蹤學生學習情況并實現對學習數據的統計分析。學生通過該平臺，可以觀看教學視頻、交流互動、發起討論、上傳下載作業等。[3]

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

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

● 考核方式的改革

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

● 結語

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

參考文獻：

[1]徐勝舟.項目驅動法在Java Web程序設計實驗教學中的應用[J].計算機教育，2012（24）：116-119.

[2]任平紅，陳矗，鄭秋梅.貫穿案例教學法在Java Web程序設計教學中的應用[J].計算機教育，2014（14）：64-69.

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

[4]丁智國.翻轉課堂在軟件體系結構課程教學中的實踐[J].計算機教育，2017（3）：68-71.

基金項目：山西大同大學校級教學改革項目（XJG2016212）;山西省教育科學“十二五”規劃項目（GH-13091）。