高職院校軟件技術(shù)專業(yè)《響應(yīng)式網(wǎng)頁(yè)開(kāi)發(fā)》課程教學(xué)改革探討

徐亦卿

摘 ?要：本文以高職院校軟件技術(shù)專業(yè)人才配方案為依據(jù)，探索專業(yè)核心課程《響應(yīng)式網(wǎng)頁(yè)開(kāi)發(fā)》的教學(xué)策略和教學(xué)模式，在明確課程整體設(shè)計(jì)思路、合理規(guī)劃教學(xué)內(nèi)容、實(shí)現(xiàn)校企協(xié)同育人、落實(shí)行動(dòng)導(dǎo)向教學(xué)法、使用多元化評(píng)價(jià)體系等方面對(duì)課程進(jìn)行了探討和研究。

關(guān)鍵詞：OTPAE訓(xùn)練法;響應(yīng)式網(wǎng)頁(yè)開(kāi)發(fā);校企合作;多元評(píng)價(jià)

響應(yīng)式網(wǎng)頁(yè)開(kāi)發(fā)課程是我校軟件技術(shù)專業(yè)核心課程，該課程的總體目標(biāo)是通過(guò)課程的學(xué)習(xí)培養(yǎng)學(xué)生響應(yīng)式網(wǎng)頁(yè)開(kāi)發(fā)相關(guān)的崗位職業(yè)能力，鍛煉學(xué)生分析問(wèn)題、解決問(wèn)題的能力，養(yǎng)成良好的職業(yè)素養(yǎng)，為后續(xù)課程和工作打下堅(jiān)實(shí)的基礎(chǔ)。然而與人交流、與人合作、解決問(wèn)題、自主學(xué)習(xí)、創(chuàng)新革新等職業(yè)核心能力很難通過(guò)傳統(tǒng)的教學(xué)方法掌握，要想真正提高學(xué)生響應(yīng)式網(wǎng)頁(yè)開(kāi)發(fā)的崗位能力和職業(yè)素養(yǎng)，必須探索新的教學(xué)策略和教學(xué)模式。依據(jù)我校軟件技術(shù)專業(yè)人才培養(yǎng)方案及課程標(biāo)準(zhǔn)，結(jié)合Web前端開(kāi)發(fā)崗位需求，對(duì)《響應(yīng)式網(wǎng)頁(yè)開(kāi)發(fā)》課程教學(xué)進(jìn)行了探索創(chuàng)新，并在實(shí)際教學(xué)應(yīng)用中取得了較好的教學(xué)效果。

一、響應(yīng)式網(wǎng)頁(yè)課程的整體設(shè)計(jì)思路

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

二、推進(jìn)《響應(yīng)式網(wǎng)頁(yè)開(kāi)發(fā)》課程改革的策略

1、合理規(guī)劃整合教學(xué)內(nèi)容

在《響應(yīng)式網(wǎng)頁(yè)開(kāi)發(fā)》課程中，以課程目標(biāo)為依據(jù)，結(jié)合原教材內(nèi)容和“1+X”Web前端開(kāi)發(fā)職業(yè)技能證書標(biāo)準(zhǔn)，對(duì)接Web前端開(kāi)發(fā)崗位需求，選擇了企業(yè)真實(shí)項(xiàng)目“響應(yīng)式餐廳網(wǎng)站”為教學(xué)載體，重組了教學(xué)內(nèi)容，設(shè)置了三個(gè)學(xué)習(xí)模塊，每個(gè)學(xué)習(xí)模塊對(duì)應(yīng)網(wǎng)站的一塊內(nèi)容，涵蓋相應(yīng)的知識(shí)技能點(diǎn)：在基礎(chǔ)模塊中進(jìn)行網(wǎng)頁(yè) HTML5 學(xué)習(xí)，掌握 HTML5 基本的語(yǔ)法及常見(jiàn)標(biāo)記的使用;在提高模塊中進(jìn)行 CSS3層疊樣式表學(xué)習(xí)，掌握 CSS3的基本語(yǔ)法以及盒子模型、網(wǎng)頁(yè)元素定位的進(jìn)階知識(shí);在拓展模塊中進(jìn)行 Bootstrap 的學(xué)習(xí)，掌握響應(yīng)式網(wǎng)站設(shè)計(jì)的神器bootstrap前端框架，并通過(guò)企業(yè)真實(shí)案例實(shí)踐使學(xué)生掌握網(wǎng)站設(shè)計(jì)與布局、網(wǎng)站前端開(kāi)發(fā)的基本技能。

