網頁設計基礎課程思政教學改革實踐探究

邵曉艷 張春鳳 趙雪專 賈穎哲

摘要：文章針對網頁設計基礎課程“入門易、實踐性強”但是“學精、學透”不易的特點，結合學校定位，制定了具有航空特色的課程思政目標。課程采用線上線下混合教學模式、將時政熱點事件融入教學內容之中，形成導入案例、分散案例和項目案例。項目案例采用小組限時完成方式增強學生的動手能力，組內分工采用滾動方式進行，保證學生能力全面發展。在一個學年不同專業中進行實踐，取得了預期效果。

關鍵詞：網頁設計；課程思政；教學改革；目標驅動

中圖分類號：G642? ? ? 文獻標識碼：A

文章編號：1009-3044（2023）34-0151-03

開放科學（資源服務）標識碼（OSID）

0 引言

2020年《高等學校課程思政建設指導綱要》指出，專業課程是課程思政建設的基本載體，要深入梳理專業課教學內容，結合不同課程特點、思維方法和價值理念，深入挖掘課程思政元素，有機融入課程教學，達到潤物無聲的育人效果[1]。

網頁設計基礎課程是計算機科學與技術、軟件工程、網絡工程等專業的專業必修課或者選修課之一。因其應用范圍廣、實用度高，修學人數一直居高不下，在專業課程體系中屬于實用性強的熱門課程，深受學生歡迎。

網頁設計基礎課程具有“入門易、實踐性強”但是“學精、學透”不易的特點，傳統教學方式按照課程內容知識點依次講解，學生學到的是零散的片段，各種網頁元素在整個網站中如何結合，開發出一個功能強大、顏色協調，且符合行業特點、嚴格定位客戶群、創意獨特的網站對于學生來說非常困難。

網頁中有文字、圖片、視頻等元素，都需要圍繞一個中心展開，而這個中心就可以設定為思政目標。將思政目標和案例教學有機結合[2]，融入時政元素，使教學案例緊跟時代風尚，激發學生學習興趣，解決教學內容和思政教育“兩張皮”問題。

網頁設計基礎課程思政教學改革依據教學大綱，選取合適的項目案例，將思政內容融入項目中，使學生對網頁設計開發有一個明確的認知，對課程內容有整體的概念，對項目開發流程有完整的項目經驗。

1 課程思政目標確立

立足于建立具有鮮明航空特色的本科院校，結合近年來中國在航空航天領域的技術突破，將航空案例與網頁設計基礎課程知識進行耦合，豐富了課程內容，增強了課程的實用性，實現了價值引領和技能培養的有機統一。

航空器是成千上萬人集體工作的智慧結晶，只有團隊人員人盡其才、彼此精誠合作才能完成如此宏偉的目標。網頁設計基礎課程雖重在“設計”，但網站項目的開發離不開項目團隊的協同與合作，因此團隊協作意識的塑造尤為重要。

課程思政需要通過多種手段不斷強化思政教育，引導學生從小我向大我轉變，逐步提升思想認知，并最終能夠更加積極主動地投入工作中去。結合學校特色，課程思政目標設定為：強化學生網頁技術工程教育，培養學生精益求精的工程師精神，增強團隊協作能力，激發學生科技報國的家國情懷和使命擔當。

2 課程思政課程建設

2.1 課程思政目標分解

理工科專業課的思政目標主要集中表現于四個方面：家國情懷、學以致用、溝通表達和工程規范[3]。盡管計算機相關專業對人才培養目標稍有不同，但工程教育認證標準中的不同畢業要求具備的內在標準有殊途同歸的效果[4]。結合學校航空特色，融入計算機專業培養目標，將課程思政目標按照章節內容進行布局和細分，設定各部分課程思政目標（如表1） 。

2.2 課程思政教學方法改革

在學期初對整個課程的思政元素內容進行選材，教學實施中授課教師也可根據實際情況調整，做到統一安排，有的放矢[5]。在思政素材選取時，盡可能選國際、國內最近發生或熱議的大事件，比如中國共產黨成立100周年、神舟十三號、北京冬奧會等，以這些緊跟時政熱點和流量的主題組織教學內容，既能提高學生學習興趣，又能強化思政教育主題。

思政案例分為導入案例、分散案例和項目案例，導入案例設置在每一章的課程內容導入環節，利用問題喚起學生的求知欲，激發學生的學習興趣，讓課堂學習變得非常活躍[6]。教師要把控導入案例和課程內容的關聯度，提升學習效率；分散案例設置在教學中，引導學生探索和解決問題：如何改進頁面設計和技術迭代能讓網頁更美觀、更具有互動性？項目案例在上機課開展，針對課堂內容量身打造，用于鍛煉學生的實踐和團隊協作能力，具體項目要求和教學內容相匹配（如表2） 。

上機課以項目小組方式組織，因此課程組確定了“項目引領—任務驅動—活動激勵”的課程教學路徑。

