吳菁 王蘋(píng)

摘 要：職業(yè)教育思政課與專(zhuān)業(yè)課程深度融合是職業(yè)教育人才培養(yǎng)質(zhì)量提升的前提和基礎(chǔ)。課堂教學(xué)是課程思政的主渠道，推進(jìn)課程思政建設(shè)，能夠使德育與智育相統(tǒng)一，更好地落實(shí)立德樹(shù)人的根本任務(wù)。HTML5課程將教書(shū)育人的理念貫穿教學(xué)全過(guò)程，構(gòu)建起“三位一體”的課程思政教學(xué)模式：優(yōu)化教學(xué)內(nèi)容，以?xún)?nèi)容為載體，將與思政教育有關(guān)的案例融入專(zhuān)業(yè)教學(xué)中;創(chuàng)新教學(xué)方法，以形式為手段，將學(xué)生思想教育有機(jī)融入到專(zhuān)業(yè)課程中;改革評(píng)價(jià)方式，以考核為引導(dǎo)，對(duì)學(xué)生進(jìn)行思想上潛移默化的滲透，提高育人效果。

關(guān)鍵詞：課程思政;HTML5;教學(xué)改革;三位一體模式

中圖分類(lèi)號(hào)：G642? ? ? ? ? ? ? ? ? 文獻(xiàn)標(biāo)識(shí)碼：B? ? ? ? ? ? ? ? ?文章編號(hào)：1674-2346（2021）02-0093-04

1? ? 引言

2020年6月，教育部印發(fā)《高等學(xué)校課程思政建設(shè)指導(dǎo)綱要》，文中指出“立德樹(shù)人成效是檢驗(yàn)高校一切工作的根本標(biāo)準(zhǔn)。落實(shí)立德樹(shù)人根本任務(wù)，必須將價(jià)值塑造、知識(shí)傳授和能力培養(yǎng)三者融為一體、不可割裂”[1]。這一表述為高校實(shí)施課程思政建設(shè)指明了方向。課程思政并非改變?cè)鹊恼n程設(shè)計(jì)，而是把價(jià)值引導(dǎo)的要素有機(jī)地融入到課程教學(xué)的全過(guò)程，做到春風(fēng)化雨、沁人心田，切實(shí)達(dá)到育人成效。

HTML5開(kāi)發(fā)技術(shù)是面向計(jì)算機(jī)專(zhuān)業(yè)開(kāi)設(shè)的一門(mén)專(zhuān)業(yè)必修課程，該課程操作性強(qiáng)，項(xiàng)目成果（作品）可展示，學(xué)生學(xué)習(xí)興趣相對(duì)濃厚，這為課程思政教學(xué)推進(jìn)奠定了堅(jiān)實(shí)基礎(chǔ)。目前大學(xué)生特點(diǎn)是思想活躍，接受能力強(qiáng)，但心理尚未成熟，受外界影響大，是培育正確價(jià)值觀、人生觀的關(guān)鍵時(shí)期。通過(guò)開(kāi)展課程思政教學(xué)改革，將專(zhuān)業(yè)知識(shí)與思政元素深度融合，把思想價(jià)值引領(lǐng)貫穿教育教學(xué)全過(guò)程，引導(dǎo)學(xué)生學(xué)會(huì)做人，不斷提高學(xué)生思想水平、政治覺(jué)悟、道德品質(zhì)、文化素養(yǎng)，讓學(xué)生成為德才兼?zhèn)?、全面發(fā)展的新青年。如何將思政元素巧妙地融入課程并應(yīng)用于課堂教學(xué)實(shí)踐中，尋找合適的切入點(diǎn)顯得尤為重要。本課程構(gòu)建了“三位一體”教學(xué)模式，著力從教學(xué)內(nèi)容、教學(xué)形式、考核手段3方面來(lái)進(jìn)行課程思政的教學(xué)設(shè)計(jì)，并付諸實(shí)施，以推動(dòng)課程思政的教學(xué)實(shí)踐。

2? ? “三位一體”課程思政教學(xué)模式探索

2.1? ? 優(yōu)化教學(xué)內(nèi)容

2.1.1? ? 核心樞紐：挖掘思政元素、融入專(zhuān)業(yè)課程

