楊穎 劉琳 趙建保

［摘? ? ? ? ? ?要］? 針對目前高職院校網(wǎng)頁設計與制作課程思政建設中存在的典型問題，通過明確課程目標與要求、重構課程結構與內(nèi)容、優(yōu)化教學方法與手段、完善考核與評價方式等途徑，充分挖掘?qū)I(yè)課程中所蘊含的思政元素，并有機融入教學全過程，有效提升課程思政育人效果，有助于培養(yǎng)適應前端開發(fā)職業(yè)崗位需求的高素質(zhì)技能人才。

［關? ? 鍵? ?詞］? “課程思政”；網(wǎng)頁設計與制作；Web前端開發(fā)；教學改革

［中圖分類號］? G712? ? ? ? ? ? ? ? ? ?［文獻標志碼］? A? ? ? ? ? ? ? ? ? ?［文章編號］? 2096-0603（2023）11-0133-04

一、網(wǎng)頁設計與制作課程思政建設現(xiàn)狀

2019年3月，習近平總書記在學校思想政治理論課教師座談會中指出“要堅持價值性和知識性相統(tǒng)一，寓價值觀引導于知識傳授之中”[1]。2020年5月，教育部印發(fā)《高等學校課程思政建設指導綱要》，不僅對高校思想政治理論課教學提出了更高的要求，還對高校專業(yè)課教學提出了具體的要求[2]。全面貫徹黨的教育方針，全面推進高職院校課程思政建設工作，解決好培養(yǎng)什么人、怎樣培養(yǎng)人、為誰培養(yǎng)人這個根本問題，每位教師每門課程都應發(fā)揮好課程思政的育人功能，切實有效推進全員、全過程、全方位育人。而在高職網(wǎng)頁設計與制作課程思政教學改革工作中，教師與學生雙方對于如何進行有效的思政融入，仍存在認知上的不足，實踐創(chuàng)新上也缺乏有效的成功經(jīng)驗，致使課程思政相關要求的落實深度明顯不足，課程教學效果受到了影響。目前高職網(wǎng)頁設計與制作課程思政建設中存在的主要問題包括：

（一）找不準切入點

在高職網(wǎng)頁設計與制作課程教學過程中，課程思政改革切入點相對模糊，師生雙方不知道該從什么樣的角度，尋求專業(yè)教學與課程思政的有效協(xié)同。在實踐教學中，教師往往只能通過單純的思政要素講解，來為學生普及淺層的理論知識，且無法將這些思想政治要素融入教學內(nèi)容之中，學生也難以感受到思政要素與專業(yè)課程的緊密聯(lián)系，這就使課程思政的改革效果相對較低，難以引發(fā)師生雙方的共同關注。

（二）講不好融合點

在關于課程思政融合內(nèi)容的講解中，教師往往局限于自身的思想政治學習水平，無法深入地為學生進行融合內(nèi)容的講解，學生提出的一些問題很難得到及時的響應。在這種情況下，課程思政改革就很難深入人心，無法真正體現(xiàn)課程思政改革的指導性優(yōu)勢，難以促成學生對課程思政改革內(nèi)容的深切感知，不利于其專業(yè)發(fā)展和思想發(fā)展的同步進行。

（三）理不清重難點

在網(wǎng)頁設計與制作課程中，專業(yè)知識和思政元素孰輕孰重的問題，始終沒能得到有效的化解。教師在進行教學時，很容易陷入偏重知識講解或偏重思想宣傳的兩極化困境之中，學生也無法將理論層面的思想學習所得與實踐層面的專業(yè)能力提升有效結合在一起，致使出現(xiàn)了學習上的困惑，進而產(chǎn)生了對課程思政改革的抵觸心理。

二、明確課程目標與要求，增加思政育人目標

網(wǎng)頁設計與制作是高職數(shù)字媒體技術和軟件技術專業(yè)大一上學期開設的專業(yè)必修課程，同時也是“1+X”證書Web前端開發(fā)職業(yè)技能等級考試所涉及的核心課程。本課程重在培養(yǎng)學生的Web前端開發(fā)能力，學生通過完成靜態(tài)網(wǎng)頁制作、專題欄目的靜態(tài)宣傳頁制作等實際工作項目，熟悉Web前端開發(fā)流程，掌握常用的靜態(tài)網(wǎng)頁開發(fā)技巧，能根據(jù)Web標準和規(guī)范要求開發(fā)靜態(tài)網(wǎng)站，具備HTML靜態(tài)網(wǎng)頁開發(fā)能力、CSS網(wǎng)頁設計能力和JavaScript交互效果應用能力，并具有前端開發(fā)新知識、新技能的學習能力，增強團隊合作能力和自我管理能力，為其職業(yè)發(fā)展、終身學習和服務社會奠定基礎。作為大一新生入學以后最早接觸的專業(yè)課程之一，將思政元素融入網(wǎng)頁設計與制作課程中，對于培養(yǎng)學生成為有理想、有本領、有擔當?shù)纳鐣髁x建設者和接班人具有重要的意義。

