依托信息化教學平臺的教學實踐

黃鶯 昂娟 葉根梅

摘? 要：針對高校“網頁設計與制作”課程在傳統教學模式下存在的弊端，基于工作過程的教學思路，文章對項目教學法借助信息化教學平臺在教學中的具體設計、方法和實施的效果進行實踐性研究。學生在課堂上既學習了知識也掌握了企業網站開發流程，通過項目訓練使得學生在校期間就積累了豐富的項目經驗，真正實現與真實崗位對接。

關鍵詞：工作過程;項目教學法;網頁制作

Abstract：In view of the drawbacks of the traditional teaching mode of “Web Design and Production” course in colleges and universities，through the teaching ideas based on the work process，the article conducts practical research on the specific design，method and implementation effect of project teaching method with the help of information teaching platform in teaching. In the classroom，students have both learned knowledge and mastered the corporate website development process. Through project training，students have accumulated a wealth of project experience during school，and truly realize the connection with real positions.

Keywords：work process;project teaching method;webpage production

0? 引? 言

“網頁設計與制作”課程是高校計算機專業的必修課，其主要的培養目標就是學生系統性地學習并掌握網站開發的理論知識，同時能夠熟練進行網頁的設計和制作，從而能有效應用于將來的網站開發工作中。隨著計算機網絡的普及和發展，市場對網站開發的人才需求會越來越大，作為高校，應更好地服務于經濟發展和企業人才需求，需要使課程設置與工作崗位更為貼合，這樣才能夠培養出面向市場需求的技術型人才。

基于實際工作過程的項目教學是符合高職教育堅持“職業化、員工化”的教學改革思路，其人才培養目標和模式必須適應市場經濟對人才的需求。可以激發學生的學習興趣，提高學生的團結協作能力、分析和解決問題的能力，真正體現高職教育特點[1]。

在基于實際工作過程的項目教學過程中，教師不再是處于教學的主體，而是作為引導者，幫助及促進學生進行項目學習，學生在項目實踐過程中發揮其學習主體性，在完成工作任務的過程中完成知識和技能的學習并解決實際問題[2]。

1? 網頁設計與制作課程概況

本文以計算機網絡技術專業“網頁設計與制作”課程中的表單設計與制作模塊為例，以本校2018級計算機網絡技術專業學生為教學對象，進行基于工作過程的項目式教學應用研究。

“網頁設計與制作”是計算機網絡技術專業的一門專業課程，開設時間是大一第二學期，共18個教學周，每周4課時，共72學時。本門課包含“Web前端開發工程師”崗位需求三要素：HTML、CSS和JavaScript，主要是為專業培養目標中的“網站建設”起支撐作用，和“數據庫應用技術”“網站建設與開發”等課程結合，培養網站建設與管理方向高素質的技能型人才。

整個課程選取學生寒假實踐承接的政府公益性網站“助農網”，將完整的“助農網”工作項目貫穿始終，包括：需求分析、網站策劃和設計、網站建設與制作、網站部署和驗收。按照項目開發流程結合教學實際，劃分成5個子項目，本研究選取表單模塊，依據Web前端開發工程師典型職業崗位，選取與本課程相關的典型職業技能，整合“助農網”教學項目，選取表單設計與制作這項典型工作任務進行實踐性研究。

2? 基于工作任務的項目教學實施

本文以表單模塊為例，驗證基于工作過程的項目教學是符合人才培養目標的，通過在課程中實施基于實際工作過程的項目教學法，促進學生在學習專業知識的同時能夠做到更好地掌握崗位技能，對于培養學生們的職業能力和職業素養有很大的促進作用，充分體現出高職教育的職業化特點[3]。

2.1? 教學目標

依據計算機網絡技術專業人才培養方案中對“Web應用開發能力”的培養要求，結合“1+X——Web前端開發”職業能力標準中的技能要求，以及課程標準中的崗位目標，并結合學生學情，以政府公益性網站“助農網”的設計與制作為主線，整合教學內容，設定表單模塊的三維教學目標如表1所示。

學生經過前期章節的學習，學生熟悉了網頁項目的開發工具和開發流程;經過本章節前面知識的學習，學生掌握了表單標簽（form、input、textarea、select）和屬性、表單的布局和美化等基本知識。從學生的課前微課學習和理論測試結果來看，學生對于新課知識點掌握良好;從學生提交的原型圖來看，設計稿基本能滿足客戶需求和用戶體驗，但綜合應用能力較欠缺。經過一學期通識課程的學習，學生面臨基礎教育到職業教育學習模式的轉變，具有職業理想，亟待形成專業認知和崗位認知，同時對先進的互聯網技術很感興趣，對新興的信息化技術有較大的熱情。

2.2? 教學設計

本次教學選取來自政府公益性項目“助農網”的表單模塊為載體，要求學生完成“助農網”四個表單模塊的設計和制作。按照企業實際開發網站的流程：需求分析-網頁設計網頁制作-部署驗收來策劃教學內容，可以激發學生的學習興趣，體驗真實的職業情境。四個教學任務都按照實際工作流程來組織教學過程，基于實際的工作過程，以任務為驅動，對接技術活動全過程，優化教學環節。

2.3? 教學內容

