高職院校軟件技術專業《響應式網頁開發》課程教學改革探討

徐亦卿

摘 ?要：本文以高職院校軟件技術專業人才配方案為依據，探索專業核心課程《響應式網頁開發》的教學策略和教學模式，在明確課程整體設計思路、合理規劃教學內容、實現校企協同育人、落實行動導向教學法、使用多元化評價體系等方面對課程進行了探討和研究。

關鍵詞：OTPAE訓練法;響應式網頁開發;校企合作;多元評價

響應式網頁開發課程是我校軟件技術專業核心課程，該課程的總體目標是通過課程的學習培養學生響應式網頁開發相關的崗位職業能力，鍛煉學生分析問題、解決問題的能力，養成良好的職業素養，為后續課程和工作打下堅實的基礎。然而與人交流、與人合作、解決問題、自主學習、創新革新等職業核心能力很難通過傳統的教學方法掌握，要想真正提高學生響應式網頁開發的崗位能力和職業素養，必須探索新的教學策略和教學模式。依據我校軟件技術專業人才培養方案及課程標準，結合Web前端開發崗位需求，對《響應式網頁開發》課程教學進行了探索創新，并在實際教學應用中取得了較好的教學效果。

一、響應式網頁課程的整體設計思路

響應式網頁開發課程主要是面向軟件技術相關專業的一門專業核心課程，是依據我校人才培養目標和相關職業崗位（群）的能力要求而設置。本課程是“1+X” Web前端開發職業技能證書標準中級要求，涉及HTML5標記、CSS3樣式、Bootstrap的使用等內容。通過本課程的學習，學生能夠運用相關知識，掌握響應式網頁開發設計制作流程，掌握便捷開發和優化響應式網頁的技能。本課程整體采用行動導向教學OTPAE訓練法和小組合作學法展開教學（見表1）。滲透 Web前端工程師的職業能力、職業素質和品質培育，按照“課前引導文預習-課中團隊頭腦風暴制訂實施計劃、落實行動、成果評估-課后總結、項目拓展遷移”實施OTPAE閉環教學。通過“學-練-研-拓”能力訓練，促進學生自主探究學習習慣。通過組建企業項目組的方式，團隊協作完成項目計劃、實施、總結、評估、匯報和改進，培養學生分析問題、解決問題和團隊協作的能力。

二、推進《響應式網頁開發》課程改革的策略

1、合理規劃整合教學內容

在《響應式網頁開發》課程中，以課程目標為依據，結合原教材內容和“1+X”Web前端開發職業技能證書標準，對接Web前端開發崗位需求，選擇了企業真實項目“響應式餐廳網站”為教學載體，重組了教學內容，設置了三個學習模塊，每個學習模塊對應網站的一塊內容，涵蓋相應的知識技能點：在基礎模塊中進行網頁 HTML5 學習，掌握 HTML5 基本的語法及常見標記的使用;在提高模塊中進行 CSS3層疊樣式表學習，掌握 CSS3的基本語法以及盒子模型、網頁元素定位的進階知識;在拓展模塊中進行 Bootstrap 的學習，掌握響應式網站設計的神器bootstrap前端框架，并通過企業真實案例實踐使學生掌握網站設計與布局、網站前端開發的基本技能。

2、面向Web工程師崗位、對接企業，校企協同育人。

通過企業實地走訪、座談、畢業生調查問卷、與畢業生座談等多種調研方式了解企業對Web開發相關崗位人才的期望。高職學生就業主要面向中小型企業，該類企業的特點是技術性強，技術更新快，同時由于中小型企業員工相對較少，分工也不是很明確，不僅要做編碼工作，至少還需要一些軟件設計工作，因此要求軟件開發人員必須具備良好的職業道德;扎實的網頁開發技術知識（如響應式網頁開發），靈活運用知識解決問題的能力;使用軟件工程方法學以及面向對象分析與設計方法解決問題的能力;自主學習的能力，即具有自主學習新知識新技術的能力;良好地協作溝通能力以及文檔協作能力。基于崗位要求以及就業形勢，確定了課程的主要教學模塊，并由學校教師、行業專家和企業導師共同對課程標準、授課內容、授課計劃、教學載體的合理性和有效性進行了充分的論證。課程全方位對接企業，融合企業元素，共育數字人才。企業工程師參與教學，采用了工單制任務形式，實現了學習過程和企業項目開發過程的對接，大大激發學生學知識、練技能、增本領的興趣，效果明顯高于傳統教學。

3、“+企業”行動導向項目教學法，培養數字工匠精神

本課程采用“+企業”行動導向項目化教學法，教學過程圍繞人才培養目標，以企業項目為載體，以任務為主線，實現教、學、做相結合的理實一體化。改變了課程的傳統知識體系，選擇“響應式餐廳網站”項目為載體，合理劃分模塊，每個模塊分解設計為多個小任務，將響應式網頁開發知識、技能、1+X證書要求、Web開發相關崗位需求等融入到項目開發過程中，企業導師全程參與教學，使學生融入真實企業環境，以團隊合作的形式協作完成課程項目，實現課堂理論知識學習與實踐操作的結合，課后小組完成一個真實的項目，并展開項目報告會，消除軟件人才培養與企業需求之間的鴻溝，同時培養學生敬業、精益、專注、創新等職業精神。

4、利用多元化評價體系推進課程教學改革

由于本課程實踐性強，傳統的期中期末筆試方式無法考核學生的實際技能掌握情況，而期末上交個人作品的考核方式，只注重結果無法全面考核學生職業能力，這兩種傳統方式都無法對本課程進行精準考核。針對課程目標，創新教學評價體系，從評價主體、評價內容、評價方式以及評價標準等方面，均采取多元化評價方式，突出學生的全面發展，不僅僅關注學生的知識和技能的掌握情況，更關注學生與人交 流、與人合作、解決問題、自主學習、創新革新等核心職業能力的培養和嚴謹、科學的專業精神勞動態度的養成。學生的最終成績由課前任務成績，課中小任務成績，課后任務成績以及拓展項目成績組成（見表2）。各類任務的評價主體、評價內容和相關權重側重點均不同。其中拓展項目的評價方式有自評、互評、師評和企業導師評價，分別對學生拓展項目的軟件功能、軟件界面、軟件文檔、團隊合作等方面進行評價。

三、結束語

實踐證明，在《響應式網頁開發》課程中對教學內容、評價體系、校企合作等進行改革，面向企業崗位需求，融入企業真實項目，課程目標更加全面、課程內容整合符合教學規律、教學方式更吻合企業項目實施過程。教學過程采用行動導向，學生學習主動性強，注重能力培養，大大提高了學生知識目標、能力目標、素質目標以及思政目標的達成度，教學改革成效顯著。

參考文獻

[1] 李于林.基于項目化的高職《計算機信息技術》課程教學改革探討[J].電腦知識與技術，2016，12（9）：168-169.

[2] 梁健.高職高專計算機專業課程教學改革探析[J].佳木斯職業學院學報，2016，12：424.

[3] 喻會，羅維平.高職《網頁設計與制作》課程教學改革淺析---以長江職業學院計算機應用技術專業為例[J].湖北成人教育學院學報，2015，21（2）：43-45.

[4] 儲久良.Web前端開發技術課程教學改革與實踐[J].計算機教育，2014，14：12-15.