“課程思政”視角下高職網頁設計與制作教學改革研究

楊穎 劉琳 趙建保

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

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

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

一、網頁設計與制作課程思政建設現狀

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

（一）找不準切入點

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

（二）講不好融合點

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

（三）理不清重難點

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

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

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

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

三、重構課程結構與內容，經典主題融入思政元素

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

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

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

（一）教學方法

1.案例演示教學法

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

2.任務驅動教學法

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

3.小組合作探究法

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

4.自主學習法

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

（二）教學手段

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

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

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

五、完善考核與評價方式，體現思政素養評價

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

六、結語

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

參考文獻：

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

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

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

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

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

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