依據(jù)國家專業(yè)教學標準、“1+X”證書Web前端開發(fā)職業(yè)技能標準，結合Web前端開發(fā)工程師的崗位需求，確定本課程的知識、能力和素質(zhì)目標，并增加思政育人目標（見表1）。結合課程實際，將思政內(nèi)容有機融入專業(yè)教學中，弘揚社會主義核心價值觀，積累愛國、愛黨、積極向上的正能量，培養(yǎng)學生科學探索的精神和工匠精神等，在課程目標中融合價值塑造、素質(zhì)提升、知識傳授、能力培養(yǎng) “四位一體”，在提升專業(yè)技能和職業(yè)素養(yǎng)的同時，塑造學生高尚的思想品德，支撐學生成為德才兼?zhèn)洹⑷姘l(fā)展的人才。

三、重構課程結構與內(nèi)容，經(jīng)典主題融入思政元素

黨的二十大報告明確將“建成教育強國、科技強國、人才強國、文化強國、體育強國、健康中國”作為2035年基本實現(xiàn)現(xiàn)代化的奮斗目標。以此作為內(nèi)容主線，結合專業(yè)人才培養(yǎng)方案、課程標準和“1+X”證書Web前端開發(fā)職業(yè)技能標準，將課程教學內(nèi)容創(chuàng)設為冬奧新聞網(wǎng)頁制作、健康知識科普網(wǎng)頁制作、傳統(tǒng)文化表單頁制作、大國工匠專題頁制作、科技公司首頁制作、在線教育網(wǎng)頁制作六大學習情境，并細化為逐層遞進的八個教學項目。通過經(jīng)典主題融入的方式[3]，充分挖掘?qū)I(yè)知識中蘊含的思政元素，增強思政育人的浸潤效果，同時有效提升學生的專業(yè)技能。教學內(nèi)容與思政元素融合設計如文末圖1所示。

四、優(yōu)化教學方法與手段，理實結合突破重難點

遵循以學生為中心的教學理念，采用理實一體化教學模式，進一步優(yōu)化教學方法與手段，體現(xiàn)“做中學、做中教”。

（一）教學方法

1.案例演示教學法

使用典型的網(wǎng)頁案例，直觀形象地演示代碼編寫思路，幫助學生理解復雜、抽象的概念。

2.任務驅(qū)動教學法

以典型的前端開發(fā)項目為載體，用明確的目標引導學生循序漸進地學習，幫助學生提升項目實戰(zhàn)經(jīng)驗，達成教學目標。

3.小組合作探究法

以小組為單位完成任務，通過討論研究確定分工和制作流程，每個學生既獨立思考又互相幫助，變被動學習為主動學習，培養(yǎng)溝通和合作意識。

4.自主學習法

鼓勵學生利用線上優(yōu)質(zhì)的教學資源，根據(jù)已習得的知識與技能，通過查閱參考資料完成一定比例的自主學習任務，在鞏固課堂知識的同時，鍛煉學生自學能力和自主解決問題的能力。

（二）教學手段

結合職業(yè)崗位工作過程，按照課前、課中、課后三個階段開展教學活動，把社會主義核心價值觀、中華傳統(tǒng)美德、民族精神、時代精神、愛國情懷、工匠精神、勞動教育等課程思政元素貫穿整個教學過程[4]。充分依托職教云平臺和精品在線開放課程網(wǎng)站，實現(xiàn)線上線下混合式教學，借助網(wǎng)頁3D視圖、Layoutit可視化布局系統(tǒng)、教學動畫、微課視頻、思維導圖、W3C CSS驗證器、視頻會議等豐富的信息化教學手段，幫助學生快速理清頁面布局思路和編碼邏輯，突破教學重難點，提高學生課堂學習的主動性和參與性，有效提升學習效率。

