“HTML5開發(fā)技術(shù)”課程思政教學(xué)改革探究

吳菁 王蘋

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

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

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

1? ? 引言

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

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

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

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

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

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

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

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

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

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

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

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

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

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

在教學(xué)過程中，結(jié)合當(dāng)前的教學(xué)內(nèi)容，邀請企業(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è)計適當(dāng)?shù)膶W(xué)生課外社會調(diào)查任務(wù)。

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

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

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

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

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

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

2.3? ? 改革評價方式

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

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

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

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

以上是HTML5課程思政初步的探索，注重思想教育和價值引領(lǐng)，將信息素養(yǎng)教育與對分課堂進(jìn)行有機(jī)柔和，并融入課程思政教育中，即加強(qiáng)信息素養(yǎng)能力培養(yǎng)，又能提升對分課堂知識內(nèi)化，從而實現(xiàn)思政教育與專業(yè)教育的協(xié)同推進(jìn)，最終實現(xiàn)知識傳授、能力培養(yǎng)、價值塑造三者有機(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]李偉.高職院校圖書館嵌入專業(yè)課程式信息素質(zhì)教育研究[J].大學(xué)圖書情報學(xué)刊，2012（05）：84-86.

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

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