項目引領：項目案例以4～5名學生組成的項目小組形式開展，分工實行輪轉制度，確保每個學生都能掌握網頁設計的技術要點。

任務驅動：每個項目案例有明確的基礎目標，項目小組必須完成該目標，課后任務可在此基礎上繼續完善和提升。

活動激勵：為促使學生發揮自我能動性和團隊凝聚力，項目評價成績由教師評價、組間互評和組內互評三部分組成，其中教師評價占項目評價成績50%；組間互評占30%；組內互評占20%。

2.3 課程評價機制

根據布魯姆認知分類法由知識、領會、應用、分析、綜合和評價六個層次組成，并且逐層遞增[7]。因此設定本課程評價方法如下[8-9]：

學生課程成績=課前測5%+課堂表現10%+課后題10%+項目成績30%+期中成績15%+期末成績20%。

2.4 項目案例教學實例

項目小組以“一帶一路”為主題制作網站，要求：

1） 網站不少于四個頁面。

2） 首頁需具備：Logo、Banner條、導航條、頁面主內容區、版權信息。

3） Banner條和導航條需使用CSS3制作動畫效果。

4） 頁面中須加入JavaScript腳本動畫。

5） 網站主題明確，網頁間可以實現跳轉；頁面顏色協調，布局合理。

項目案例教學設計采用“翻轉課堂”方式，以學生活動為主體，教師答疑和講評為輔，充分發揮學生的主觀能動性，激發學生的學習欲望（如表3） 。

3 課程改革成效

本課程已于2022年底完成在線課程建設，題庫錄入1200余道題目，并按照5%的比例由任課老師逐年增加，淘汰不符合技術發展和話題陳舊的題目。題目按照章節和考試劃分成兩大部分，章節練習題以客觀題為主，包括填空、選擇、判斷，并配備網頁設計實操題目。該類題目給出網頁設計完成效果截圖，并給出核心參數，要求學生完成網頁制作。其中網頁資源，比如：圖片、背景音樂、視頻等需要學生自己下載，自行完成素材的剪輯、網頁配色及修飾等工作。網頁設計實操類題目屬于主觀開放性題目，學生可以根據核心參數完成一個基本的網頁，也可以延伸題目難度和深度，制作一個配色協調、畫面精美的網頁，從而起到不同層次學生不同考核結果的目的。

在2022—2023年秋季學期計算機相關專業開展課程思政教學改革實踐，四個專業共有926名學生選課，5名任課老師的學生評教分數都達到90分以上。學生成績分布如圖1所示，總評成績和期末成績擬合度高，學生成績集中在75～90區間，符合教學預期。

4 結論

網頁設計基礎課程思政教學改革實踐以項目案例方式鞏固和提高學生的實踐能力，能夠滿足學生深層次需求，引導學生進行教學知識的深入學習和探究。將案例教學與任務驅動充分與航空特色相結合，選擇民航飛機介紹、“一帶一路”等項目主題，培養學生的家國情懷與大國工匠精神。

本課程采用了分層次教學，課程教學的基礎目標、應用目標和提升目標分別對應基礎知識講解、項目制作和項目拓展，教學模式清晰。

為確保學生在項目教學中能夠得到全方位技能提升，在項目實踐環節，學生組成4～5人團隊，按照指定的項目主題進行網頁設計與制作。每次的項目分工需要滾動，確保每位學生能夠在不同環節得到鍛煉，掌握網頁設計與制作的全部技能。

參考文獻：

[1] 教育部關于印發《高等學校課程思政建設指導綱要》的通知（教高[2020]3號）[EB/OL].[2022-10-22]. http：//www.moe.gov.cn/jyb_xwfb/s271/202006/t20200604_462551.html.

[2] 李宗劍.Web前端設計課程思政教學設計[J].電腦知識與技術，2020，16（32）：122-123，136.

[3] 邵小青，章蓬偉，丁娟，等.基于課程思政的《Web前端技術》課程教學研究[J].產業與科技論壇，2023，22（1）：143-145.

[4] 賀桂嬌，李旭峰.基于沉浸式課程思政在《網頁設計技術》課程中的探討[C]//北京：2022新時代思想政治教育理論研究高峰論壇論文集（一），2022：88-95.

[5] 趙恒，鄒麗霞.“網頁設計與制作” 課程思政示范課建設[J].河南廣播電視大學學報，2022，35（3）：103-107.

[6] 孫涵，王子儒.“導學互動” 模式下課程思政教學改革探索與實踐：以《網頁設計與制作》課程為例[J].河北大學成人教育學院學報，2022，24（3）：99-104.

[7] 宋吳越.基于布魯姆教育目標分類法的學生非認知領域能力提升研究[J].現代商貿工業，2021，42（15）：79-80.

[8] 酈麗華.高職《HTML5網頁設計》融入課程思政實踐[J].國家通用語言文字教學與研究，2022（2）：86-88.

[9] 張呈江.“網頁設計與制作” 課程思政實踐研究[J].工業和信息化教育，2021（8）：53-57.

【通聯編輯：王 力】