胡宇航，王紅軍

（河北旅游職業(yè)學(xué)院，河北 承德 067000）

一、高職《HTML+CSS》課程現(xiàn)狀

《HTML+CSS》課程是高職計(jì)算機(jī)應(yīng)用技術(shù)web前端方向?qū)I(yè)基礎(chǔ)課，該課程傳授學(xué)生使用HTML、CSS 代碼進(jìn)行網(wǎng)頁結(jié)構(gòu)搭建及布局，培養(yǎng)學(xué)生網(wǎng)頁制作能力，同時(shí)讓學(xué)生能夠從職業(yè)道德、合作意識、質(zhì)量意識、服務(wù)意識、學(xué)習(xí)意識等幾方面得到全面提升。目前高職院校課程計(jì)算機(jī)類課程設(shè)計(jì)大部分是以案例或項(xiàng)目為主要教學(xué)模式，也會(huì)使用相應(yīng)信息化教學(xué)手段，但整體分析存在三大弊端：第一，課程案例及項(xiàng)目設(shè)計(jì)依據(jù)標(biāo)準(zhǔn)仍然是教材，大部分以教材或教師自我認(rèn)知為標(biāo)準(zhǔn)去設(shè)計(jì)教學(xué)案例，學(xué)生在學(xué)習(xí)完課程知識點(diǎn)后只是“知其然，不知其所以然”，不知道這些知識點(diǎn)與工作崗位的聯(lián)系是什么，不能夠追本溯源。第二，信息化教學(xué)手段沒有充分發(fā)揮其效果，“課堂革命”追其宗旨是要讓學(xué)生學(xué)會(huì)如何自我學(xué)習(xí)，將課堂由教師主體變?yōu)閷W(xué)生主體，但大部分教師認(rèn)為高職學(xué)生自控性差，新的教學(xué)模式無法有效全面實(shí)施。第三，任課教師缺乏自我診斷意識，連續(xù)幾屆學(xué)生都是一套教學(xué)設(shè)計(jì)，沒有教學(xué)資源的更新。

針對以上三點(diǎn)，要從教學(xué)內(nèi)容設(shè)計(jì)，信息化教學(xué)活動(dòng)設(shè)計(jì)、教師自我診改三個(gè)方面進(jìn)行改進(jìn)。首先，重構(gòu)知識點(diǎn)，項(xiàng)目設(shè)計(jì)不能單以教材為標(biāo)準(zhǔn)，要遵循OBE 成果導(dǎo)向?yàn)槔砟睿瑥膶?shí)際崗位需求倒推畢業(yè)標(biāo)準(zhǔn)，從畢業(yè)標(biāo)準(zhǔn)倒推《HTML+CSS》課程標(biāo)準(zhǔn)，從課程標(biāo)準(zhǔn)倒推每個(gè)模塊的項(xiàng)目設(shè)計(jì)，從大項(xiàng)目倒推小項(xiàng)目再到小案例，成果導(dǎo)向的課程設(shè)計(jì)可以讓學(xué)生在第一節(jié)課就清晰明了學(xué)習(xí)這門課以后在工作崗位中可以做什么。第二，要把課堂還給學(xué)生。此門課的難度不大，很多知識點(diǎn)相似性很強(qiáng)，教師可以采用“對分課堂”的模式，只需要將基本知識點(diǎn)和難點(diǎn)講授給學(xué)生，相似內(nèi)容學(xué)生課下視頻自學(xué)或查閱資料，課上將學(xué)習(xí)成果加以實(shí)踐，在實(shí)踐活動(dòng)設(shè)計(jì)中融入大國工匠精神，提高職業(yè)素養(yǎng)的同時(shí)磨煉堅(jiān)韌不拔、勇于鉆研的意志，實(shí)踐過程中教師與學(xué)生共同指導(dǎo)答疑，逐漸提升學(xué)生課堂主體性，活躍課堂氛圍，此種教學(xué)模式的實(shí)施要配合制定相應(yīng)考核評價(jià)手段作督促。第三，教師要依據(jù)“8 字螺旋”時(shí)常進(jìn)行自我診斷，調(diào)整教學(xué)策略，推動(dòng)內(nèi)容更新，提升教學(xué)效果。

二、基于OBE 理念的課程重組

