蔡繼坤 李維勇

（南京信息職業(yè)技術(shù)學(xué)院，江蘇 南京 210000）

《網(wǎng)頁(yè)設(shè)計(jì)技術(shù)》課程的教學(xué)實(shí)施遵循主導(dǎo)性和主體性相統(tǒng)一、灌輸性與啟發(fā)性相統(tǒng)一、顯性教育與隱性教學(xué)相統(tǒng)一的原則。在講授過程中，以教師為主導(dǎo)，教師要在正確講授專業(yè)知識(shí)的基礎(chǔ)上，引導(dǎo)學(xué)生樹立正確的價(jià)值觀和人生觀。要求教師除了有扎實(shí)的專業(yè)知識(shí)外還要求教師政治要強(qiáng)、情懷要深、思維要新、視野要廣、自律要嚴(yán)、人格要正。以學(xué)生為主體，要讓學(xué)生能夠更好地接受知識(shí)，做到教師的主導(dǎo)性和學(xué)生的主體性相統(tǒng)一的原則。要靈活采用各種教學(xué)方法，如啟發(fā)式、研討式、案例式、沉浸式等方法。引導(dǎo)學(xué)生發(fā)現(xiàn)問題、分析問題、思考問題，在不斷地啟發(fā)中讓學(xué)生水到渠成得出結(jié)論，做到灌輸性和啟發(fā)性相統(tǒng)一的原則。

在講授專業(yè)知識(shí)的時(shí)候，從各個(gè)方面滲透入思政元素。要挖掘?qū)I(yè)課程中的思想政治教育資源，采取融入式、嵌入式、滲透式地將思政元素融入課程內(nèi)容中，達(dá)到隨風(fēng)潛入夜，潤(rùn)物細(xì)無聲的效果。避免將消極負(fù)面思想觀念帶入教學(xué)活動(dòng)中，充分利用各種方式和手段，間接滲透式地進(jìn)行思想政治教育，做到顯性教育與隱性教育相統(tǒng)一的原則。

網(wǎng)頁(yè)設(shè)計(jì)技術(shù)課程的思政目標(biāo)從兩個(gè)方面來體現(xiàn)，分別為德育目標(biāo)和專業(yè)目標(biāo)。

德育目標(biāo)：加強(qiáng)理想信念教育，教育引導(dǎo)學(xué)生樹立共產(chǎn)主義遠(yuǎn)大理想和中國(guó)特色社會(huì)主義共同理想，立志肩負(fù)起民族復(fù)興的時(shí)代重任。加強(qiáng)社會(huì)主義核心價(jià)值觀教育，把社會(huì)主義核心價(jià)值觀滲透到課程教學(xué)過程中，弘揚(yáng)主旋律，傳播正能量，在潛移默化中引導(dǎo)學(xué)生樹立正確的世界觀、人生觀、價(jià)值觀。

專業(yè)目標(biāo)：突出培養(yǎng)學(xué)生的科學(xué)精神、探索創(chuàng)新精神、嚴(yán)謹(jǐn)求實(shí)精神。培養(yǎng)學(xué)生分析問題、解決問題、終身學(xué)習(xí)的能力，培養(yǎng)學(xué)生在團(tuán)隊(duì)協(xié)作中團(tuán)結(jié)合作、溝通表達(dá)的能力，培養(yǎng)學(xué)生在工作中的職業(yè)素養(yǎng)和工程規(guī)范的能力，培養(yǎng)學(xué)生注重網(wǎng)絡(luò)空間的法治意識(shí)，信息安全意識(shí)等專業(yè)相關(guān)領(lǐng)域的信息安全的規(guī)范要求。

為了達(dá)到以上的教學(xué)目標(biāo)，該課程的具體教學(xué)實(shí)施方法如下。

一、課程的思政元素分析

（一）普遍性課程思政元素

創(chuàng)新的教學(xué)理念：在講授專業(yè)知識(shí)中，潛移默化地加入思政元素。如：在教學(xué)案例中插入當(dāng)前社會(huì)熱點(diǎn)問題（積極向上的內(nèi)容）、弘揚(yáng)民族文化和紅色文化的內(nèi)容（如國(guó)慶節(jié)主題、學(xué)雷鋒日主題、端午節(jié)主題等）。讓學(xué)生知道學(xué)什么的同時(shí)，也要讓學(xué)生知道為什么要學(xué)。

合理科學(xué)的教學(xué)方法：采取多元化的教學(xué)方法，讓學(xué)生真正融入課程中，充分發(fā)揮學(xué)習(xí)的主動(dòng)性（如翻轉(zhuǎn)課堂等）。