2、面向Web工程師崗位、對(duì)接企業(yè)，校企協(xié)同育人。

通過(guò)企業(yè)實(shí)地走訪、座談、畢業(yè)生調(diào)查問(wèn)卷、與畢業(yè)生座談等多種調(diào)研方式了解企業(yè)對(duì)Web開(kāi)發(fā)相關(guān)崗位人才的期望。高職學(xué)生就業(yè)主要面向中小型企業(yè)，該類企業(yè)的特點(diǎn)是技術(shù)性強(qiáng)，技術(shù)更新快，同時(shí)由于中小型企業(yè)員工相對(duì)較少，分工也不是很明確，不僅要做編碼工作，至少還需要一些軟件設(shè)計(jì)工作，因此要求軟件開(kāi)發(fā)人員必須具備良好的職業(yè)道德;扎實(shí)的網(wǎng)頁(yè)開(kāi)發(fā)技術(shù)知識(shí)（如響應(yīng)式網(wǎng)頁(yè)開(kāi)發(fā)），靈活運(yùn)用知識(shí)解決問(wèn)題的能力;使用軟件工程方法學(xué)以及面向?qū)ο蠓治雠c設(shè)計(jì)方法解決問(wèn)題的能力;自主學(xué)習(xí)的能力，即具有自主學(xué)習(xí)新知識(shí)新技術(shù)的能力;良好地協(xié)作溝通能力以及文檔協(xié)作能力?；趰徫灰笠约熬蜆I(yè)形勢(shì)，確定了課程的主要教學(xué)模塊，并由學(xué)校教師、行業(yè)專家和企業(yè)導(dǎo)師共同對(duì)課程標(biāo)準(zhǔn)、授課內(nèi)容、授課計(jì)劃、教學(xué)載體的合理性和有效性進(jìn)行了充分的論證。課程全方位對(duì)接企業(yè)，融合企業(yè)元素，共育數(shù)字人才。企業(yè)工程師參與教學(xué)，采用了工單制任務(wù)形式，實(shí)現(xiàn)了學(xué)習(xí)過(guò)程和企業(yè)項(xiàng)目開(kāi)發(fā)過(guò)程的對(duì)接，大大激發(fā)學(xué)生學(xué)知識(shí)、練技能、增本領(lǐng)的興趣，效果明顯高于傳統(tǒng)教學(xué)。

3、“+企業(yè)”行動(dòng)導(dǎo)向項(xiàng)目教學(xué)法，培養(yǎng)數(shù)字工匠精神

本課程采用“+企業(yè)”行動(dòng)導(dǎo)向項(xiàng)目化教學(xué)法，教學(xué)過(guò)程圍繞人才培養(yǎng)目標(biāo)，以企業(yè)項(xiàng)目為載體，以任務(wù)為主線，實(shí)現(xiàn)教、學(xué)、做相結(jié)合的理實(shí)一體化。改變了課程的傳統(tǒng)知識(shí)體系，選擇“響應(yīng)式餐廳網(wǎng)站”項(xiàng)目為載體，合理劃分模塊，每個(gè)模塊分解設(shè)計(jì)為多個(gè)小任務(wù)，將響應(yīng)式網(wǎng)頁(yè)開(kāi)發(fā)知識(shí)、技能、1+X證書要求、Web開(kāi)發(fā)相關(guān)崗位需求等融入到項(xiàng)目開(kāi)發(fā)過(guò)程中，企業(yè)導(dǎo)師全程參與教學(xué)，使學(xué)生融入真實(shí)企業(yè)環(huán)境，以團(tuán)隊(duì)合作的形式協(xié)作完成課程項(xiàng)目，實(shí)現(xiàn)課堂理論知識(shí)學(xué)習(xí)與實(shí)踐操作的結(jié)合，課后小組完成一個(gè)真實(shí)的項(xiàng)目，并展開(kāi)項(xiàng)目報(bào)告會(huì)，消除軟件人才培養(yǎng)與企業(yè)需求之間的鴻溝，同時(shí)培養(yǎng)學(xué)生敬業(yè)、精益、專注、創(chuàng)新等職業(yè)精神。