OBE 即成果導(dǎo)向，核心理念為：以產(chǎn)出為導(dǎo)向，持續(xù)改進(jìn)，讓所有學(xué)生達(dá)到既定目標(biāo)。要求教師要結(jié)合實(shí)際崗位需求明確畢業(yè)要求，以畢業(yè)要求為成果目標(biāo)，讓每一位學(xué)生都能在學(xué)習(xí)過程中得到自我提升，達(dá)到自我預(yù)期成果。課程反向設(shè)計(jì)思路如圖1：

圖1：OBE 理念課程設(shè)計(jì)

此“成果”不單指知識目標(biāo)，還包含崗位需求能力目標(biāo)、素質(zhì)目標(biāo)，并且這些目標(biāo)都是可評可測的。整門課程知識點(diǎn)打破傳統(tǒng)教材束縛，按照畢業(yè)要求進(jìn)行重組，基于OBE 理念將課程內(nèi)容重構(gòu)為頁面結(jié)構(gòu)、頁面樣式、頁面布局和應(yīng)用開發(fā)四個(gè)知識模塊，這四個(gè)知識模塊貫穿于四個(gè)基于工作崗位設(shè)計(jì)的教學(xué)項(xiàng)目，每個(gè)項(xiàng)目由若干個(gè)小項(xiàng)目串聯(lián)，課程知識體系重構(gòu)過程如圖2 所示：

每個(gè)項(xiàng)目依據(jù)簡單到復(fù)雜迭代式設(shè)計(jì)，在第一節(jié)課先給學(xué)生展示此門課學(xué)完將要完成的最終項(xiàng)目是什么，結(jié)合重構(gòu)后新知識模塊分析將要學(xué)習(xí)的四部分內(nèi)容，將綜合項(xiàng)目進(jìn)行拆分，繼續(xù)分成四個(gè)中級項(xiàng)目，每個(gè)中級項(xiàng)下衍生多個(gè)小項(xiàng)目或小案例作為知識點(diǎn)支撐。每個(gè)給定項(xiàng)目完成后，要求同學(xué)以小組形式進(jìn)行真實(shí)企業(yè)項(xiàng)目情景模擬，相互布置任務(wù)，模擬真實(shí)項(xiàng)目開發(fā)過程，這樣以成果反推課程內(nèi)容設(shè)計(jì)，學(xué)生在學(xué)習(xí)之初，每個(gè)練習(xí)都有據(jù)可循，目標(biāo)明確，清晰知道自己最終會(huì)達(dá)到一個(gè)什么樣的學(xué)習(xí)成果，學(xué)習(xí)動(dòng)力就會(huì)增強(qiáng)。項(xiàng)目設(shè)計(jì)如表1 所示：

圖2：OBE 知識重構(gòu)圖

三、基于OBE 的“三段十步”教學(xué)方法實(shí)施

（一）“三段”——“學(xué)、教、做”

《HTML+CSS》課程重構(gòu)采用知識模塊與崗位項(xiàng)目相結(jié)合來驅(qū)動(dòng)學(xué)生工程實(shí)踐能力培養(yǎng)，學(xué)生在不同的項(xiàng)目中以“循環(huán)往復(fù)”方式重溫概念與開發(fā)流程，不斷加深對課程知識的理解，促進(jìn)知識遷移與應(yīng)用，解決傳統(tǒng)教學(xué)中“學(xué)”與“用”脫節(jié)的問題。每個(gè)項(xiàng)目都分學(xué)、教、做三部分。首先“學(xué)”指學(xué)生課前或課后的自學(xué)，在每次自學(xué)中提升自主學(xué)習(xí)能力，每個(gè)自學(xué)視頻的后面都配有相應(yīng)小項(xiàng)目，可評可測，起到督促和檢驗(yàn)自學(xué)效果的作用?！敖獭笔侵咐蠋熗ㄟ^案例演示講解課前自學(xué)的重點(diǎn)難點(diǎn)，讓學(xué)生更深入理解知識點(diǎn)在項(xiàng)目中如何應(yīng)用。“做”是指通過分組任務(wù)、情景模擬、個(gè)人實(shí)踐等活動(dòng)以學(xué)生為主體完成項(xiàng)目制作，小組間要進(jìn)行甲方乙方角色扮演，相互布置項(xiàng)目，按照對方要求共分為下達(dá)-UI 設(shè)計(jì)-項(xiàng)目設(shè)計(jì)-代碼編寫-項(xiàng)目驗(yàn)收-總結(jié)反饋六個(gè)步驟，全部模擬真實(shí)工作崗位，每個(gè)項(xiàng)目依據(jù)從簡單到復(fù)雜遞進(jìn)式設(shè)計(jì)，實(shí)現(xiàn)知識迭代，在技能練習(xí)過程中提高職業(yè)素養(yǎng)。

