薄 璐

（陜西職業(yè)技術(shù)學(xué)院，陜西 西安 710038）

網(wǎng)站開發(fā)技術(shù)日新月異，尤其在近幾年呈現(xiàn)多元化的發(fā)展，在網(wǎng)絡(luò)直播、移動APP、微信小程序、桌面應(yīng)用開發(fā)等應(yīng)用領(lǐng)域處處可見。HTML5和CSS3是下一代Web應(yīng)用的基礎(chǔ)，使互聯(lián)網(wǎng)進(jìn)入了一個嶄新的時代。高職院校網(wǎng)站開發(fā)類課程需要改革創(chuàng)新，將課程教學(xué)與市場需求、技術(shù)變革相結(jié)合，才能適應(yīng)時代的發(fā)展。

一、課程建設(shè)基本情況

《HTML5&CSS3網(wǎng)站設(shè)計》課程以企業(yè)網(wǎng)站前端開發(fā)的崗位需求與工作過程為導(dǎo)向，將實際的案例項目為載體導(dǎo)入課堂引導(dǎo)基礎(chǔ)教學(xué)，通過學(xué)習(xí)情境設(shè)計、教學(xué)設(shè)計、學(xué)習(xí)任務(wù)書編寫、教學(xué)資源開發(fā)等環(huán)節(jié)進(jìn)行課程內(nèi)容的開發(fā)，從HTML5和CSS3的基礎(chǔ)知識入手，重點講解HTML5和CSS3新增功能和最新前端技術(shù)，通過大量實例對HTML5和CSS3進(jìn)行深入淺出的分析，培養(yǎng)學(xué)生的技術(shù)應(yīng)用能力、創(chuàng)新能力及綜合職業(yè)素質(zhì)，充分體現(xiàn)課程的實踐性、職業(yè)性和拓展性。

二、課程設(shè)計的理念與思路

（一）課程設(shè)計理念

《HTML5&CSS3網(wǎng)站設(shè)計》課程作為動漫設(shè)計與制作專業(yè)的核心課程，秉持“以就業(yè)為導(dǎo)向，以能力為本位”的職業(yè)教育理念，針對高職學(xué)生的認(rèn)知特點，我們從專業(yè)人才需求分析、工作崗位分析、典型工作任務(wù)分析、學(xué)習(xí)領(lǐng)域生成、職業(yè)能力分析、項目設(shè)計、教學(xué)設(shè)計、任務(wù)書編寫、教學(xué)資源開發(fā)等環(huán)節(jié)對課程進(jìn)行建設(shè)，突出學(xué)生的教學(xué)主體作用，重視職業(yè)能力的培養(yǎng)，充分體現(xiàn)課程教學(xué)的職業(yè)性、實踐性和開放性。

（二）課程設(shè)計思路

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

1.根據(jù)區(qū)域經(jīng)濟(jì)的特征與學(xué)院的職業(yè)教育能力進(jìn)行專業(yè)定位。根據(jù)陜西地區(qū)經(jīng)濟(jì)的特征與西北地區(qū)的發(fā)展趨勢，結(jié)合學(xué)院職業(yè)教育能力，將動漫設(shè)計與制作專業(yè)定位為培養(yǎng)應(yīng)用型動漫人才。

2.根據(jù)專業(yè)定位，對《HTML5&CSS3網(wǎng)站設(shè)計》課程進(jìn)行定位。根據(jù)動漫設(shè)計與制作專業(yè)定位，深入西北地區(qū)乃至全國相關(guān)企業(yè)進(jìn)行調(diào)研，對專業(yè)的工作崗位和工作任務(wù)進(jìn)行分析，明確專業(yè)的核心能力，進(jìn)行課程設(shè)計，使課程目標(biāo)與專業(yè)的工作崗位和工作任務(wù)相對應(yīng)，確定《HTML5&CSS3網(wǎng)站設(shè)計》課程為動漫設(shè)計與制作專業(yè)的專業(yè)核心課。

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

4.提煉典型工作任務(wù)，設(shè)計學(xué)習(xí)情境。根據(jù)網(wǎng)站設(shè)計崗位職責(zé)的描述和實際工作情況，提煉典型工作任務(wù)，通過任務(wù)案例驅(qū)動，再根據(jù)課程內(nèi)容的關(guān)聯(lián)性設(shè)計成學(xué)習(xí)情境。

5.實施“教、學(xué)、練、做”一體化的教學(xué)過程，多種教學(xué)模式結(jié)合使用。充分利用校內(nèi)外實訓(xùn)基地，構(gòu)造一個立體化的多層次的完善的工學(xué)結(jié)合的實踐教學(xué)體系，通過專職教師和企業(yè)工程師的及時指導(dǎo)，順利達(dá)到預(yù)期的培養(yǎng)效果。采用互動式教學(xué)、案例教學(xué)相結(jié)合的模式，調(diào)動學(xué)生學(xué)習(xí)的興趣和主動性。

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

三、教學(xué)內(nèi)容的組織與安排

《HTML5&CSS3網(wǎng)站設(shè)計》課程以學(xué)習(xí)情境為載體，在具體任務(wù)中說明知識要求、能力要求、任務(wù)描述與分析、相關(guān)理論知識以及任務(wù)實施的步驟和方法等，實行任務(wù)驅(qū)動式教學(xué)模式，使教、學(xué)、做、練相結(jié)合，突出工學(xué)結(jié)合與職業(yè)素質(zhì)的培養(yǎng)。

（一）課程整體內(nèi)容結(jié)構(gòu)分布

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

（二）課程單元內(nèi)容安排

每個課程單元即一個學(xué)習(xí)情境，每個學(xué)習(xí)情境中包含一個或多個任務(wù)。每個任務(wù)包括以下四個教學(xué)環(huán)節(jié)內(nèi)容：上節(jié)知識點回顧、本課時內(nèi)容學(xué)習(xí)、任務(wù)案例講解和項目實訓(xùn)。

四、教學(xué)方法與教學(xué)手段改革

（一）采用靈活多樣的教學(xué)方法

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

（二）運用現(xiàn)代教育技術(shù)、深化教學(xué)手段改革

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

（三）課堂教學(xué)與網(wǎng)絡(luò)教學(xué)相結(jié)合

目前已完成了網(wǎng)絡(luò)課程建設(shè)，包括課程標(biāo)準(zhǔn)、教案、PPT課件、案例源碼、實訓(xùn)指導(dǎo)書等教學(xué)資源網(wǎng)絡(luò)開放，為學(xué)生提供了自學(xué)的條件，使教學(xué)不再受時間和空間的限制，學(xué)生可以通過網(wǎng)絡(luò)進(jìn)行本課程的自主學(xué)習(xí)和創(chuàng)新研究，促進(jìn)了學(xué)生專業(yè)能力和綜合能力的提高實現(xiàn)優(yōu)質(zhì)教學(xué)資源共享。

五、小結(jié)與展望

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