摘要：現(xiàn)代學(xué)徒制作為一種創(chuàng)新的教育模式，通過深度產(chǎn)教融合和校企合作，定制化培養(yǎng)符合企業(yè)需求的技能人才，北海職業(yè)學(xué)院與廣西厚溥數(shù)字教育有限公司聯(lián)合開展現(xiàn)代學(xué)徒試點，充分利用校企雙方優(yōu)勢，實現(xiàn)人才定制化培養(yǎng)。文章以HTML5+CSS3網(wǎng)頁前端應(yīng)用課程為例，基于現(xiàn)代學(xué)徒制試點開展教學(xué)設(shè)計與實施。通過重構(gòu)課程內(nèi)容、優(yōu)化教學(xué)過程、精準(zhǔn)分析學(xué)情以及確定教學(xué)目標(biāo)等策略，采用“崗課賽證產(chǎn)”“五位一體”教學(xué)模式，結(jié)合校企數(shù)智賦能，提升了學(xué)生職業(yè)能力和素養(yǎng)，并為其未來就業(yè)奠定基礎(chǔ)。通過雙平臺、五環(huán)節(jié)組織教學(xué)，全過程思政融合，有效提升了學(xué)生課堂參與度、就業(yè)競爭力和思政實效性。

關(guān)鍵詞：現(xiàn)代學(xué)徒；HTML5+CSS3；教學(xué)模式

中圖分類號：G642 文獻標(biāo)識碼：A

文章編號：1009-3044（2025）05 -0178-03 開放科學(xué)（資源服務(wù)） 標(biāo)識碼（OSID） ：

0 引言

《教育部辦公廳關(guān)于全面推進現(xiàn)代學(xué)徒制工作的通知》明確提出，要實現(xiàn)全面推廣中國特色現(xiàn)代學(xué)徒制，目前缺乏基于現(xiàn)代學(xué)徒制的課程開發(fā)[1]，隨著IT產(chǎn)業(yè)升級和技術(shù)革新，企業(yè)對高技能人才的需求日益迫切，傳統(tǒng)教育模式已難以滿足企業(yè)對高素質(zhì)技能型人才的需求，因此，以HTML5+CSS3網(wǎng)頁前端應(yīng)用課程為例，探索如何通過課程內(nèi)容重構(gòu)、教學(xué)過程優(yōu)化、學(xué)情深入分析及教學(xué)目標(biāo)精準(zhǔn)定位，培養(yǎng)出符合企業(yè)個性需求、具備新質(zhì)人才特質(zhì)的現(xiàn)代學(xué)徒，成為提升教學(xué)質(zhì)量和人才培養(yǎng)效果的重要途徑。

1 課程教學(xué)設(shè)計

1.1 對標(biāo)職業(yè)能力新要求，重構(gòu)課程內(nèi)容

1.1.1 課程內(nèi)容重構(gòu)的背景與依據(jù)

隨著產(chǎn)業(yè)的轉(zhuǎn)型升級和企業(yè)的技術(shù)創(chuàng)新，企業(yè)對人才的用人標(biāo)準(zhǔn)也在不斷變化。為準(zhǔn)確把握企業(yè)對現(xiàn)代學(xué)徒制工作項目和任務(wù)的最新要求，剖析勝任工作任務(wù)所需的職業(yè)能力，明確職業(yè)崗位對知識、技能、工具、方法、要求和態(tài)度的具體標(biāo)準(zhǔn)。HTML5+CSS3 網(wǎng)頁前端應(yīng)用課程作為現(xiàn)代學(xué)徒制培養(yǎng)模式的學(xué)徒專業(yè)技能課程，通過頭腦風(fēng)暴、文獻研究、案例分析等方式，運用“二維四步五解” 職業(yè)能力分析方法，如圖1所示，深入分析Web前端工程師崗位的項目需求和工作流程，明確課程以工作過程為導(dǎo)向，從而重構(gòu)課程內(nèi)容。

1.1.2 課程內(nèi)容的重構(gòu)策略

采用“崗課賽證產(chǎn)”“五位一體”，運用“項目引領(lǐng)、遞進重構(gòu)、多元融入”的策略重構(gòu)課程內(nèi)容，如圖2所示。將課程劃分為六大項目模塊，每個模塊都圍繞一個具體的網(wǎng)頁前端應(yīng)用項目展開。例如，項目六“紅色學(xué)堂”網(wǎng)站首頁制作，結(jié)合了崗位項目開發(fā)的工作流程：需求分析、原型設(shè)計、編碼開發(fā)、測試優(yōu)化、驗收發(fā)布。運用“項目引領(lǐng)、任務(wù)驅(qū)動、理實一體“教學(xué)模式，不僅加強了學(xué)生的自主學(xué)習(xí)能力、合作能力和創(chuàng)新能力，還提升了學(xué)生解決實際問題的能力，增強了學(xué)生職業(yè)核心競爭力。