（二）“十步”教學(xué)貫穿課程線上線下全部環(huán)節(jié)

“十步”貫穿課程線上線下全部環(huán)節(jié)，從課前反饋、自學(xué)評測、教學(xué)設(shè)計(jì)、情景模擬、探究學(xué)習(xí)、師生指導(dǎo)、總結(jié)提升、課后作業(yè)、微課輔導(dǎo)、反思評價(jià)十個(gè)步驟形成教學(xué)閉環(huán)。

1.課前反饋、自學(xué)評測、教學(xué)設(shè)計(jì)。教師根據(jù)學(xué)生課堂活動(dòng)及課后章節(jié)測試確定下節(jié)課學(xué)習(xí)目標(biāo)，發(fā)布下節(jié)課前自學(xué)視頻，自學(xué)視頻是下節(jié)知識點(diǎn)的基礎(chǔ)部分或框架，在自學(xué)基礎(chǔ)上完成配套小案例，教師根據(jù)案例制作情況確定課堂活動(dòng)，找出難點(diǎn)部分進(jìn)行教學(xué)活動(dòng)設(shè)計(jì)。

2.情景模擬。課上教師根據(jù)課前反饋及代碼演示進(jìn)行重點(diǎn)知識點(diǎn)講解，部分內(nèi)容可讓學(xué)生完成。首先學(xué)生完成教師設(shè)定項(xiàng)目，每個(gè)項(xiàng)目設(shè)計(jì)由簡單到復(fù)雜，每個(gè)項(xiàng)目都配有明確目標(biāo)及任務(wù)要求，學(xué)生在完成過中清晰知道最終達(dá)到效果，以及知識點(diǎn)在實(shí)際項(xiàng)目中的應(yīng)用。設(shè)定項(xiàng)目完成后進(jìn)行小組情景創(chuàng)設(shè)，小組間模擬公司崗位，根據(jù)之前完成的設(shè)定項(xiàng)目相互布置新的自設(shè)項(xiàng)目，下達(dá)任務(wù)書，可以是個(gè)人項(xiàng)目也可以是組間項(xiàng)目。

3.探究學(xué)習(xí)。根據(jù)小組間下達(dá)的任務(wù)書，組間討論完成項(xiàng)目制作，完成過程中要符合項(xiàng)目開發(fā)流程，質(zhì)量、時(shí)間等要求。教師在活動(dòng)中要融入課程思政元素，活動(dòng)設(shè)計(jì)體現(xiàn)職業(yè)素養(yǎng)，無形中磨煉工匠精神。

4.師生指導(dǎo)。學(xué)生項(xiàng)目制作過程中，教師進(jìn)行場外指導(dǎo)，部分完成較快學(xué)生可以和教師共同指導(dǎo)，教師給予相應(yīng)加分。

5.總結(jié)提升。項(xiàng)目結(jié)束后，組間驗(yàn)收，每組代表進(jìn)行項(xiàng)目講解，教師根據(jù)每組完成情況總結(jié)評價(jià)，師生共同打分。

6.課后作業(yè)。課后任務(wù)包含章節(jié)測試、課程目錄及筆記整理，部分項(xiàng)目會(huì)有拓展項(xiàng)目。

7.微課輔導(dǎo)。每個(gè)知識點(diǎn)在學(xué)習(xí)通平臺(tái)都配有講解小視頻，對于課上知識點(diǎn)掌握不太好的同學(xué)，可以課下反復(fù)多次觀看學(xué)習(xí)。

8.反思評價(jià)。教師根據(jù)本次課學(xué)生課前、課上、課下表現(xiàn)及成果進(jìn)行反思評價(jià)，本次活動(dòng)設(shè)計(jì)能否從知識、技能、職業(yè)素養(yǎng)等方面讓學(xué)生達(dá)到提升，滿足課程目標(biāo)，進(jìn)而滿足畢業(yè)目標(biāo)，如不能思考改進(jìn)下次課的活動(dòng)設(shè)計(jì)。

“三段十步”線上線下混合式教學(xué)模式培養(yǎng)學(xué)生探究式學(xué)習(xí)，學(xué)生雖然身在課堂但完成的是以崗位為目標(biāo)的成果，理論實(shí)踐融會(huì)貫通，符合OBE 成果導(dǎo)向核心理念。

