《HTML5編程技術》課程融入思政元素

周錫玲

摘要：為落實立德樹人根本任務，在知識、技能傳授中強調價值傳播和思想引領為課程目標，本文以《HTML5編程技術》專業(yè)課程為例，深入挖掘該課程中隱含的思想政治教育元素，將思政元素與專業(yè)課程內容深度融合，在知識傳授、能力培養(yǎng)的過程中實現(xiàn)德育，確保育人工作貫穿教育教學全過程。

關鍵詞：立德樹人;價值傳播，思想政治教育元素

中圖分類號：TP311? ? ?文獻標識碼：A

文章編號：1009-3044（2021）19-0239-02

1 引言

習近平總書記在全國高校思想政治工作會議上指出：“要用好課堂教學這個主渠道，思想政治理論課要堅持在改進中加強，提升思想政治教育親和力和針對性，滿足學生成長發(fā)展需求和期待。其他各門課要守好一段渠、種好責任田，使各類課程與思想政治理論課同向同行，形成協(xié)同效應”[1]。高校教師應該以社會主義核心價值觀和中華優(yōu)秀文化教育為靈魂和主線，深入挖掘公共基礎課程、專業(yè)課程蘊含的思想政治教育內涵和元素，在知識傳授、能力培養(yǎng)中注重強調價值引領、將思想政治教育融入課程教學全過程。

如何將思政元素與專業(yè)課課程內容進行較好的融合，目前已經(jīng)有不少的學者對此進行了研究。如朱晶晶[2]介紹了在《計算機應用基礎》課程中融入思政元素。劉毅[3]在Java高級編程課程中開展課程思政探索，以案例教學的方式，通過正面案例、反面案例、實踐案例的引入，不僅豐富了課程內容，更提升了學生的學習興趣，激發(fā)了愛國熱情，豐富了知識，開闊了眼界。奎曉燕[4]等人深入分析“數(shù)據(jù)庫技術與應用”課程涉及的相關知識點，挖掘混合式教學方式中課程蘊含的思想政治元素，潤物細無聲地培養(yǎng)學生的社會主義核心價值觀。王楠[5]等人結合影視教育視頻，介紹了在《城市軌道交通概論》專業(yè)課程教學中融入思政元素的教學過程，實現(xiàn)了教學與育人的有機融合。

本文以HTML5編程技術課程為例，充分挖掘該課程中蘊含的思想政治教育元素，并將其與課程內容深度融合，從而達到在傳授給學生知識、技能的同時幫助學生塑造正確的人生觀、價值觀、世界觀的目的。

2 《HTML5編程技術》課程簡介

《HTML5編程技術》課程是本校計算機應用技術專業(yè)的專業(yè)核心課程，旨在培養(yǎng)學生使用HTML5+CSS3開發(fā)出絢麗的網(wǎng)頁。

《HTML5編程技術》課程選用的教材是《響應式Web開發(fā)項目教程（HTML5+CSS3+Bootstrap）》[6]，該書一共包含八個單元，每個單元的教學內容如下：

（1） 響應式和HTML5+CSS3初體驗

主要內容：了解響應式Web設計的概念、HTML5和CSS3的特性和優(yōu)勢;掌握HTML5的語義化結構標簽;對HTML5和CSS3的項目編碼過程有初步的了解。

（2） 文本類網(wǎng)頁設計

主要內容：掌握HTML5文本標簽和CSS3文本外觀屬性;掌握CSS3中的@font-face規(guī)則和多列布局模塊;掌握CSS3中的字體圖標;熟練使用CSS屬性制作頁面導航。

（3） 圖文展示網(wǎng)頁設計

主要內容：掌握HTML圖像標簽的使用;掌握CSS3背景設置、陰影和漸變;掌握CSS3的圓角邊框、過渡和變形;掌握使用CSS3實現(xiàn)動畫效果;熟練掌握精靈技術。

（4） HTML5表單的應用

主要內容：掌握HTML5表單標簽及屬性;掌握HTML5表單驗證。

（5） HTML5畫布

主要內容：了解什么是canvas及canvas的作用;掌握使用canvas繪制圖形的基本步驟;掌握Canvas API提供的方法。

（6） 音頻與視頻

主要內容：掌握

（7） 響應式Web設計

主要內容：了解視口的概念;掌握CSS3媒體查詢，百分比布局的使用;了解柵格系統(tǒng);掌握彈性盒布局。

（8） 響應式設計神器——Bootstrap

主要內容：Bootstrap的安裝;掌握Bootstrap的布局容器;掌握使用Bootstrap制作表單和按鈕;掌握使用Bootstrap制作導航欄、輪播事件、標簽頁;熟悉Bootstrap中的柵格系統(tǒng)。

3 《HTML5編程技術》課程融入思政元素設計

在課程內容中融入奮力拼搏、勇往直前的拼搏精神。例如，在學習完HTML5的新特性、基本語法、CSS3的新特性等知識點后，教師布置任務讓學生使用HTML5+CSS3繪制學校的校徽，在完成任務前，教師介紹學校校徽的設計理念，校徽形如牛角，體現(xiàn)了學校奮力拼搏的精神，又像是向前奔跑的人，象征學校師生奮勇直前、爭創(chuàng)一流。教師教育學生在美好的大學時光中，不要浪費青春，應該珍惜時間，努力拼搏，做一個“有理想、有道德、有文化、有紀律”的四有青年，為實現(xiàn)中華民族偉大復興的中國夢而不懈奮斗。

在講解HTML5的基本語法的時候，教師通過具體的案例給學生演示如果不遵守相應的語法規(guī)則，程序就會報錯，網(wǎng)頁效果出不來，讓學生直觀地感受到遵守規(guī)則的重要性。教師教育學生在今后的學習中，要遵守學校各項規(guī)章制度，做一名遵紀守法的好學生。并強調以后走上工作崗位，走上社會，也同樣需要遵守企業(yè)的各項規(guī)章制度以及各種法律法規(guī)，如果不遵循，將給自己的工作、生活、家庭帶來各種不良的影響。

在講解HTML中引入樣式表的時候，引入樣式表有三種形式，分別是：行內式、內嵌式、鏈入式。這三種形式的作用范圍有所不同，行內式是通過標簽的style屬性來設置元素的樣式，只在定義該樣式的元素中發(fā)揮作用。內嵌式是將CSS代碼集中寫在HTML文檔的頭部標簽中，只在該網(wǎng)頁中起作用。鏈入式是將所有的樣式寫在一個CSS文件里面并通過標簽鏈接到網(wǎng)頁中，其作用范圍為引用該CSS文件的網(wǎng)頁。通過該知識點的講解，教師教育學生在實際的應用場景中，當同一個問題有很多個解決方案時，學生要具體問題具體分析，靈活的選擇正確的方案來解決問題。