1.2 聚焦新質(zhì)人才新特性，優(yōu)化教學(xué)過程

1.2.1 新質(zhì)人才的特質(zhì)分析

新質(zhì)人才具備成長心態(tài)和高度自主學(xué)習(xí)意識、人機共生思維與AI整合技能、創(chuàng)新意識與實踐智慧、多元“跨界”綜合能力等新特性[2]。這些特質(zhì)意味著在教學(xué)過程中必須注重培養(yǎng)學(xué)生的綜合素質(zhì)和創(chuàng)新能力。

1.2.2 教學(xué)過程的優(yōu)化策略

為了適應(yīng)新質(zhì)高素質(zhì)技能人才的培養(yǎng)需求，全面優(yōu)化教學(xué)組織過程。采用課前探究、課中進階學(xué)習(xí)、課后拓展學(xué)習(xí)三階遞進的教學(xué)模式，課前發(fā)布探究學(xué)習(xí)任務(wù)清單，以導(dǎo)入—講解—演練—評價—總結(jié)五環(huán)節(jié)推進課中教學(xué)過程，通過校企合作，充分發(fā)揮學(xué)生主體特性，有效提升學(xué)徒多元化、專業(yè)化學(xué)習(xí)能力，推動學(xué)徒的創(chuàng)新意識、跨界融合能力、持續(xù)學(xué)習(xí)能力以及團隊協(xié)作與溝通能力的全面提升。充分利用AI大模型、可視化實驗場、仿真動畫等信息化資源，為學(xué)生提供豐富的學(xué)習(xí)資源和互動平臺。引入多維度可量化評價模型，通過機評、自評、互評、師評、企業(yè)評等多種評價方式，對學(xué)生的學(xué)習(xí)過程和成果進行全面評估。

1.3 依托多元平臺新評估，精準(zhǔn)分析學(xué)情

1.3.1 學(xué)情評估的重要性

學(xué)情評估是教學(xué)設(shè)計的關(guān)鍵依據(jù)，通過對學(xué)生崗位認(rèn)知、知識基礎(chǔ)、學(xué)習(xí)能力、興趣愛好等方面的綜合評估，可以提供有價值的數(shù)據(jù)支持，幫助更好地了解學(xué)生的學(xué)習(xí)需求和學(xué)習(xí)狀況。

1.3.2 學(xué)情評估的方法與手段

采用百里半平臺進行MBTI測評、職前引導(dǎo)測驗，以及學(xué)習(xí)通平臺的學(xué)習(xí)反饋等多種方式進行學(xué)情評估。運用數(shù)據(jù)分析技術(shù)對評估結(jié)果進行深入分析，了解學(xué)生的學(xué)習(xí)特點和存在問題，從而有針對性地調(diào)整教學(xué)內(nèi)容、教學(xué)方法和教學(xué)策略。

1.4 基于課程相關(guān)七標(biāo)準(zhǔn)，確定教學(xué)目標(biāo)

1.4.1 教學(xué)目標(biāo)的確定依據(jù)

在深入剖析學(xué)情分析結(jié)果的基礎(chǔ)上，依據(jù)學(xué)徒人才培養(yǎng)方案，圍繞七大核心標(biāo)準(zhǔn)（專業(yè)教學(xué)標(biāo)準(zhǔn)、課程標(biāo)準(zhǔn)、Web前端開發(fā)工程師崗位標(biāo)準(zhǔn)、“1+X”證書標(biāo)準(zhǔn)、技能大賽核心技術(shù)標(biāo)準(zhǔn)以及數(shù)字經(jīng)濟新質(zhì)人才培養(yǎng)標(biāo)準(zhǔn)） ，確定項目教學(xué)目標(biāo)。明確教學(xué)方向和培養(yǎng)目標(biāo)，確保了教學(xué)內(nèi)容與企業(yè)崗位需求的緊密契合。

1.4.2 教學(xué)目標(biāo)的具體內(nèi)容

融合專業(yè)與崗位標(biāo)準(zhǔn)：依據(jù)專業(yè)教學(xué)標(biāo)準(zhǔn)，緊密對接Web前端開發(fā)工程師的崗位標(biāo)準(zhǔn)，明確學(xué)生要掌握HTML5和CSS3的核心技術(shù)和應(yīng)用方法。

