一、案例背景
新工科專業(yè)，主要指針對新興產(chǎn)業(yè)的專業(yè)，以互聯(lián)網(wǎng)和工業(yè)智能為核心，包括大數(shù)據(jù)、云計算、人工智能、區(qū)塊鏈、虛擬現(xiàn)實、智能科學(xué)與技術(shù)等相關(guān)工科專業(yè)。新工科專業(yè)是以智能制造、云計算、人工智能、機(jī)器人等用于傳統(tǒng)工科專業(yè)的升級改造，相對于傳統(tǒng)的工科人才，未來新興產(chǎn)業(yè)和新經(jīng)濟(jì)需要的是實踐能力強(qiáng)、創(chuàng)新能力強(qiáng)、具備國際競爭力的高素質(zhì)復(fù)合型新工科人才。
由于專業(yè)課教師課程思政意識、素養(yǎng)與能力不足，思政授課方式生硬，未深入挖掘?qū)I(yè)課所蘊(yùn)含的思政元素，導(dǎo)致在教學(xué)中出現(xiàn)了“教書”與“育人”兩張皮的現(xiàn)象。專業(yè)課教師是實施課程思政的主體，是課程思政建設(shè)的關(guān)鍵。專業(yè)課教師的育人意識、人文素養(yǎng)和政治理論能力關(guān)系著課程思政的實施效果。長期以來，思政教育是由思政教師“單兵作戰(zhàn)”，高校思政教育處于“孤島化”的窘境。部分專業(yè)課教師沒有正確認(rèn)識教書與育人的關(guān)系，“三全育人”“五育并舉”的觀念尚未樹立，對實施課程思政缺乏積極性和主觀能動性。還有部分專業(yè)課教師雖然有實施“課程思政”的積極性，但缺乏對思政教育的系統(tǒng)理解和應(yīng)用能力，不熟悉思想政治教育的要求和規(guī)范，沒有掌握思想政治教育的特征、規(guī)律和話語系統(tǒng)。
二、主要做法
2.1 課程定位
《網(wǎng)頁設(shè)計與制作》是軟件技術(shù)專業(yè)的專業(yè)必修課。本課程培養(yǎng)軟件專業(yè)學(xué)生進(jìn)行靜態(tài)網(wǎng)頁開發(fā)與維護(hù)的實際工作能力，是工信部教育與考試中心1+X《Web前端開發(fā)》職業(yè)技能等級證書的核心內(nèi)容之一，也是學(xué)生從事前端開發(fā)工作的基礎(chǔ)課程，可以為后續(xù)《WEB程序設(shè)計》《JavaScript程序設(shè)計》《前端框架技術(shù)》等課程的學(xué)習(xí)打下基礎(chǔ)。
2.2 教學(xué)內(nèi)容
本文項目選自《網(wǎng)頁設(shè)計與制作》課程中的第三個項目“紅色主題網(wǎng)站首頁設(shè)計與制作”，項目教學(xué)內(nèi)容對標(biāo)1+X《Web前端開發(fā)》證書的知識和技能要求，根據(jù)Web前端的開發(fā)流程，將教學(xué)內(nèi)容分為結(jié)構(gòu)與元素、布局與定位、背景與外觀、媒體與動效四個模塊、九個任務(wù)共計16個學(xué)時，每個任務(wù)與前端開發(fā)的崗位核心技術(shù)緊密對接，通過項目三的學(xué)習(xí)完成紅色主題網(wǎng)站首頁的設(shè)計、制作與評價，取如圖1所示。
圖1 教學(xué)內(nèi)容重構(gòu)
2.3 學(xué)情分析
《網(wǎng)頁設(shè)計與制作》授課對象是軟件技術(shù)專業(yè)大一的高職學(xué)生，已初步掌握了計算機(jī)基礎(chǔ)知識，具備了圖片處理與色彩認(rèn)知能力。通過課程前二個項目的學(xué)習(xí)，學(xué)生已基本掌握了HTML基礎(chǔ)標(biāo)簽、CSS常規(guī)樣式和選擇器等知識，能完成簡單的局部網(wǎng)頁制作。對酷炫的網(wǎng)頁動效充滿興趣，渴望學(xué)習(xí)企業(yè)流行的網(wǎng)頁開發(fā)新技術(shù)，喜歡通過仿真和游戲的方式進(jìn)行學(xué)習(xí)，但是還存在一些問題：
（1）由于HTML標(biāo)簽、CSS樣式中涉及的標(biāo)簽名、屬性名都是英語單詞，因而學(xué)習(xí)效果受學(xué)生的英語水平影響比較大；
（2）初學(xué)階段的學(xué)生對網(wǎng)頁整體規(guī)劃、布局和設(shè)計有困難，編碼的綜合運(yùn)用能力與創(chuàng)新能力不夠；
（3）學(xué)生編碼時遇到問題協(xié)助解決、團(tuán)隊合作的能力還不夠。
學(xué)情分析相關(guān)支撐數(shù)據(jù)如圖2所示。
圖2 學(xué)情分析支撐數(shù)據(jù)
2.4 教學(xué)目標(biāo)及重難點
根據(jù)學(xué)情分析，圍繞1+X《Web前端開發(fā)》職業(yè)等級證書的能力標(biāo)準(zhǔn)與知識要求，結(jié)合前端開發(fā)的崗位能力需求以及《網(wǎng)頁設(shè)計與制作》課程標(biāo)準(zhǔn)確定了如下項目教學(xué)目標(biāo)：
（1）知識目標(biāo)
本項目通過完成紅色主題網(wǎng)站首頁的設(shè)計與制作，使學(xué)生理解盒子模型、浮動與定位、背景、動畫等樣式屬性、屬性值的名稱及作用，掌握網(wǎng)頁布局的原理及CSS3動效技術(shù)開發(fā)技巧。
（2）能力目標(biāo)
通過本項目的學(xué)習(xí)，學(xué)生能掌握根據(jù)項目需求進(jìn)行分析的能力；能運(yùn)用所學(xué)知識制作一個完整的網(wǎng)頁；能夠?qū)φ招袠I(yè)標(biāo)準(zhǔn)對代碼進(jìn)行測試與糾錯，并在項目的界面、布局、技術(shù)應(yīng)用等方面進(jìn)行創(chuàng)新。
（3）素質(zhì)目標(biāo)
通過紅色主題網(wǎng)站首頁項目開發(fā)，培養(yǎng)新時代大學(xué)生的愛國主義情懷，提高學(xué)生的創(chuàng)新和團(tuán)隊合作能力，培養(yǎng)學(xué)生在網(wǎng)頁開發(fā)過程中精益求精的工匠精神、愛崗敬業(yè)的勞動精神等職業(yè)素養(yǎng)。
教學(xué)重點：
（1）理解掌握盒子模型、定位與浮動、背景、動畫的樣式屬性及作用；
（2）掌握CSS3新特性動效頁面開發(fā)技巧。
教學(xué)難點：
綜合運(yùn)用所學(xué)知識以團(tuán)隊合作的方式制作一個符合行業(yè)標(biāo)準(zhǔn)的完整網(wǎng)頁。
2.5 教學(xué)支撐環(huán)境
本課程采用優(yōu)質(zhì)的軟硬件資源環(huán)境為教學(xué)提供有效支撐和保障，教學(xué)支撐環(huán)境如圖3所示。
（1）自主研發(fā)趣學(xué)智慧教學(xué)平臺
利用趣學(xué)智慧教學(xué)平臺上的闖關(guān)游戲、仿真操作激發(fā)學(xué)生HTML標(biāo)簽與CSS屬性的學(xué)習(xí)興趣與主動性；根據(jù)大數(shù)據(jù)分析及時掌握學(xué)生學(xué)習(xí)動態(tài)，實時調(diào)整教學(xué)方法，通過平臺的精準(zhǔn)推送練習(xí)、學(xué)習(xí)指導(dǎo)建議、問題庫提升學(xué)習(xí)效果。
（2）智慧職教ICVE、省在線開放平臺
豐富的顆粒化學(xué)習(xí)資源為課前的“探新知”環(huán)節(jié)提供支撐，并通過超鏈接把學(xué)習(xí)數(shù)據(jù)傳遞到趣學(xué)智慧教學(xué)平臺，有力支撐線上線下混合式學(xué)習(xí)。
（3）碼云Gitee
為學(xué)生提供企業(yè)級的代碼版本管理平臺，實現(xiàn)在線代碼提交、團(tuán)隊協(xié)作開發(fā)、項目版本管理，有利于學(xué)生了解企業(yè)項目開發(fā)流程，教師可以實時掌握學(xué)生的項目開發(fā)進(jìn)度。
（4）釘釘、騰訊會議
釘釘與騰訊會議保障疫情期間線上教學(xué)的順利實施。
（5）智慧教室
實現(xiàn)教與學(xué)的強(qiáng)交互，方便師生間以及項目組組間和組內(nèi)的溝通交流、合作學(xué)習(xí)。
圖3 教學(xué)支撐環(huán)境
三、主要成效
在項目三的學(xué)習(xí)過程中，學(xué)生每周在青年大學(xué)習(xí)的學(xué)習(xí)人數(shù)及人次大大提升，思想政治得到熏陶。能夠充分拓展思路，發(fā)揮創(chuàng)意能力，在符合要求的基礎(chǔ)上大膽創(chuàng)新，團(tuán)隊合作精神、溝通表達(dá)能力以及職業(yè)素養(yǎng)等方面也獲得了全面提升，勞動意識和工匠精神已逐步融入學(xué)生學(xué)習(xí)生活的方方面面。
四、反思探討
高職院校堅持立德樹人這一根本任務(wù)，構(gòu)筑“大思政”育人格局，扎實推進(jìn)“課程思政”改革，做好思政課與其他專業(yè)課程的融會貫通，必將讓思政教育走進(jìn)學(xué)生的心里。
五、相關(guān)思政元素
創(chuàng)新精神、團(tuán)隊合作精神、溝通表達(dá)能力、職業(yè)素養(yǎng)等。
