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

周錫玲

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

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

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

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

1 引言

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

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

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

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

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

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

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

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

（2） 文本類網頁設計

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

（3） 圖文展示網頁設計

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

（4） HTML5表單的應用

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

（5） HTML5畫布

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

（6） 音頻與視頻

主要內容：掌握

（7） 響應式Web設計

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

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

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

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

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

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

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