強化職業(yè)技能證書導(dǎo)向：結(jié)合“1+X”證書制度，將職業(yè)技能等級證書要求融入教學(xué)目標(biāo)，激勵學(xué)生不僅獲得學(xué)歷證書，還要考取相關(guān)職業(yè)技能等級證書。確定學(xué)生掌握網(wǎng)頁前端布局和樣式設(shè)計的交互設(shè)計能力，增強就業(yè)競爭力。

對標(biāo)技能大賽：緊跟技能大賽核心技術(shù)標(biāo)準(zhǔn)，通過模擬競賽環(huán)境、引入競賽項目，提升學(xué)生的創(chuàng)新精神、實戰(zhàn)能力和團隊協(xié)作能力。

2 課程實施過程

2.1 雙平臺推進教學(xué)，達成知識目標(biāo)

為了有效達成知識目標(biāo)，充分利用線上與線下混合教學(xué)。課前，通過學(xué)習(xí)通、百里半等在線教育平臺發(fā)布探究學(xué)習(xí)任務(wù)清單及相關(guān)預(yù)習(xí)知識微課視頻，學(xué)生進行自主學(xué)習(xí)。平臺上的測試題和反饋機制幫助學(xué)生檢驗預(yù)習(xí)成果，也為教師提供了學(xué)生的學(xué)習(xí)數(shù)據(jù)，便于后續(xù)教學(xué)的精準(zhǔn)定位[3]。在課中線下授課時，針對學(xué)生預(yù)習(xí)中未掌握的知識點進行重點分析講解。通過設(shè)置問題情境、小組討論協(xié)作、分析典型案例等方式，利用AI大模型、可視化實驗場、仿真動畫、代碼糾錯、游戲比拼等數(shù)字化立體化教學(xué)資源平臺，突破教學(xué)重難點，不僅幫助學(xué)生更好地理解抽象概念，還激發(fā)了學(xué)生的學(xué)習(xí)興趣和探究欲望。在教師的引導(dǎo)下，學(xué)生積極參與課堂討論，主動思考問題，從而有效達成了教學(xué)知識目標(biāo)。

2.2 五環(huán)節(jié)組織教學(xué)，達成能力目標(biāo)

為了達成能力目標(biāo)，通過學(xué)徒工作室引入真實項目，按照“導(dǎo)入—講解—演練—評價—總結(jié)”五個環(huán)節(jié)組織教學(xué)。在導(dǎo)入環(huán)節(jié)，通過展示網(wǎng)頁前端應(yīng)用的實例，激發(fā)學(xué)生的學(xué)習(xí)興趣和求知欲。在講解環(huán)節(jié)，詳細(xì)闡述HTML5和CSS3的核心技術(shù)和應(yīng)用方法，結(jié)合企業(yè)真實項目的開發(fā)流程和標(biāo)準(zhǔn)，使學(xué)生了解網(wǎng)頁前端開發(fā)的實際操作過程。在演練環(huán)節(jié)，引導(dǎo)學(xué)生通過實際操作掌握網(wǎng)頁設(shè)計與制作的基本方法和技巧。設(shè)置了多個任務(wù)關(guān)卡，讓學(xué)生在完成任務(wù)的過程中逐步掌握網(wǎng)頁布局、交互設(shè)計等關(guān)鍵技術(shù)，培養(yǎng)學(xué)徒具備“懂代碼、會布局、善開發(fā)、能創(chuàng)新“的核心職業(yè)技能。同時，利用AI大模型、微課視頻、動畫、闖關(guān)游戲、可視化布局實驗場等資源，為學(xué)生提供實時的指導(dǎo)和幫助。在評價環(huán)節(jié)，采用多維度可量化評價模型，通過機評、自評、互評、師評、企業(yè)評等多種方式，對學(xué)生的學(xué)習(xí)成果進行全面評估。最后，在總結(jié)環(huán)節(jié)，幫助學(xué)生梳理所學(xué)知識，強化記憶和理解，為后續(xù)學(xué)習(xí)奠定堅實基礎(chǔ)。

2.3 全過程思政融合，達成素養(yǎng)目標(biāo)

