周錫玲

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

關(guān)鍵詞：立德樹人;價(jià)值傳播，思想政治教育元素

中圖分類號(hào)：TP311? ? ?文獻(xiàn)標(biāo)識(shí)碼：A

文章編號(hào)：1009-3044（2021）19-0239-02

1 引言

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

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

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

2 《HTML5編程技術(shù)》課程簡(jiǎn)介

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

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

（1） 響應(yīng)式和HTML5+CSS3初體驗(yàn)

主要內(nèi)容：了解響應(yīng)式Web設(shè)計(jì)的概念、HTML5和CSS3的特性和優(yōu)勢(shì);掌握HTML5的語義化結(jié)構(gòu)標(biāo)簽;對(duì)HTML5和CSS3的項(xiàng)目編碼過程有初步的了解。

（2） 文本類網(wǎng)頁(yè)設(shè)計(jì)

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

（3） 圖文展示網(wǎng)頁(yè)設(shè)計(jì)

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

（4） HTML5表單的應(yīng)用

主要內(nèi)容：掌握HTML5表單標(biāo)簽及屬性;掌握HTML5表單驗(yàn)證。

（5） HTML5畫布

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

（6） 音頻與視頻

主要內(nèi)容：掌握

（7） 響應(yīng)式Web設(shè)計(jì)

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

（8） 響應(yīng)式設(shè)計(jì)神器——Bootstrap

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

3 《HTML5編程技術(shù)》課程融入思政元素設(shè)計(jì)

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

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

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