情境項目式混合教學在高職網頁課程中的應用

陶藝文 張靜

【摘要】高職院校信息化建設和教育教學改革中，混合式線上線下教學為高職教育提供了更多選擇。受新冠肺炎疫情影響，各高校積極展開線上教學，文章以網頁設計課程為例，詳細介紹了情境項目式混合教學的設計與實施，以及教學成效和不足之處。

【關鍵詞】混合式教學創設情境高等職業教育

【基金項目】2019年江蘇省高等教育教學改革研究課題《基于現代信息技術的新型教學模式改革探索與實踐》（2019JSJG457）。

【中圖分類號】G71? 【文獻標識碼】A??? 【文章編號】2095-3089（2021）11-0074-02

“互聯網+教育”時代，各高校紛紛試點信息化教學，全面促進了高職院校信息化建設和教育教學改革。依托于互聯網，混合式線上線下教學已逐漸普及。2020年新冠肺炎疫情蔓延，根據教育部對高校“停課不停教，停課不停學”的在線教學組織與管理工作的指導意見，常州信息職業技術學院綜合運用信息化手段，積極開展線上教學活動。網頁設計課程教學著重于應用，線下項目式教學著重于教師演示、學生模仿、教師巡回指導，由于上課方式的改變，課堂案例以錄屏形式共享于課程QQ群，學生可以利用碎片化時間重復觀看，本次教學著重于將項目情境化融入線上線下混合式教學中。

一、情境項目式混合教學設計與實施

1.第一階段：線上課堂案例情境化

第一階段旨在幫助學生理解知識、夯實基礎，教師需要將完整案例制作成視頻或者微課在線上發布，要求學生課前預習部分知識點，課上直接跟隨教師演示完成同步訓練。

從課堂案例“電影世界首頁”頁面設計開始創設情境：假設自己所在的小組在公司負責門戶網站的電影板塊，周一晨會上項目經理羅列了本周頁面技術需求，經討論小組成員確定了最新版本“電影世界首頁”的視覺效果圖。作為新員工你接到任務，用DIV+CSS布局還原靜態頁面效果，這是你入職以來接到的第一個獨立任務，你躍躍欲試……

創設情境的目的在于引導學生系統性地思考，項目需求是什么，用戶需求是什么，自己在整個網頁設計流程中所處的環節和作用，更好地理解設計流程，主動去向目標靠近，而不是僅僅將課堂知識復制還原。在前面學習完基礎HTML標簽和基礎CSS樣式之后，網頁設計的難度已經從簡單的執行層面，轉向設計層面，只有理解自身所處的情境，才能做出符合產品需要的設計。

課堂上著重于引導學生去分析案例的頁面框架和內容，進一步加深DIV嵌套模型框架的理解，將網頁頁面結構和代碼結構相對應;同時學會根據效果圖對基礎CSS樣式進行歸納，通過系統性地“拆分+還原”吃透課堂案例。

2.第二階段：線上線下合作練習

本次混合項目式教學重點不在于課堂案例教學，而在于學生線上線下合作練習。經過課堂教學，學生有了一定頁面分析的能力和完成頁面還原的基礎，因此第二階段以學生實踐為主，教師引導為輔。為了更好地讓學生融入項目，同樣進行了情境創設。

企業中大多數項目都需要經過團隊搭建、項目實施、反復迭代等過程，而階段性匯報和階段性調整不可避免，因此本次任務總共設定了3周時間，其中2周半完成提交加半周反饋修改，第3周進行項目匯報答辯。要求學生4～5人一組組建團隊，分配選題，每個選題設計首頁及至少4個子頁面，選出組長并完成任務分工。線上上課期間每周留半節課時間由各組長一對一匯報項目進度，提出問題和修改意見并進行項目進度把控，線下學生自行組建群組，同寢室的學生線下互幫互助，居家隔離的同學可以通過遠程操作、騰訊會議等方式完成組內討論和設計共享，此時教師兼任項目PM的職責，帶動團隊推進項目：第一周，完成組隊分工、頭腦風暴、資源搜集和紙上原型;第二周，基本框架搭建、CSS樣式模板、首頁初稿和子頁面鋪量設計;第三周，頁面整體調整，匯報PPT制作，項目演示錄屏。