教師首先要和企業導師一起，結合企業中“Web前端開發設計師”的崗位標準，練習本章的教學內容，創設出本模塊的典型工作任務——“助農網”四個表單頁面的設計與制作，引導學生先明確網頁需求，根據需求進行頁面設計并熟練的制作出頁面。根據學生的認知特點和知識點遞進關系，將表單項目分解序化成4個典型工作任務，分別為登錄表單、留言反饋表單、注冊表單、商家表單。其中登錄表單主要知識點為認識表單;留言反饋表單主要知識點為表單布局;注冊表單主要知識點為表單空間選擇;商家信息表單主要知識點為表單的綜合應用。其設置包含了表單所需的知識點，同時加強了學生的實踐操作過程，四個任務環環相扣，其流程有利于學生學習掌握相應知識點。

2.4? 教學實施流程

在具體的教學實施過程中，利用超星學習通在線學習平臺，4個表單子任務皆采用“線上+線下”混合式教學模式，整個企業任務貫穿課前、課中和課后，教學實施流程圖如圖1所示。

2.5? 教學具體實施

根據教學內容分析和學情分析，確定教學目標和重難點。依據職業教育改革要求，踐行“以學生為主體”的理念，以“助農網”真實任務為驅動，合理采用多樣化教學策略和信息化手段，構建高效課堂。

課前老師通過學習通平臺發布每個學習任務書，指定教學資源。初步了解表單任務。學生根據學習任務書，解讀需求分析并設計原型圖初稿，教師在在線學習平臺發布微習題，課前測試如圖2所示，根據平臺測試結果，掌握學生知識準備情況，調整教學策略。測試結果分析如圖3所示。

課中情境引入，通過查看常用網站的真實案例引導學生知道什么是表單。通過展示“助農網”表單空白頁面明確本次課的任務，通過教師自制的Flash視頻動畫，演示表單工作原理，變抽象為形象，更好幫助學生理解什么是表單解決教學難點，學生進行挑戰答題，寓教于樂，在答題的過程中掌握表單的相關概念和原理。教師根據測試結果進行有效的階段性評價。

針對課前原型圖初稿的問題，在學校教師的講解指導下，幫助學生充分考慮客戶需求和用戶體驗。再次解讀需求說明書，幫助學生通過頭腦風暴明確修改意見。并通過在線原型圖工具修改完善原型圖，并在線學習平臺提交，學生對前后提交的原型圖進行對比，評選出改進最大的組，并由該組上臺進行匯報，其他組進行補充，教師根據各個任務原型圖評分標準對各組提交的原型圖進行評分，并提出進一步修改意見。團隊成員對原型圖進行進一步完善，通過反復對原型圖改進，培養學生精益求精的工匠精神，提高頁面設計的能力，突出教學重難點。

各組根據完善后的原型圖，使用企業專業的編輯工具——Visual Studio Code，小組協作制作完成每個模塊的表單，如圖4所示，并提交至在線學習平臺。通過真實的企業協同軟件，體驗真實的生產環境，真正體現工學結合;學生根據評分標準對各組提交的作品進行小組互評，票選出得分最高的一組，由票選出來的冠軍組，上臺分享協作經驗;師生結合標準共同分析各組作品的優缺點以供改進，強化教學重難點。

課后根據評價指標以及教師的提出的修改意見，對作品進一步完善，并根據Web標準對作品進行優化。表單項目各作品的冠軍組部署到阿里云供企業進行驗收，其他組本地部署供教師進行驗收。本地和云端部署網站都是計算機網絡技術專業必備的職業能力，通過部署熟悉真實的生產環境，鞏固學習成果，學生在教學平臺上根據成員表現評分標準進行組內互評。教師及時掌握學生課堂情況以便下一次的教學優化。教師和企業導師對作品共同進行總結點評，明確達成客戶需求和用戶體驗的目的。冠軍組作品如圖5所示。

3? 教學實施效果

從學生調查問卷結果來評價分析。對于“網頁設計與制作”課程，學生表現出了很大的學習興趣，能夠接受并適應基于實際工作過程的項目教學方式，對本門課程的教材、教學案例、實訓操作等都比較滿意，覺得課程非常有意義。通過本學期的課程學習，班級中58%的學生對于“網站設計和開發”工作崗位的工作流程有很好地了解，42%的學生基本了解，說明經過基于實際工作任務的項目教學過程，學生們對未來相關的工作崗位有了一定的認識，對整體工作流程有了一定的熟悉感，提高了學生對今后工作的適應能力，在畢業進入職場后能盡快的進入工作狀態[1]，如圖6所示。

4? 結? 論

本研究按照標準化工作流程組織了教學過程。學生按照真實標準化工作流程，采用角色扮演法沉浸式學習，在小組協作過程中，有效提升學生的合作能力、崗位操作能力和職業素養，通過不斷完善作品，培養學生精益求精的工匠精神，目前，“助農網”已經部署到阿里云試運行。通過基于工作過程的教學思路，對項目教學法在教學中的具體設計、方法和實施的效果進行實踐性研究，使學生掌握了課堂知識的同時也掌握了實際的工作流程，在校期間就積累了豐富的項目經驗，未來能夠更快更好的適應網站開發的工作崗位。

參考文獻：

[1] 張潔.基于工作任務的項目教學在高職課程中的應用研究 [D].石家莊：河北師范大學，2012.

[2] 凌云.高職計算機專業教學引入項目教學法的實踐 [J].職業技術教育，2007，28（11）：32-33.

[3] 朱鵬.基于就業能力導向的高職院校人才培養模式的創新研究 [D].長沙：湘潭大學，2015.

作者簡介：黃鶯（1984—），女，漢族，安徽馬鞍山人，計算機教師，本科，學士學位，研究方向：Linux應用、計算機網絡技術。