充分挖掘HTML5課程中包含的思政元素：家國(guó)情懷、個(gè)人品格、科學(xué)觀念。家國(guó)情懷包括社會(huì)主義核心價(jià)值觀、民族精神和時(shí)代精神、優(yōu)秀中華傳統(tǒng)文化的認(rèn)同和堅(jiān)持等，培養(yǎng)學(xué)生的責(zé)任與擔(dān)當(dāng)。個(gè)人品格包括道德情操（社會(huì)道德、個(gè)人道德和職業(yè)道德）、健全人格（思想、情感、行為、性格）、智力因素（觀察、想象、思考、判斷、推理等能力），培養(yǎng)學(xué)生如何做人?？茖W(xué)觀念包括求真務(wù)實(shí)、開(kāi)拓進(jìn)取、勤奮敬業(yè)、創(chuàng)新意識(shí)、學(xué)術(shù)誠(chéng)信等，培養(yǎng)學(xué)生如何做事。

圍繞知識(shí)傳授、能力培養(yǎng)和價(jià)值引領(lǐng)的課程建設(shè)目標(biāo)，在課程內(nèi)容中尋找與家國(guó)情懷、個(gè)人品格、科學(xué)觀念等相關(guān)德育元素的“觸點(diǎn)”與“融點(diǎn)”，巧妙運(yùn)用典型案例，傳播社會(huì)主義價(jià)值觀、專(zhuān)業(yè)倫理、家國(guó)情懷、國(guó)際視野、工匠精神、人文關(guān)懷等主流價(jià)值觀，引導(dǎo)學(xué)生樹(shù)立正確的人生觀、價(jià)值觀和職業(yè)觀。

2.1.2? ? 基本環(huán)節(jié)：明確教學(xué)目標(biāo)、梳理教學(xué)重點(diǎn)

通過(guò)本課程學(xué)習(xí)，要求學(xué)生能使用HTML5新標(biāo)簽創(chuàng)建網(wǎng)頁(yè);能使用CSS3技術(shù)美化頁(yè)面效果;能使用JavaScript腳本實(shí)現(xiàn)網(wǎng)頁(yè)客戶(hù)端特效;能使用JQuery快速高效制作網(wǎng)頁(yè)交互特效;能夠使用HTML5本地?cái)?shù)據(jù)存儲(chǔ)完善網(wǎng)站的開(kāi)發(fā);能夠使用Bootstrap和Vue來(lái)搭建頁(yè)面框架。在設(shè)計(jì)課程思政教學(xué)改革時(shí)，保持主體框架不變，適當(dāng)融入思政教育：通過(guò)介紹著名漸進(jìn)式vue框架的創(chuàng)造者尤雨溪，讓學(xué)生們了解中國(guó)程序開(kāi)發(fā)應(yīng)用現(xiàn)狀，厚植愛(ài)國(guó)情懷，激發(fā)學(xué)生干事?lián)?dāng)?shù)臒崆?。通過(guò)課程思政項(xiàng)目的實(shí)施，引導(dǎo)學(xué)生進(jìn)一步了解傳統(tǒng)文化和家鄉(xiāng)文化，堅(jiān)定學(xué)生的文化自信。結(jié)合當(dāng)前教學(xué)活動(dòng)，適時(shí)穿插講解企業(yè)文化和職業(yè)素養(yǎng)，傳播主流價(jià)值觀，幫助學(xué)生樹(shù)立正確的人生觀、價(jià)值觀和職業(yè)觀。通過(guò)對(duì)分課堂，促進(jìn)專(zhuān)業(yè)知識(shí)內(nèi)化，培養(yǎng)學(xué)生自我學(xué)習(xí)和溝通交流能力。采用學(xué)生自我評(píng)價(jià)打分、記錄學(xué)生課堂操行、標(biāo)準(zhǔn)化設(shè)計(jì)等措施，培養(yǎng)學(xué)生誠(chéng)信意識(shí)，形成良好行為習(xí)慣和助人為樂(lè)的品質(zhì)。通過(guò)采用標(biāo)準(zhǔn)代碼格式和設(shè)計(jì)規(guī)范，了解和體會(huì)職業(yè)標(biāo)準(zhǔn)化、規(guī)范化的重要性。

2.1.3? ? 重點(diǎn)環(huán)節(jié)：思政元素、案例融入

教學(xué)過(guò)程中，選擇典型案例，貫穿教學(xué)全過(guò)程。例如：