先進(jìn)的科學(xué)思維：專業(yè)課的教學(xué)是以社會(huì)現(xiàn)實(shí)為基礎(chǔ)的，任何脫離了社會(huì)現(xiàn)實(shí)的內(nèi)容都無法有效地提升學(xué)生的能力。通過先進(jìn)的科學(xué)思維，可以幫助學(xué)生更好地進(jìn)行學(xué)習(xí)，從而加深其對(duì)專業(yè)知識(shí)的理解。

（二）專業(yè)領(lǐng)域思政元素

核心能力1：掌握Web 前端開發(fā)的知識(shí)、技能和工具，能夠熟練應(yīng)用于前端開發(fā)等專業(yè)活動(dòng)。在該能力教學(xué)過程中，主要讓學(xué)生了解目前最新的網(wǎng)頁(yè)開發(fā)工具和網(wǎng)頁(yè)開發(fā)方法，讓學(xué)生知道目前最前沿的網(wǎng)頁(yè)開發(fā)技術(shù)。除了讓學(xué)生了解具體知識(shí)技能外還要融入創(chuàng)新、發(fā)展的思政元素在教學(xué)過程中。

核心能力2：能夠運(yùn)用Web 前端開發(fā)技術(shù)和相關(guān)知識(shí)，對(duì)開發(fā)過程中出現(xiàn)的常見問題進(jìn)行識(shí)別、分析和解決。在該教學(xué)過程中，主要讓學(xué)生了解在學(xué)習(xí)過程中會(huì)遇到哪些問題，及如何解決這些問題，培養(yǎng)學(xué)生在團(tuán)結(jié)協(xié)作的基礎(chǔ)上，能夠獨(dú)立自主地完成一個(gè)網(wǎng)頁(yè)設(shè)計(jì)的能力。在此教學(xué)過程中可以融入關(guān)于工匠精神的思政元素。

核心能力3：具備終身學(xué)習(xí)的知識(shí)基礎(chǔ)，掌握自主學(xué)習(xí)方法，了解拓展知識(shí)和能力的途徑。在此教學(xué)過程中，讓學(xué)生通過線上資源的自主學(xué)習(xí)，更深層次地消化課上學(xué)到的內(nèi)容。培養(yǎng)學(xué)生自主學(xué)習(xí)的能力和自主學(xué)習(xí)的方法。在此教學(xué)過程中可以融入獨(dú)立自主、不斷學(xué)習(xí)、終身學(xué)習(xí)等思政元素。

二、課程的思政元素聚焦

教師用心教，學(xué)生用心學(xué)，結(jié)合主導(dǎo)性和主體性相統(tǒng)一、灌輸性與啟發(fā)性相統(tǒng)一、顯性教育與隱性教學(xué)相統(tǒng)一的原則，課程的思政元素聚焦在以下幾個(gè)方面：

懇：教師要有責(zé)任心、要真誠(chéng)地對(duì)待學(xué)生。教師是學(xué)生的引路人，只有教師真誠(chéng)誠(chéng)懇，學(xué)生才會(huì)認(rèn)真對(duì)待這門課，認(rèn)真對(duì)待自己的學(xué)習(xí)。教師在實(shí)施教學(xué)計(jì)劃的過程中，要時(shí)時(shí)關(guān)注社會(huì)熱點(diǎn)話題和學(xué)生普遍關(guān)注的問題，及時(shí)把握學(xué)生的思想動(dòng)態(tài)，進(jìn)行積極的引導(dǎo)。

例如：在單元二CSS 樣式表部分，介紹文本、字體、背景屬性知識(shí)點(diǎn)的時(shí)候，就可以使用當(dāng)前熱點(diǎn)案例，如新冠疫情的網(wǎng)頁(yè)制作，通過該主題網(wǎng)頁(yè)的設(shè)計(jì)，讓學(xué)生多了解國(guó)家對(duì)控制新冠疫情做出的努力，全國(guó)人民上下一心、共同抗“疫”，共產(chǎn)黨員在面對(duì)國(guó)家民族危難之際沖鋒在前，個(gè)人在后的奉獻(xiàn)精神。

思：教師在教學(xué)過程當(dāng)中應(yīng)當(dāng)多思考，思考教學(xué)方法、思考新的教學(xué)案例，遵循顯性教育和隱性教育相結(jié)合的原則，要多思考怎樣把思政元素更好地融入專業(yè)知識(shí)教學(xué)中。學(xué)生在學(xué)習(xí)過程中也要多思考，思考使用多種網(wǎng)頁(yè)設(shè)計(jì)技術(shù)相結(jié)合的方法來進(jìn)行網(wǎng)頁(yè)的制作，并且要有創(chuàng)新精神，讓多種設(shè)計(jì)元素科學(xué)合理地進(jìn)行融合。

