“HTML5開發技術”課程思政教學改革探究

吳菁 王蘋

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

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

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

1? ? 引言

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

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

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

2.1? ? 優化教學內容

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

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

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

2.1.2? ? 基本環節：明確教學目標、梳理教學重點

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

2.1.3? ? 重點環節：思政元素、案例融入

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

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

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

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

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

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

2.2? ? 創新教學方法

2.2.1? ? 互動環節：對分課堂、重在體驗

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

2.2.2? ? 關鍵環節：案例教學、加強引導

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

2.3? ? 改革評價方式

2.3.1? ? 難點環節：構建多元評價，注重德能并重

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

2.3.2? ? 實施環節：考核全面客觀，兼顧量質一體

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

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

參考文獻

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

006/ t20200603_462437.html.

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

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

[4]王文靜.關于高職工科類專業課開展“課程思政”的思考[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