在課程教學(xué)中，始終注重思政教育的融入。通過挖掘HTML5+CSS3網(wǎng)頁前端應(yīng)用課程中的思政元素，將愛國主義、勞動精神、工匠精神等融入教學(xué)全過程。例如，在“紅色學(xué)堂”網(wǎng)站首頁制作項目，融入展示紅色文化歷史背景和革命先輩的奮斗精神，培養(yǎng)學(xué)生的愛國主義情懷和民族自豪感。注重培養(yǎng)學(xué)生的團隊合作精神和責(zé)任意識，通過小組完成項目任務(wù)，鍛煉學(xué)生的溝通協(xié)調(diào)能力和集體榮譽感。在編碼實踐過程，強調(diào)精益求精的工匠精神和不斷追求卓越的創(chuàng)新思維，提高學(xué)生技能實踐能力，鼓勵學(xué)生樹立目標(biāo)意識，認(rèn)真對待每一個任務(wù)環(huán)節(jié)，力求做到最好。通過這些措施，有效達成了教學(xué)素養(yǎng)目標(biāo)，提升了學(xué)生的綜合素質(zhì)和職業(yè)素養(yǎng)。

2.4 四維度校企協(xié)同，探索增值評價

為了全面評估學(xué)生的學(xué)習(xí)效果和提升教學(xué)質(zhì)量，構(gòu)建了校企雙主體的四維度考核評價體系[4]。該體系從素質(zhì)、知識、能力和成果四個方面入手，對學(xué)生的職業(yè)素養(yǎng)、學(xué)習(xí)態(tài)度、匯報演示、課堂實踐、練習(xí)測驗、項目成果等進行全面評估。利用線上平臺和軟件工具實時評分，確保評價的公正性和客觀性。同時，還引入了企業(yè)導(dǎo)師參與評價過程，從行業(yè)標(biāo)準(zhǔn)和實際需求出發(fā)對學(xué)生的學(xué)習(xí)成果進行點評和指導(dǎo)。在評價過程中，注重過程性評價和結(jié)果性評價的有機結(jié)合。通過機評、自評、互評、師評、企業(yè)評等多種方式構(gòu)建多維度可量化評價模型，科學(xué)分析評價結(jié)果并及時反饋給學(xué)生。這種評價方式不僅激發(fā)了學(xué)生的學(xué)習(xí)積極性和主動性還幫助他們及時發(fā)現(xiàn)自身存在的問題和不足從而有針對性地改進和提高。同時還探索了針對成品展示的布局、內(nèi)容、美觀、創(chuàng)新等多維度的增值性評價為學(xué)生提供了更廣闊的發(fā)展空間。

3 課程實踐成效

3.1 構(gòu)建線上線下模式，提升學(xué)生課堂參與度

通過實施線上線下混合教學(xué)模式打破傳統(tǒng)課堂的時空限制，為學(xué)生提供了更加靈活個性化的學(xué)習(xí)方式。線上學(xué)習(xí)平臺集教學(xué)資源、學(xué)習(xí)活動、交流互動于一體，學(xué)生可以隨時隨地訪問課程資源開展自主學(xué)習(xí)。線下課堂側(cè)重項目實踐和師生互動，通過小組協(xié)作完成項目任務(wù)，增強學(xué)生的參與感和獲得感。這種教學(xué)模式極大地提高了學(xué)生的課堂參與度和學(xué)習(xí)積極性。統(tǒng)計數(shù)據(jù)顯示，平均到課率達到95%。線上學(xué)習(xí)資源的點擊量和訪問時長也大幅增加，學(xué)生對混合式教學(xué)模式的滿意度高達98%。

3.2 對接職業(yè)崗位需求，提升學(xué)生就業(yè)競爭力

課程緊密圍繞Web前端開發(fā)工程師崗位需求，通過引入企業(yè)真實項目“紅色學(xué)堂”網(wǎng)站開發(fā)，以項目驅(qū)動和任務(wù)引領(lǐng)為核心，使學(xué)生掌握網(wǎng)頁設(shè)計與制作的關(guān)鍵技術(shù)和開發(fā)流程，提升了解決實際問題的綜合能力，鍛煉實戰(zhàn)能力。另外。學(xué)生的優(yōu)秀作品在校企官網(wǎng)上展示，進一步提高了學(xué)習(xí)的成就感。通過項目匯報、成果展示等活動，讓學(xué)生展示學(xué)習(xí)成果和團隊風(fēng)采，培養(yǎng)他們的自信心和表達能力。學(xué)生通過參加多項技能大賽獲獎，以賽促教，以賽促學(xué)，有效縮短了學(xué)生從學(xué)校到職場的過渡期，增強了職業(yè)適應(yīng)性和就業(yè)競爭力。

3.3 創(chuàng)新思政教育形式，提升課程思政實效性