例如，在 “網(wǎng)頁布局與瀏覽器兼容性”這一教學單元中，以實現(xiàn)科技公司首頁制作任務為驅(qū)動，對接“1+X”標準中的“掌握CSS的區(qū)塊、網(wǎng)頁布局屬性的功能”技能點[5]，教學重點是實現(xiàn)通欄布局的頁面結構和布局，而教學難點在于解決瀏覽器兼容性問題。課前，學生通過瀏覽微課視頻、課件進行自主探究學習，完成課前預習任務，教師根據(jù)預習作業(yè)的完成情況以及學生反饋的典型問題，動態(tài)調(diào)整教學策略。課中，首先通過觀看二十大新聞視頻，讓學生感受科技強國的時代背景和主題意義。然后教師發(fā)布任務，請學生以分組協(xié)作的方式實現(xiàn)科技公司首頁的通欄平均分布型布局，結合網(wǎng)頁3D視圖，在瀏覽器中以三維立體化的方式直觀呈現(xiàn)頁面布局的層級結構，隨后使用Layoutit可視化布局系統(tǒng)幫助學生快速生成相應的HTML代碼，并對CSS樣式進一步優(yōu)化細節(jié)，將網(wǎng)頁布局化繁為簡，突出教學重點。同時，教師引導學生注意代碼編寫規(guī)范，使用W3C CSS驗證器檢驗代碼規(guī)范性，培養(yǎng)學生的編碼規(guī)范意識，將工匠精神融入每個布局細節(jié)。通過與企業(yè)專家視頻連線，分享解決瀏覽器兼容性問題的實戰(zhàn)技巧，突破教學難點。課后，通過完成拓展課業(yè)任務，學生進一步鞏固學習成果，實現(xiàn)網(wǎng)頁布局能力的拓展延伸。

此外，教師應積極引導學生參與社會傳播、社區(qū)服務、自媒體傳播、技能競賽等課外活動，讓學生運用自己學到的網(wǎng)頁設計和制作知識來輸出正能量，使學生從中體會到思想對于自身職業(yè)發(fā)展的推動作用，從而更加認同課程思政，從中汲取更多的思政養(yǎng)分，實現(xiàn)自身專業(yè)發(fā)展的持續(xù)突破。

五、完善考核與評價方式，體現(xiàn)思政素養(yǎng)評價

課程考核評價以過程性評價和結果性評價相結合的方式，將思政素養(yǎng)納入評價指標[6]，綜合評價學生的學習情況（見表2）。評價主體包括學生自評、小組互評、教師評價和企業(yè)專家評價，評價標準依照“1+X”證書考核標準。由職教云平臺全程采集評價數(shù)據(jù)，根據(jù)不同權重自動生成學生的最終成績，并以數(shù)據(jù)畫像的形式個性化呈現(xiàn)學生成長和進步的增量，有助于學生自主監(jiān)控學習情況，改進自己的學習行為。

六、結語

全面推進網(wǎng)頁設計與制作課程思政建設，有效發(fā)揮專業(yè)課程的思政育人作用勢在必行。思政元素的融入應以學生為中心，選擇學生更關注的主題作為切入點，以便讓學生全身心投入相關主題的學習中，感受專業(yè)知識和思政元素的深度融合。在主題選擇上，著力在堅定理想信念、厚植愛國主義情懷、加強品德修養(yǎng)、增長知識見識、培養(yǎng)工匠精神、發(fā)揚奮斗精神、增強綜合素質(zhì)等方面下功夫，使教學內(nèi)容緊貼時代脈搏，聚焦社會熱點，把前沿問題帶進教學中，始終保持較強的針對性和時效性，以便將課程思政元素全方位全過程融入職業(yè)教育課堂，更好地調(diào)動學生主動參與，在潛移默化中對學生進行思想價值引領，引導學生樹立技能報國的遠大理想，立志為祖國發(fā)展貢獻青春、智慧和力量。教學中應始終以學生的能力培養(yǎng)為核心，引入企業(yè)真實項目案例，將教學內(nèi)容對接“1+X”證書標準，教學過程對接職業(yè)崗位工作過程，教學評價對接“1+X”證書考核標準，注重理實融合知行合一，提升學生的職業(yè)技能水平，同時具備良好的職業(yè)道德和人文素養(yǎng)，使他們能更好地適應未來前端開發(fā)職業(yè)崗位的需要。

參考文獻：

［1］習近平主持召開學校思想政治理論課教師座談會［EB/OL］.（2019-03-18）［2023-02-08］.http：//www.gov.cn/xinwen/2019-03/18/content_5374831.htm.

［2］教育部關于印發(fā)《高等學校課程思政建設指導綱要》的通知［EB/OL］.（2020-05-28）［2023-02-08］.http：//www.gov.cn/zhengce/zhengceku/2020-06/06/content_5517606.htm.

［3］李曉燕.融入思政教育的新媒體網(wǎng)頁設計與制作實驗課程實踐研究［J］.軟件導刊，2021，20（11）：229-234.

［4］孫翠翠.基于人才培養(yǎng)目標的高職專業(yè)課“課程思政”教學實踐探索：以《網(wǎng)頁設計與制作》課程為例［J］.山東廣播電視大學學報，2020（3）：18-21.

［5］工業(yè)和信息化部教育與考試中心.Web前端開發(fā)職業(yè)技能等級標準［EB/OL］.（2019-5-14）［2023-2-8］.https：//www.miiteec.org.cn/plus/view.php？aid=772.

［6］宋超榮.1+X證書制度下“Web前端開發(fā)”課程思政實踐研究［J］.職業(yè)技術，2023，22（2）：91-96.