1）“非遺物質(zhì)文化”網(wǎng)站-實(shí)施方案：定為課堂任務(wù)，由老師帶領(lǐng)學(xué)生做。實(shí)施方法：要求學(xué)生上網(wǎng)搜集相關(guān)資料（圖片、文字、視頻等），匯總歸類(lèi)，作為網(wǎng)頁(yè)的填充內(nèi)容。重點(diǎn)措施：要求學(xué)生每人搜集整理資料，如果素材被采用，可獲加分。在對(duì)分課堂積極參與討論者，可獲加分。在課堂練習(xí)過(guò)程中，互相糾錯(cuò)，表現(xiàn)優(yōu)秀者，可獲加分。通過(guò)課內(nèi)案例的實(shí)施，弘揚(yáng)傳統(tǒng)文化，增強(qiáng)學(xué)生愛(ài)國(guó)情懷和民族自豪感。

2）“美麗鄉(xiāng)村”網(wǎng)站-實(shí)施方案：定為課外任務(wù)，老師在課堂布置，學(xué)生自己做，最后在課堂上展示。實(shí)施方法：要求學(xué)生上網(wǎng)搜集自己家鄉(xiāng)的相關(guān)資料，篩選分類(lèi)，并用HTML5技術(shù)實(shí)現(xiàn)美麗鄉(xiāng)村網(wǎng)站制作。重點(diǎn)措施：要求學(xué)生每人搜集整理資料，編寫(xiě)網(wǎng)頁(yè)，并在課堂上展示匯報(bào)。作品效果優(yōu)秀者，可獲加分。通過(guò)課外案例的實(shí)施，引導(dǎo)學(xué)生發(fā)現(xiàn)家鄉(xiāng)之美，感受家鄉(xiāng)不俗的魅力，激發(fā)熱愛(ài)家鄉(xiāng)的思想感情。

3）“時(shí)政”網(wǎng)站特效制作-實(shí)施方案：定為課外自學(xué)，輔助學(xué)生鞏固專(zhuān)業(yè)技能。實(shí)施方法：自主學(xué)習(xí)網(wǎng)站特效制作的視頻，內(nèi)容載體是時(shí)政新聞。通過(guò)視頻學(xué)習(xí)，加強(qiáng)學(xué)生對(duì)時(shí)事政治的關(guān)注度，面對(duì)復(fù)雜的國(guó)際環(huán)境，引導(dǎo)學(xué)生樹(shù)立正確的認(rèn)識(shí)觀，懂得自己前途和命運(yùn)與祖國(guó)連在一起，熱愛(ài)祖國(guó)應(yīng)體現(xiàn)在具體行動(dòng)中，努力學(xué)好專(zhuān)業(yè)知識(shí)。

在教學(xué)過(guò)程中，結(jié)合當(dāng)前的教學(xué)內(nèi)容，邀請(qǐng)企業(yè)人員適當(dāng)穿插講解企業(yè)文化和職業(yè)素養(yǎng)，引導(dǎo)學(xué)生深刻理解各行業(yè)的職業(yè)精神和職業(yè)規(guī)范，增強(qiáng)職業(yè)責(zé)任感。前期任課老師要做好調(diào)研，與企業(yè)人員進(jìn)行深入交流，整理出企業(yè)文化和職業(yè)素養(yǎng)方面的一些案例和要素，或設(shè)計(jì)適當(dāng)?shù)膶W(xué)生課外社會(huì)調(diào)查任務(wù)。

作品設(shè)計(jì)的創(chuàng)作靈感來(lái)源，其中最重要的一個(gè)方式是來(lái)自?xún)?yōu)秀的作品帶來(lái)靈感。把信息素養(yǎng)教育嵌入到HTML5開(kāi)發(fā)技術(shù)的專(zhuān)業(yè)課程教學(xué)中，有助于學(xué)生從廣泛學(xué)習(xí)資源中查找到所需高質(zhì)量的素材，從而拓寬學(xué)生的專(zhuān)業(yè)視野，提高審美能力，激發(fā)創(chuàng)作靈感。在調(diào)試代碼過(guò)程中，信息素養(yǎng)可幫助學(xué)生在網(wǎng)絡(luò)上快速找到問(wèn)題所在。

2.2? ? 創(chuàng)新教學(xué)方法

2.2.1? ? 互動(dòng)環(huán)節(jié)：對(duì)分課堂、重在體驗(yàn)

