黃鶯 昂娟 葉根梅

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

關(guān)鍵詞：工作過程;項目教學法;網(wǎng)頁制作

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? 引? 言

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

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

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

1? 網(wǎng)頁設計與制作課程概況

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

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

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

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

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

2.1? 教學目標

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

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

2.2? 教學設計

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

2.3? 教學內(nèi)容

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

2.4? 教學實施流程

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

2.5? 教學具體實施

根據(jù)教學內(nèi)容分析和學情分析，確定教學目標和重難點。依據(jù)職業(yè)教育改革要求，踐行“以學生為主體”的理念，以“助農(nóng)網(wǎng)”真實任務為驅(qū)動，合理采用多樣化教學策略和信息化手段，構(gòu)建高效課堂。

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

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

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

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

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

3? 教學實施效果

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

4? 結(jié)? 論

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

參考文獻：

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

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

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

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