4、利用多元化評(píng)價(jià)體系推進(jìn)課程教學(xué)改革

由于本課程實(shí)踐性強(qiáng)，傳統(tǒng)的期中期末筆試方式無(wú)法考核學(xué)生的實(shí)際技能掌握情況，而期末上交個(gè)人作品的考核方式，只注重結(jié)果無(wú)法全面考核學(xué)生職業(yè)能力，這兩種傳統(tǒng)方式都無(wú)法對(duì)本課程進(jìn)行精準(zhǔn)考核。針對(duì)課程目標(biāo)，創(chuàng)新教學(xué)評(píng)價(jià)體系，從評(píng)價(jià)主體、評(píng)價(jià)內(nèi)容、評(píng)價(jià)方式以及評(píng)價(jià)標(biāo)準(zhǔn)等方面，均采取多元化評(píng)價(jià)方式，突出學(xué)生的全面發(fā)展，不僅僅關(guān)注學(xué)生的知識(shí)和技能的掌握情況，更關(guān)注學(xué)生與人交 流、與人合作、解決問(wèn)題、自主學(xué)習(xí)、創(chuàng)新革新等核心職業(yè)能力的培養(yǎng)和嚴(yán)謹(jǐn)、科學(xué)的專業(yè)精神勞動(dòng)態(tài)度的養(yǎng)成。學(xué)生的最終成績(jī)由課前任務(wù)成績(jī)，課中小任務(wù)成績(jī)，課后任務(wù)成績(jī)以及拓展項(xiàng)目成績(jī)組成（見(jiàn)表2）。各類任務(wù)的評(píng)價(jià)主體、評(píng)價(jià)內(nèi)容和相關(guān)權(quán)重側(cè)重點(diǎn)均不同。其中拓展項(xiàng)目的評(píng)價(jià)方式有自評(píng)、互評(píng)、師評(píng)和企業(yè)導(dǎo)師評(píng)價(jià)，分別對(duì)學(xué)生拓展項(xiàng)目的軟件功能、軟件界面、軟件文檔、團(tuán)隊(duì)合作等方面進(jìn)行評(píng)價(jià)。

三、結(jié)束語(yǔ)

實(shí)踐證明，在《響應(yīng)式網(wǎng)頁(yè)開(kāi)發(fā)》課程中對(duì)教學(xué)內(nèi)容、評(píng)價(jià)體系、校企合作等進(jìn)行改革，面向企業(yè)崗位需求，融入企業(yè)真實(shí)項(xiàng)目，課程目標(biāo)更加全面、課程內(nèi)容整合符合教學(xué)規(guī)律、教學(xué)方式更吻合企業(yè)項(xiàng)目實(shí)施過(guò)程。教學(xué)過(guò)程采用行動(dòng)導(dǎo)向，學(xué)生學(xué)習(xí)主動(dòng)性強(qiáng)，注重能力培養(yǎng)，大大提高了學(xué)生知識(shí)目標(biāo)、能力目標(biāo)、素質(zhì)目標(biāo)以及思政目標(biāo)的達(dá)成度，教學(xué)改革成效顯著。

參考文獻(xiàn)

[1] 李于林.基于項(xiàng)目化的高職《計(jì)算機(jī)信息技術(shù)》課程教學(xué)改革探討[J].電腦知識(shí)與技術(shù)，2016，12（9）：168-169.

[2] 梁健.高職高專計(jì)算機(jī)專業(yè)課程教學(xué)改革探析[J].佳木斯職業(yè)學(xué)院學(xué)報(bào)，2016，12：424.

[3] 喻會(huì)，羅維平.高職《網(wǎng)頁(yè)設(shè)計(jì)與制作》課程教學(xué)改革淺析---以長(zhǎng)江職業(yè)學(xué)院計(jì)算機(jī)應(yīng)用技術(shù)專業(yè)為例[J].湖北成人教育學(xué)院學(xué)報(bào)，2015，21（2）：43-45.

[4] 儲(chǔ)久良.Web前端開(kāi)發(fā)技術(shù)課程教學(xué)改革與實(shí)踐[J].計(jì)算機(jī)教育，2014，14：12-15.