教學(xué)方式：學(xué)習(xí)的過(guò)程是一個(gè)體驗(yàn)、內(nèi)化、吸收的過(guò)程，學(xué)生是否體驗(yàn)到，是否內(nèi)化，光靠教師講授是解決不了當(dāng)前學(xué)生的學(xué)習(xí)問(wèn)題的。學(xué)生只有主動(dòng)參與知識(shí)構(gòu)建、嘗試解決問(wèn)題，其思維能力和探索的精神才能落到實(shí)處。本課程運(yùn)用對(duì)分課堂模式講解HTML5開(kāi)發(fā)技術(shù)。對(duì)分課堂核心理念是分配大約一半課堂時(shí)間給教師講授，另一半時(shí)間給學(xué)生討論，講授時(shí)間和討論時(shí)間錯(cuò)開(kāi)，讓學(xué)生在課后自主安排學(xué)習(xí)。[3]例如在講解用JavaScript實(shí)現(xiàn)Tab切換效果時(shí)，按照認(rèn)知過(guò)程設(shè)計(jì)遞進(jìn)的教學(xué)內(nèi)容：先講核心知識(shí)點(diǎn)-使用display屬性實(shí)現(xiàn)內(nèi)容的顯示與隱藏。考慮代碼復(fù)用性，引導(dǎo)學(xué)生完成代碼封裝（函數(shù)定義、函數(shù)調(diào)用）。為了提高代碼的可維護(hù)性，解決手動(dòng)調(diào)用函數(shù)的局限性，提出對(duì)象的事件（onmousemove、onmouseout）自動(dòng)加載的編程設(shè)想。由于自動(dòng)加載涉及知識(shí)點(diǎn)多而散，具體編碼的實(shí)現(xiàn)，則安排學(xué)生課后思考完成，并設(shè)計(jì)隔堂討論的教學(xué)環(huán)節(jié)。這種模式結(jié)合講授式課堂與討論式課堂的優(yōu)點(diǎn)，縮短講授時(shí)間的同時(shí)，框架式精講又讓學(xué)生邏輯清晰地抓住核心內(nèi)容（學(xué)什么、為什么學(xué)）。而隔堂討論，學(xué)生有備而來(lái)，不易受挫。教師根據(jù)學(xué)生討論方案分析不同方法之間的編碼優(yōu)劣，既加深了學(xué)生對(duì)知識(shí)的理解，又培養(yǎng)了學(xué)生的學(xué)習(xí)能力和表達(dá)能力。

2.2.2? ? 關(guān)鍵環(huán)節(jié)：案例教學(xué)、加強(qiáng)引導(dǎo)

教學(xué)設(shè)計(jì)：在整個(gè)教學(xué)過(guò)程中，采用案例教學(xué)，使學(xué)生在學(xué)習(xí)知識(shí)點(diǎn)的同時(shí)，能把所學(xué)知識(shí)應(yīng)用到案例當(dāng)中，提高學(xué)生實(shí)際處理問(wèn)題的能力。案例教學(xué)不僅能夠使課堂變得不再枯燥，提高學(xué)生的學(xué)習(xí)興趣，更重要的是能讓學(xué)生把所學(xué)的知識(shí)融合貫通，做到學(xué)有所用。本課程設(shè)計(jì)涉及與思想教育內(nèi)容有關(guān)的教學(xué)項(xiàng)目，如“非遺物質(zhì)文化”網(wǎng)站、“美麗鄉(xiāng)村”網(wǎng)站，前一案例引導(dǎo)學(xué)生對(duì)優(yōu)秀中華傳統(tǒng)文化的認(rèn)同和堅(jiān)持，后一案例培養(yǎng)學(xué)生對(duì)家鄉(xiāng)的熱愛(ài)之情。

2.3? ? 改革評(píng)價(jià)方式

2.3.1? ? 難點(diǎn)環(huán)節(jié)：構(gòu)建多元評(píng)價(jià)，注重德能并重

課程評(píng)價(jià)是教學(xué)過(guò)程中一個(gè)重要環(huán)節(jié)，也是檢驗(yàn)課程思政實(shí)施效果的重要手段。要達(dá)到思政課程與課程思政深度融合，需構(gòu)建德能并重、多元參與的課程思政建設(shè)成效考核評(píng)價(jià)體系，既要考核學(xué)生專(zhuān)業(yè)知識(shí)、職業(yè)技能的掌握程度，又要正確、客觀評(píng)價(jià)學(xué)生的道德品質(zhì)和職業(yè)素養(yǎng)[4]。

2.3.2? ? 實(shí)施環(huán)節(jié)：考核全面客觀，兼顧量質(zhì)一體