整個過程需要注意的是學生不同于企業員工，企業員工有KPI和考核的壓力在，更容易主動想盡辦法用多種途徑去完成目標，學生第一次完成團隊項目，又是疫情期間線上合作，很容易陷入遇到問題找不到解決方法就退縮的情況，因此需要教師和各組組長積極溝通，及時提供幫助。而且部分同學習慣了對知識的復制還原，會出現直接照搬課堂案例的情況，因此在第一周需要教師和組長一起將標準和頁面框架制定好，避免投機取巧。此外在項目開始之前就告知學生團隊項目最后成績為團隊成績，如評價為A+，即全員A+，希望大家為此共同努力。考慮到項目成員可能過于依賴組長，要求最后的答辯不允許組長進行匯報，需要另選一名成員，爭取調動每一位同學的積極性。

3.第三階段：線上匯報答辯

匯報PPT主要內容包括團隊介紹、網頁流程圖、網頁效果圖、項目分工、計劃排期、遇到的困難、團隊自我評價，匯報過程分為網頁項目演示和PPT講解兩部分，時間控制在每組10分鐘。

由于是線上匯報，可以邀請該課程其他班級學生自愿參會，提前告知學生騰訊會議時間，通過屏幕共享進行線上項目演示，一個是增加項目答辯的嚴肅性，另一個是給予學生展示自我的機會，更利于學生增強班級榮譽感和競爭意識，積極面對挑戰。

項目匯報答辯之后，要求每組按照答辯過程中提出的問題進行修改后完成最終源文件的提交和項目小結。

二、教學效果與不足之處

1.教學效果

本次混合項目式教學共有3個班級約150人次參與，總共30組，涌現了一大批優秀作品，在這個過程中學生反饋主動性大大增加，除了完成指定要求內容，甚至有的組完成了十幾個頁面的設計。在前期溝通中，有小組希望結合時事設計疫情相關專題頁面，這種行為非常值得鼓勵，真正將學到的工具應用到實際中，并結合自己的理解完成心目中的設計。有一組留學生選擇了旅游網站主題，介紹了家鄉馬來西亞的美食美景，同樣是利用學到的工具，將自己擁有的知識通過網頁的形式分享出現。另外有一組同學開啟了淘寶零食店鋪，結合所學的Java知識搭建起了網頁后端，正在嘗試在校園開一個線上零食店。和傳統教學方式相比，項目式教學中學生的積極性被極大地調動起來，不管是對項目需求的理解上，還是在整個項目的執行上，結果都超出預期，最令人驚喜的就是學生主動融合不同學科知識，在一年級就開始嘗試完成前后端的搭建。

2.不足之處

混合項目式教學對教師要求較高，最好是有企業項目經驗的教師，熟悉項目完整流程和階段性任務，并能很好地進行任務拆分和把控項目進度，尤其是要根據學生實際水平制定規范，并積極調整。有些同學在項目之初定了遠遠超出自己能力的目標，后期時間緊張導致匆匆收尾，甚至差點無法完成匯報，作為老師一定要主動完成全流程把控。其次是混合式教學的線上過程較難識別學生的實際水平，以及學生之間的參差性，因此需要教師通過課堂練習和測驗等手段對學生進行考查，在組建項目團隊成員的時候充分考慮到組與組之間實力的差異性，適當進行組員調配，鼓勵同組成員互幫互助，共同進步。此外，團隊項目周期較長，需要足夠的前序知識儲備和課時，但情境化項目教學仍然不失為一種新的線上線下混合式教學嘗試，具有一定的推廣和應用價值。

參考文獻：

[1]馬亞琦，馬輝.高職計算機網絡教學中項目式教學的應用[J].計算機產品與流通，2020（1）.

[2]朱建彬.高職計算機網絡技術項目式教學例談[J].新課程研究，2020（29）.

[3]劉強，彭娜.基于“超星直播+學習通”的在線教學示范[J].大學化學，2020（5）.

作者簡介：

陶藝文，常州信息職業技術學院軟件與大數據學院專任教師，研究方向為軟件技術。

張靜，常州信息職業技術學院軟件與大數據學院副教授，高級工程師，研究方向為職業教育。