在HTML5+CSS3網(wǎng)頁前端應(yīng)用課程的教學(xué)過程中，積極探索創(chuàng)新思政教育形式，提升課程思政的實效性。一是注重選取具有思政教育意義的“紅色學(xué)堂”網(wǎng)站開發(fā)項目，引導(dǎo)學(xué)生傳承紅色基因、堅定理想信念，激發(fā)學(xué)生的愛國主義情懷和民族自豪感。二是注重將勞動精神融入課程教學(xué)。通過引入企業(yè)真實生產(chǎn)項目，讓學(xué)生體驗崗位工作流程，了解職業(yè)特點和要求。鼓勵學(xué)生積極參與、勇于擔(dān)當(dāng)，培養(yǎng)他們的職業(yè)認(rèn)同感和崗位責(zé)任感。三是注重培養(yǎng)學(xué)生的團隊合作精神和責(zé)任意識。通過小組合作、分工協(xié)作、溝通交流和相互支持等方式共同完成任務(wù)。培養(yǎng)和鍛煉學(xué)生的溝通協(xié)調(diào)能力和集體榮譽感。通過將思政教育融入HTML5+CSS3網(wǎng)頁前端應(yīng)用課程教學(xué)過程中，實現(xiàn)了顯性教育和隱性教育的有機統(tǒng)一，學(xué)生的專業(yè)素養(yǎng)和職業(yè)操守得到了全面提升。

4 總結(jié)與展望

本文總結(jié)了北海職業(yè)學(xué)院與廣西厚溥數(shù)字教育有限公司在現(xiàn)代學(xué)徒制校企合作模式下，以HTML5+CSS3網(wǎng)頁前端應(yīng)用課程為例的教學(xué)設(shè)計與實施成效。通過重構(gòu)課程內(nèi)容、優(yōu)化教學(xué)過程、精準(zhǔn)分析學(xué)情和確定教學(xué)目標(biāo)，采用“崗課賽證產(chǎn)”“五位一體”教學(xué)模式，結(jié)合校企數(shù)智賦能，有效提升了學(xué)生的職業(yè)能力和素養(yǎng)[5]。線上線下混合教學(xué)模式顯著增強了學(xué)生的課堂參與度，項目驅(qū)動和任務(wù)引領(lǐng)提升了學(xué)生就業(yè)競爭力，全過程思政融合則強化了課程思政的實效性。未來，將繼續(xù)深化校企合作，探索更多創(chuàng)新教學(xué)模式，以適應(yīng)產(chǎn)業(yè)升級對高技能人才的不斷增長需求，培養(yǎng)更多具備新質(zhì)人才特質(zhì)的現(xiàn)代學(xué)徒，為社會發(fā)展貢獻更多高質(zhì)量的技術(shù)技能人才。同時，也將不斷優(yōu)化評價體系，實現(xiàn)更加精準(zhǔn)、全面的教學(xué)評估，助力學(xué)生全面發(fā)展。

參考文獻：

[1] 郭偉剛，周水琴，裘旭東，等.基于現(xiàn)代學(xué)徒制的整合式項目課程體系構(gòu)建路徑研究[J].中國職業(yè)技術(shù)教育，2018（1）：71-74.

[2] 祝智庭，戴嶺，趙曉偉，等.新質(zhì)人才培養(yǎng)：數(shù)智時代教育的新使命[J].電化教育研究，2024，45（1）：52-60.

[3] 解正梅，周艷“. HTML5+CSS3網(wǎng)頁設(shè)計” 課程混合式教學(xué)實踐與建議[J].計算機應(yīng)用文摘，2024，40（6）：16-19.

[4] 楊正麗，蔡詩響，魯恒，等.校企協(xié)同模式下創(chuàng)新型人才培養(yǎng)研究[J].實驗科學(xué)與技術(shù)，2021，19（2）：132-136.

[5] 王慧萍，楊愛珍，徐祖平，等.高職院?！皪徴n賽證” 綜合育人機制實踐探索：以建設(shè)工程管理專業(yè)為例[J].職業(yè)技術(shù)，2024，23（4）：55-61.

【通聯(lián)編輯：光文玲】

基金項目：廣西教育科學(xué)‘十四五“規(guī)劃2023 年度課題《高職現(xiàn)代學(xué)徒制課程開發(fā)研究與實踐》（2023A110） ；北海職業(yè)學(xué)院計算機應(yīng)用技術(shù)專業(yè)現(xiàn)代學(xué)徒制試點項目（2022XDXTZ02）