吳菁 王蘋

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

關鍵詞：課程思政;HTML5;教學改革;三位一體模式

中圖分類號：G642? ? ? ? ? ? ? ? ? 文獻標識碼：B? ? ? ? ? ? ? ? ?文章編號：1674-2346（2021）02-0093-04

1? ? 引言

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

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

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

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

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

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

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

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

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

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

教學過程中，選擇典型案例，貫穿教學全過程。例如：

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

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

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

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

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

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

2.2.1? ? 互動環(huán)節(jié)：對分課堂、重在體驗

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

2.2.2? ? 關鍵環(huán)節(jié)：案例教學、加強引導

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

2.3? ? 改革評價方式

2.3.1? ? 難點環(huán)節(jié)：構建多元評價，注重德能并重

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

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

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

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

參考文獻

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

006/ t20200603_462437.html.

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

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

[4]王文靜.關于高職工科類專業(yè)課開展“課程思政”的思考[J].高教學刊，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