基于工學結合的《HTML5&CSS3網站設計》一體化課程建設

薄 璐

（陜西職業技術學院，陜西 西安 710038）

網站開發技術日新月異，尤其在近幾年呈現多元化的發展，在網絡直播、移動APP、微信小程序、桌面應用開發等應用領域處處可見。HTML5和CSS3是下一代Web應用的基礎，使互聯網進入了一個嶄新的時代。高職院校網站開發類課程需要改革創新，將課程教學與市場需求、技術變革相結合，才能適應時代的發展。

一、課程建設基本情況

《HTML5&CSS3網站設計》課程以企業網站前端開發的崗位需求與工作過程為導向，將實際的案例項目為載體導入課堂引導基礎教學，通過學習情境設計、教學設計、學習任務書編寫、教學資源開發等環節進行課程內容的開發，從HTML5和CSS3的基礎知識入手，重點講解HTML5和CSS3新增功能和最新前端技術，通過大量實例對HTML5和CSS3進行深入淺出的分析，培養學生的技術應用能力、創新能力及綜合職業素質，充分體現課程的實踐性、職業性和拓展性。

二、課程設計的理念與思路

（一）課程設計理念

《HTML5&CSS3網站設計》課程作為動漫設計與制作專業的核心課程，秉持“以就業為導向，以能力為本位”的職業教育理念，針對高職學生的認知特點，我們從專業人才需求分析、工作崗位分析、典型工作任務分析、學習領域生成、職業能力分析、項目設計、教學設計、任務書編寫、教學資源開發等環節對課程進行建設，突出學生的教學主體作用，重視職業能力的培養，充分體現課程教學的職業性、實踐性和開放性。

（二）課程設計思路

《HTML5&CSS3網站設計》課程以能力為本位、以職業實踐為主線、以項目課程為主體，打破了傳統的學科體系的模式，將職業崗位能力中用到的知識點融合在項目中。學生通過各項目的實踐操作，熟練地掌握崗位所需知識和技能，不斷提高解決問題和項目實操能力。

1.根據區域經濟的特征與學院的職業教育能力進行專業定位。根據陜西地區經濟的特征與西北地區的發展趨勢，結合學院職業教育能力，將動漫設計與制作專業定位為培養應用型動漫人才。

2.根據專業定位，對《HTML5&CSS3網站設計》課程進行定位。根據動漫設計與制作專業定位，深入西北地區乃至全國相關企業進行調研，對專業的工作崗位和工作任務進行分析，明確專業的核心能力，進行課程設計，使課程目標與專業的工作崗位和工作任務相對應，確定《HTML5&CSS3網站設計》課程為動漫設計與制作專業的專業核心課。

3.以“工作過程”為導向，參考行業標準，確定網站設計崗位的工作過程。參考行業職業資格標準和行業專家意見，加強與企業之間交流合作，并且根據企業對從業人員崗位需求共同修訂教學大綱、課程標準，確定在職業崗位上，實施工作過程，完成工作任務所需要的職業知識和技能。

4.提煉典型工作任務，設計學習情境。根據網站設計崗位職責的描述和實際工作情況，提煉典型工作任務，通過任務案例驅動，再根據課程內容的關聯性設計成學習情境。

5.實施“教、學、練、做”一體化的教學過程，多種教學模式結合使用。充分利用校內外實訓基地，構造一個立體化的多層次的完善的工學結合的實踐教學體系，通過專職教師和企業工程師的及時指導，順利達到預期的培養效果。采用互動式教學、案例教學相結合的模式，調動學生學習的興趣和主動性。

6.注重網站設計能力培養，多角度考核，提高學生的職業能力和職業素養?！禜TML5&CSS3網站設計》課程以網站設計能力考核為主線，建立一體化的考核體系，包括過程考核和終結性考核兩部分。

三、教學內容的組織與安排

《HTML5&CSS3網站設計》課程以學習情境為載體，在具體任務中說明知識要求、能力要求、任務描述與分析、相關理論知識以及任務實施的步驟和方法等，實行任務驅動式教學模式，使教、學、做、練相結合，突出工學結合與職業素質的培養。

（一）課程整體內容結構分布

在教材原本章節的基礎上對知識進行重構，將整體教學內容設置為6個學習情境，通過大量實例對HTML5、CSS3及JavaScript的各個知識點進行深入淺出的分析和講解；通過引入任務案例，讓學生掌握綜合運用學習情境中各個任務的所有知識點；通過項目實訓，使學生對所學知識得以鞏固掌握和實踐能力的鍛煉；通過綜合項目實訓，使學生從全局角度掌握建立站點、站點初始化設置、切片、效果圖分析、頁面布局、定義公共樣式、定義頁面結構代碼等網站設計的流程。

（二）課程單元內容安排

每個課程單元即一個學習情境，每個學習情境中包含一個或多個任務。每個任務包括以下四個教學環節內容：上節知識點回顧、本課時內容學習、任務案例講解和項目實訓。

四、教學方法與教學手段改革

（一）采用靈活多樣的教學方法

在課程教學中，通過設置學習情境、引入任務案例、知識點案例、補充案例等，將理論與實踐相結合，運用啟發式討論法引導學生思考，采取案例教學法、項目驅動教學法去調動學生學習的積極性和主動性，提高學生學習的興趣、效率和效果，培養學生分析判斷、獨立思考和解決問題的綜合能力，實現讓動漫專業網站設計教學對接市場需求，企業模擬化案例變成教學內容，教學模式貼近工作過程。

（二）運用現代教育技術、深化教學手段改革

充分利用現有的實驗實訓設備，積極采用現代教育技術手段，使教學內容更加豐富充實。先進的教學方法與手段為學生提供了一個更加靈活、方便、使用和廣闊的學習和實踐空間，也使教學效率大大提高，使教學水平邁上了一個新臺階。

（三）課堂教學與網絡教學相結合

目前已完成了網絡課程建設，包括課程標準、教案、PPT課件、案例源碼、實訓指導書等教學資源網絡開放，為學生提供了自學的條件，使教學不再受時間和空間的限制，學生可以通過網絡進行本課程的自主學習和創新研究，促進了學生專業能力和綜合能力的提高實現優質教學資源共享。

五、小結與展望

目前，《HTML5&CSS3網站設計》課程建設已取得一定的成效。但在教學實施的過程中，授課教師發現學生對知識的自主探究學習能力較為薄弱，教師講授仍然作為課堂教學的主體，因此，我們在培養學生自主學習方面進行了更深入的研究。在項目實訓環節，我們打算將百單網的真實企業項目作為項目實訓環節的拓展，讓學生通過制作真實且有收益的網站項目，進一步調動他們學習的主動性和積極性，從而實現知識的遷移和應用。