例如：在單元一介紹web 基礎(chǔ)和HTML5 基礎(chǔ)知識(shí)這一知識(shí)點(diǎn)的時(shí)候，教師通過當(dāng)?shù)刂袊?guó)新“四大發(fā)明”的舉例，引入移動(dòng)設(shè)備在當(dāng)前日常生產(chǎn)生活中的重要作用，進(jìn)入引出新技術(shù)和新思維對(duì)科技創(chuàng)新的推動(dòng)作用。引導(dǎo)學(xué)生在學(xué)習(xí)過程中要勤于思考，要有創(chuàng)新的意識(shí)。

悉：這門課的基礎(chǔ)知識(shí)學(xué)生理解起來不是很難，但是知識(shí)量比較大，學(xué)生在學(xué)習(xí)過程中要熟悉基礎(chǔ)知識(shí)，熟悉操作過程，要沉下心來多做練習(xí)，熟能生巧，最終全面地掌握所學(xué)知識(shí)。還要求學(xué)生洞悉該課程最新的前沿動(dòng)態(tài)，熟悉關(guān)于課程的一些具體應(yīng)用，為以后的工作積累更多的經(jīng)驗(yàn)。

例如：在單元二CSS 框模型部分，讓學(xué)生多做練習(xí)，熟練掌握框模型在網(wǎng)頁(yè)設(shè)計(jì)中的具體操作，讓學(xué)生熟悉該知識(shí)點(diǎn)的具體內(nèi)容，熟練掌握操作的具體步驟，良好地運(yùn)用到網(wǎng)頁(yè)設(shè)計(jì)的具體實(shí)踐中去。在單元三函數(shù)與對(duì)象的講解時(shí)，可以向?qū)W生宣傳關(guān)于網(wǎng)絡(luò)安全的內(nèi)容，增加學(xué)生的網(wǎng)絡(luò)安全意識(shí)。

慧：古人的智慧，主要體現(xiàn)在古詩(shī)文案例中，中國(guó)文化的源遠(yuǎn)流長(zhǎng)，博大精深。體現(xiàn)了“四個(gè)自信”中的文化自信。

例如：在單元一的文本標(biāo)簽、圖像標(biāo)簽、多媒體標(biāo)簽的介紹中，就可以使用中國(guó)古詩(shī)詞，古典文化賞析的案例。通過學(xué)習(xí)專業(yè)知識(shí)的同時(shí)，了解古人的智慧，提升學(xué)生的文化自信。

恩：在教學(xué)案例中加入黨史、新中國(guó)史、改革開放史、社會(huì)主義發(fā)展史的內(nèi)容，并從“四史”延伸到展現(xiàn)自己家鄉(xiāng)變化的網(wǎng)頁(yè)制作，展現(xiàn)人民日益美好的生活變化過程。教育學(xué)生要懂得感恩，感謝為今日幸福生活奉獻(xiàn)出自己生命的烈士和為了人民幸福生活做出貢獻(xiàn)的人們。

懇、思、悉、慧、恩這五個(gè)字聚焦了本門課的思政要素內(nèi)容，也體現(xiàn)了教師用心教，學(xué)生用心學(xué)的主旨。思政教學(xué)貫穿于此課程的各個(gè)教學(xué)單元中，不僅從隱性教育方面體現(xiàn)了教師自身的教學(xué)態(tài)度，也從顯性方面展現(xiàn)了思政元素在課程中的設(shè)計(jì)。結(jié)合課程內(nèi)容，思政聚焦如下圖2-1 所示：

圖2-1 思政聚焦

單元一HTML5 基礎(chǔ)知識(shí)，如圖2-2 所示：

圖2-2 單元一思政元素

單元二CSS 樣式表，如圖2-3 所示：

圖2-3 單元二思政元素

單元三JS 基礎(chǔ)與對(duì)象編程，如圖2-4 所示：

圖2-4 單元三思政元素

單元四BootStrap 框架使用，如圖2-5 所示：

圖2-5 單元四思政元素

三、思政元素在教學(xué)單元中的設(shè)計(jì)實(shí)現(xiàn)

具體的教學(xué)設(shè)計(jì)如下表3-1 所示：

網(wǎng)頁(yè)設(shè)計(jì)基礎(chǔ)課程是一門表現(xiàn)性很強(qiáng)的課程，在各個(gè)知識(shí)點(diǎn)的教學(xué)中都要插入各種教學(xué)案例，科學(xué)地把思政元素插入到教學(xué)案例的文字、圖片、音視頻等載體中。“不自見，自明。不自顯，自彰。”在進(jìn)行專業(yè)課思政元素的選擇時(shí)，盡量選擇一些學(xué)生容易理解、更貼近學(xué)生生活的內(nèi)容。讓學(xué)生在學(xué)習(xí)的同時(shí)產(chǎn)生心理上的共鳴，這樣也能夠更好地激發(fā)學(xué)生的學(xué)習(xí)熱情，在思政目標(biāo)的引導(dǎo)下更好地進(jìn)行專業(yè)知識(shí)的學(xué)習(xí)，讓思政元素發(fā)揮更大的作用。