課程思政的考核不同于思政課程的傳統(tǒng)考核方式，不適合用知識(shí)性的思政內(nèi)容進(jìn)行考試，最合理的方式是將鹽溶于食物自然吸收的方式，無(wú)痕地融于專(zhuān)業(yè)課程的過(guò)程性評(píng)價(jià)與結(jié)果性評(píng)價(jià)之中。傳統(tǒng)考核方式多為平時(shí)表現(xiàn)（到課率、課后作業(yè)、課堂表現(xiàn)）+期末卷面成績(jī)。在課程思政的考核中，增加思政元素的過(guò)程性考核。例如：在教學(xué)過(guò)程中實(shí)施分組合作法，通過(guò)抽查方式對(duì)小組課堂案例完成情況進(jìn)行評(píng)價(jià)，結(jié)果將作為團(tuán)隊(duì)各成員當(dāng)次課堂的考核依據(jù)，以培養(yǎng)學(xué)生良好集體榮譽(yù)感和團(tuán)隊(duì)協(xié)作精神。課堂上增加幫助同學(xué)代碼糾錯(cuò)的加分項(xiàng)，以培養(yǎng)學(xué)生良好的行為習(xí)慣和助人為樂(lè)的品質(zhì)。在階段成果（思政作品）的展示環(huán)節(jié)，評(píng)價(jià)主體多元化，學(xué)生、教師、企業(yè)人員共同參與，通過(guò)學(xué)生自評(píng)、互評(píng)以及教師團(tuán)隊(duì)量化打分，得出階段綜合成績(jī)。最終個(gè)人的總評(píng)成績(jī)則通過(guò)平時(shí)表現(xiàn)、階段成果和期末考核等多維度、全面的評(píng)價(jià)而得到。

以上是HTML5課程思政初步的探索，注重思想教育和價(jià)值引領(lǐng)，將信息素養(yǎng)教育與對(duì)分課堂進(jìn)行有機(jī)柔和，并融入課程思政教育中，即加強(qiáng)信息素養(yǎng)能力培養(yǎng)，又能提升對(duì)分課堂知識(shí)內(nèi)化，從而實(shí)現(xiàn)思政教育與專(zhuān)業(yè)教育的協(xié)同推進(jìn)，最終實(shí)現(xiàn)知識(shí)傳授、能力培養(yǎng)、價(jià)值塑造三者有機(jī)融合的教學(xué)目標(biāo)。

參考文獻(xiàn)

[1]教育部.高等學(xué)校課程思政建設(shè)指導(dǎo)綱要[EB/OL].（2020-06-01）[2020-11-12]http：// www.moe.gov.cn/srcsite/A08/ s7056/202

006/ t20200603_462437.html.

[2]李偉.高職院校圖書(shū)館嵌入專(zhuān)業(yè)課程式信息素質(zhì)教育研究[J].大學(xué)圖書(shū)情報(bào)學(xué)刊，2012（05）：84-86.

[3]陳瑞豐.對(duì)分課堂模式下高校思想政治理論課的教改探索[J].成都工業(yè)學(xué)院學(xué)報(bào)，2016，19（003）：84-88.

[4]王文靜.關(guān)于高職工科類(lèi)專(zhuān)業(yè)課開(kāi)展“課程思政”的思考[J].高教學(xué)刊，2020（20）：176-179.

On the Reform of Ideological and Political Teaching in the course of HTML5 Development Technology

WU Jing1? ? WANG Ping2

（1.School of Electronic Information Engineering，Ningbo Polytechnic，Ningbo，Zhejiang 315800，China;

2. Basic Courses Department，Zhejiang Fashion Institute of Technology，Ningbo，Zhejiang 315211，China）

Abstract： The deep integration of ideological and political courses and professional courses in vocational education is the premise and foundation of improving the quality of talents cultivation.Classroom teaching is the main channel of ideological and political education in curriculum.To promote the construction of ideological and political education in curriculum can unify the moral education and intellectual education，and better carry out the fundamental task of fostering virtue through education.In the whole process of the course of HTML5， the trinity ideological and political teaching mode in the curriculum will be constructed.The teaching content is optimized.With the content as carrier，cases related to ideological and political education will be integrated into professional teaching.The teaching methods are innovated.With the form as means，the students ideological education will be organically integrated into professional courses.The evaluation methods is reformed.With the assessment as the guide，the students thoughts will be imperceptibly infiltrated so as to improve the educational effect.

Key words： ideological and political education in curriculum;HTML5;teaching reform;trinity mode