四、基于OBE 的課程考核評價(jià)

基于OBE《HTML+CSS》課程考核體系設(shè)計(jì)體現(xiàn)“以能力為本位、以崗位實(shí)踐為主線、以重構(gòu)項(xiàng)目為主體”，打破傳統(tǒng)的學(xué)科體系模式，考核評價(jià)將過程評價(jià)與終結(jié)評價(jià)相結(jié)合，其中過程性考核包括：學(xué)習(xí)通平臺(tái)導(dǎo)出成績，課程實(shí)訓(xùn)成績，課程目錄、筆記整理三個(gè)部分，占總成績的50%；終結(jié)性考核采取項(xiàng)目制作方式，占總成績的50%。整個(gè)考核體系體現(xiàn)過程性考核與終結(jié)性考核相結(jié)合，課堂與崗位相結(jié)合，知識與素養(yǎng)評價(jià)相結(jié)合，注重學(xué)生自我學(xué)習(xí)能力提升及后續(xù)的可持續(xù)發(fā)展，考核過程注重個(gè)人學(xué)習(xí)態(tài)度，團(tuán)隊(duì)合作，實(shí)踐技能，職業(yè)素養(yǎng)等，充分發(fā)揮學(xué)生主動(dòng)性和創(chuàng)造性，評價(jià)結(jié)構(gòu)見表2。

基于OBE 教育模式，在教學(xué)中分階段通過學(xué)生個(gè)人、小組團(tuán)隊(duì)、教師、企業(yè)導(dǎo)師開展多元化評價(jià)模式，在學(xué)習(xí)通平臺(tái)中通過設(shè)置多種課堂互動(dòng)、自學(xué)視頻、分組任務(wù)等9 項(xiàng)考核方式來記錄學(xué)生課上課下學(xué)習(xí)過程，這些活動(dòng)數(shù)據(jù)及相應(yīng)分值都在學(xué)習(xí)通后臺(tái)實(shí)時(shí)記錄。課下要求學(xué)生整理本次課筆記及將課上案例以“課程目錄”形式制作成一個(gè)主頁面及若干個(gè)子網(wǎng)頁，形成電子筆記，既可督促學(xué)生認(rèn)真完成每個(gè)案例也可以供后期復(fù)習(xí)使用。課程最后會(huì)安排4 個(gè)實(shí)訓(xùn)項(xiàng)目，3 個(gè)個(gè)人項(xiàng)目和1 個(gè)小組項(xiàng)目，作為整門課技能點(diǎn)的串聯(lián)，同時(shí)考察職業(yè)素養(yǎng)。終結(jié)考核為1 個(gè)個(gè)人自主設(shè)計(jì)項(xiàng)目，也是集知識、技能、素養(yǎng)、工匠精神于一身的考核。整門課學(xué)習(xí)成果不要求每名學(xué)生都能達(dá)到相同的高度，但要求學(xué)生在自己能力范圍內(nèi)做到最大限度提升，注重學(xué)習(xí)態(tài)度，體現(xiàn)OBE 理念下“每名學(xué)生都要成功”的理念。

五、重構(gòu)成效

《HTML+CSS》課程引入OBE 理念，將過程學(xué)習(xí)和學(xué)習(xí)成果放首位，學(xué)生成為課堂真正主體，真正受益者，實(shí)現(xiàn)了從“教”到“學(xué)”，從“知識”到“技能”，從“課堂”到“崗位”的過渡。重構(gòu)后的課堂教學(xué)成果顯著提升：

（1）學(xué)生出勤率明顯提升，除個(gè)別病假外基本沒有曠課及遲到現(xiàn)象。

（2）課堂氣氛明顯活躍。重構(gòu)后的課程體系注重過程考核，課上課下學(xué)生每一次學(xué)習(xí)都會(huì)有數(shù)據(jù)記錄，數(shù)字資源學(xué)習(xí)頻率顯著提升，學(xué)生學(xué)習(xí)積極性明顯提高。

（3）學(xué)生學(xué)習(xí)目標(biāo)更加明確。之前課堂知識的學(xué)習(xí)沒有有效的與畢業(yè)目標(biāo)、崗位目標(biāo)銜接，很多學(xué)生學(xué)習(xí)是為了應(yīng)付老師，應(yīng)付考試。重構(gòu)后成果導(dǎo)向項(xiàng)目設(shè)計(jì)使學(xué)生清晰知道自己做的每個(gè)項(xiàng)目都是通往實(shí)際工作崗位的必經(jīng)之路，踏實(shí)地走過這條路就能達(dá)到崗位需求，從被動(dòng)學(xué)習(xí)變?yōu)橹鲃?dòng)進(jìn)取。

（4）企業(yè)導(dǎo)師參與項(xiàng)目評價(jià)極大提高學(xué)生學(xué)習(xí)動(dòng)力。企業(yè)導(dǎo)師對學(xué)生的評價(jià)更能拉近學(xué)生與實(shí)際工作崗位的距離，讓學(xué)生感知自己并不是單一處在校園中，更能激發(fā)學(xué)生對實(shí)際工作的向往，對于能力強(qiáng)表現(xiàn)好的同學(xué)，企業(yè)導(dǎo)師可以提前與其簽約，激發(fā)學(xué)生學(xué)習(xí)動(dòng)力。

（5）學(xué)生在省技能大賽中獲得一等獎(jiǎng)。由于課程標(biāo)準(zhǔn)的制定依據(jù)“課、證、賽、崗”四維融合，在項(xiàng)目設(shè)計(jì)中已將省技能大賽要求融入，日常教學(xué)以賽促教，以賽促學(xué)，在2021 年web 前端省技能大賽中獲得一等獎(jiǎng)。

（6）課程團(tuán)隊(duì)能力得到提升。基于OBE 成果導(dǎo)向項(xiàng)目設(shè)計(jì)要求教師要有豐富的崗位實(shí)踐經(jīng)驗(yàn)，這方面一直是校內(nèi)教師的弱項(xiàng)。在課程改革過程中，校內(nèi)教師企業(yè)掛職鍛煉積極性明顯提升，整個(gè)課程團(tuán)隊(duì)實(shí)踐技能水平更上新臺(tái)階。

六、課程診改

在OBE 理念下本門課程診改依據(jù)“8 字”質(zhì)量螺旋，常態(tài)化信息化預(yù)警，適時(shí)調(diào)整教學(xué)策略。課程共設(shè)置30 個(gè)質(zhì)控點(diǎn)，從課程設(shè)計(jì)、課程資源、課程團(tuán)隊(duì)、課程應(yīng)用四方面進(jìn)行監(jiān)控，質(zhì)控點(diǎn)的設(shè)置從OBE 教學(xué)理念出發(fā)，根據(jù)十四五規(guī)劃制定年度建設(shè)計(jì)劃，將各個(gè)質(zhì)控點(diǎn)分配到課程團(tuán)隊(duì)成員，課程實(shí)施過程中對照質(zhì)控點(diǎn)，監(jiān)控預(yù)警值，實(shí)時(shí)調(diào)整，課程診改貫穿課程始終，形成常態(tài)化模式，課程建設(shè)程螺旋狀逐年穩(wěn)步提升。

七、結(jié)論

構(gòu)建OBE 成果導(dǎo)向的課程改革，教學(xué)設(shè)計(jì)以畢業(yè)設(shè)計(jì)為目標(biāo)，銜接實(shí)際工作崗位，重構(gòu)后的知識體系更好體現(xiàn)成果導(dǎo)向項(xiàng)目設(shè)計(jì)，學(xué)生學(xué)習(xí)目標(biāo)更明確，學(xué)習(xí)動(dòng)力提升，提前適應(yīng)崗位需求。

OBE 教育理念主導(dǎo)“學(xué)生為主體”課堂模式，目標(biāo)讓每名學(xué)生都成功。重構(gòu)知識體系下“三段十步”線上線下混合式教學(xué)手段的應(yīng)用讓學(xué)生成為了課堂的主體，利于學(xué)生后續(xù)持續(xù)發(fā)展。各種課堂活動(dòng)及評價(jià)體系促使學(xué)生主動(dòng)加入到教學(xué)活動(dòng)中，在活動(dòng)中提升知識、技能、職業(yè)素養(yǎng)，從被動(dòng)接受轉(zhuǎn)為主動(dòng)進(jìn)取。

OBE 教育理念督促教師團(tuán)隊(duì)要不斷診改課程，不斷進(jìn)步，提升自我實(shí)踐技能，以適應(yīng)日新月異的行業(yè)發(fā)展。需要老師們不斷在實(shí)踐中升華理論，創(chuàng)新思路，更好地把此理念融入課程教學(xué)中，服務(wù)學(xué)生，這是所有老師長期為之努力奮斗的目標(biāo)。