牛蕓，劉婧，祝瑞玲

(山東傳媒職業(yè)學(xué)院,山東濟(jì)南 250200)

1 課程概況

1.1 人才培養(yǎng)狀況

山東傳媒職業(yè)學(xué)院軟件技術(shù)專(zhuān)業(yè)隸屬于學(xué)院信息工程系，近年來(lái)學(xué)生招生數(shù)量不斷攀升，隨著國(guó)家“互聯(lián)網(wǎng)+”戰(zhàn)略，需要大量的從事網(wǎng)站開(kāi)發(fā)及移動(dòng)端應(yīng)用開(kāi)發(fā)的軟件技術(shù)技能人才，人才需求量大，就業(yè)前景可觀。學(xué)院軟件技術(shù)專(zhuān)業(yè)人才培養(yǎng)不斷優(yōu)化，通過(guò)調(diào)研，確定專(zhuān)業(yè)面向崗位群包含網(wǎng)站開(kāi)發(fā)領(lǐng)域崗位，具體包括：網(wǎng)站前端設(shè)計(jì)師、網(wǎng)站后臺(tái)開(kāi)發(fā)與管理、網(wǎng)站運(yùn)營(yíng)與維護(hù)。該專(zhuān)業(yè)的人才培養(yǎng)面向各企事業(yè)單位網(wǎng)站、軟件開(kāi)發(fā)公司和網(wǎng)絡(luò)公司等，培養(yǎng)能夠在網(wǎng)站策劃與編輯、網(wǎng)站前端開(kāi)發(fā)、網(wǎng)站后臺(tái)開(kāi)發(fā)、網(wǎng)站運(yùn)營(yíng)與維護(hù)及移動(dòng)端開(kāi)發(fā)等崗位上，具備網(wǎng)站規(guī)劃與設(shè)計(jì)、網(wǎng)站前端與后臺(tái)開(kāi)發(fā)、網(wǎng)站運(yùn)營(yíng)維護(hù)、移動(dòng)端WEB及APP開(kāi)發(fā)的高素質(zhì)技術(shù)技能人才。

1.2 課程性質(zhì)

根據(jù)專(zhuān)業(yè)人才培養(yǎng)目標(biāo)及人才培養(yǎng)方案，《H5網(wǎng)頁(yè)前端開(kāi)發(fā)》課程是軟件技術(shù)專(zhuān)業(yè)的一門(mén)專(zhuān)業(yè)核心課程，直接面向的是行業(yè)企業(yè)中的網(wǎng)站前端開(kāi)發(fā)、移動(dòng)WEB開(kāi)發(fā)工作崗位，培養(yǎng)的是具有網(wǎng)站前端開(kāi)發(fā)能力的高素質(zhì)技術(shù)技能人才，同時(shí)所培養(yǎng)的也是網(wǎng)站開(kāi)發(fā)專(zhuān)業(yè)領(lǐng)域必備的核心基礎(chǔ)能力之一?！禜5網(wǎng)頁(yè)前端開(kāi)發(fā)》這門(mén)課程就是培養(yǎng)網(wǎng)站開(kāi)發(fā)技術(shù)中最基礎(chǔ)最核心的能力：“網(wǎng)站前端開(kāi)發(fā)”，既包括PC端網(wǎng)站又包括移動(dòng)端網(wǎng)站。該課程學(xué)習(xí)直接面向?qū)嶋H網(wǎng)站前端開(kāi)發(fā)工作崗位，學(xué)生在掌握專(zhuān)業(yè)技能的同時(shí)可以考取ACCD、CCWD、CIW等網(wǎng)頁(yè)設(shè)計(jì)師職業(yè)資格證書(shū)，提高學(xué)生的專(zhuān)業(yè)競(jìng)爭(zhēng)力及就業(yè)能力，實(shí)現(xiàn)與職業(yè)崗位的直接對(duì)接。

2 課程改革

2.1 課程改革目標(biāo)

學(xué)院《H5網(wǎng)頁(yè)前端開(kāi)發(fā)》課程改的總目標(biāo)是：基于實(shí)現(xiàn)對(duì)行業(yè)需求的H5 WEB前端技能人才的培養(yǎng)，結(jié)合學(xué)院軟件技術(shù)專(zhuān)業(yè)的WEB前端課程：《H5網(wǎng)頁(yè)前端開(kāi)發(fā)》，實(shí)現(xiàn)課程內(nèi)容、教學(xué)過(guò)程、教學(xué)模式、教學(xué)方法及考核方式等方面的課程整體改革。構(gòu)建包含主流H5技術(shù)及移動(dòng)前端開(kāi)發(fā)的課程內(nèi)容；采用 “基于工作過(guò)程”進(jìn)行項(xiàng)目化課程整體設(shè)計(jì)；改革教學(xué)模式，構(gòu)建課程的數(shù)字化網(wǎng)絡(luò)教學(xué)平臺(tái)，實(shí)現(xiàn)在線課程的開(kāi)發(fā)與應(yīng)用，并結(jié)合翻轉(zhuǎn)課堂，提高教學(xué)質(zhì)量與學(xué)習(xí)效果，培養(yǎng)出適應(yīng)WEB前端崗位需求的高素質(zhì)技能型人才。

2.2 課程改革內(nèi)容

2.2.1 基于WEB前端開(kāi)發(fā)崗位職業(yè)能力分析，面向HTML5進(jìn)行課程結(jié)構(gòu)與內(nèi)容的全面升級(jí)

WEB前端課程教學(xué)中普遍存在的問(wèn)題是課程內(nèi)容落后，缺乏Html5等主流技術(shù)的教學(xué)，導(dǎo)致無(wú)法實(shí)現(xiàn)學(xué)生培養(yǎng)與WEB前端崗位的對(duì)接的問(wèn)題。在本課題研究過(guò)程中，結(jié)合學(xué)院軟件技術(shù)專(zhuān)業(yè)的WEB前端課程：《網(wǎng)頁(yè)設(shè)計(jì)與制作》這門(mén)課程，充分調(diào)研WEB前端開(kāi)發(fā)崗位的職業(yè)需求。在原有的課程內(nèi)容：HTML，CSS，Javascript等基礎(chǔ)上補(bǔ)充 HTML5，CSS3，DOM，JQuery，Ajax及Bootstrap等企業(yè)崗位急需掌握的新知識(shí)與技能；在網(wǎng)頁(yè)布局方式上學(xué)習(xí)主流的DIV CSS布局；并在傳統(tǒng)PC端網(wǎng)頁(yè)布局的基礎(chǔ)上，增加移動(dòng)WEB頁(yè)面的布局，學(xué)習(xí)響應(yīng)式網(wǎng)頁(yè)布局方法。實(shí)現(xiàn)課程內(nèi)容體系的全面、全新升級(jí)，通過(guò)添加H5新技術(shù)、移動(dòng)WEB應(yīng)用、響應(yīng)式布局技術(shù)，使課程內(nèi)容真正適應(yīng)現(xiàn)今真實(shí)的職業(yè)崗位需求。

2.2.2 基于“工作過(guò)程”的項(xiàng)目化教學(xué)設(shè)計(jì)，培養(yǎng)學(xué)生的職業(yè)能力與職業(yè)素養(yǎng)

針對(duì)WEB前端開(kāi)發(fā)課程中學(xué)生缺乏開(kāi)發(fā)經(jīng)驗(yàn)及對(duì)WEB前端開(kāi)發(fā)的宏觀把握能力的問(wèn)題。高職高專(zhuān)院校應(yīng)樹(shù)立基于Web前端職業(yè)崗位工作過(guò)程，培養(yǎng)職業(yè)能力和職業(yè)素質(zhì)的課程觀。通過(guò)深入WEB應(yīng)用開(kāi)發(fā)公司進(jìn)行職業(yè)崗位需求調(diào)查，在課程設(shè)計(jì)時(shí)按照實(shí)際的工作過(guò)程進(jìn)行課程開(kāi)發(fā)。將課程內(nèi)容設(shè)計(jì)為五個(gè)項(xiàng)目：（1）認(rèn)識(shí)網(wǎng)頁(yè)與網(wǎng)站；（2）制作 HTML5 CSS3 網(wǎng)頁(yè)；（3）制作DIV CSS布局網(wǎng)頁(yè)；（4）制作PC端企業(yè)網(wǎng)站；（5）實(shí)現(xiàn)移動(dòng)端WEB應(yīng)用設(shè)計(jì)。五個(gè)項(xiàng)目分別從WEB開(kāi)發(fā)基本素養(yǎng)、網(wǎng)頁(yè)內(nèi)容制作、網(wǎng)頁(yè)布局技術(shù)、PC端交互式網(wǎng)站制作、移動(dòng)端WEB應(yīng)用與響應(yīng)式網(wǎng)頁(yè)技術(shù)等方面對(duì)學(xué)生進(jìn)行培養(yǎng)，課程培養(yǎng)體系完整。

2.2.3 基于HTML5的WEB前端課程在線開(kāi)發(fā)與應(yīng)用，構(gòu)建“互聯(lián)網(wǎng)+”學(xué)習(xí)模式

依托學(xué)院建設(shè)的網(wǎng)絡(luò)教育平臺(tái)，將WEB前端課程《網(wǎng)頁(yè)設(shè)計(jì)與制作》的線下教學(xué)資源進(jìn)行設(shè)計(jì)整理，整合到線上，實(shí)現(xiàn)課程的在線開(kāi)發(fā)與學(xué)習(xí)者的在線學(xué)習(xí)。教師按照教學(xué)項(xiàng)目構(gòu)建線上課程體系，并將教學(xué)進(jìn)度、教案、課件、教學(xué)視頻、作業(yè)任務(wù)、測(cè)試題等課程資源發(fā)布到在線課程平臺(tái)，學(xué)生在教師的引導(dǎo)下，進(jìn)行在線自主學(xué)習(xí)。這種基于“互聯(lián)網(wǎng)+”的在線學(xué)習(xí)模式，方便了網(wǎng)絡(luò)教學(xué)資源的整合，增強(qiáng)師生之間的學(xué)習(xí)互動(dòng)，滿足了學(xué)生個(gè)性化的學(xué)習(xí)需求。與傳統(tǒng)課堂教學(xué)的以教師為中心，學(xué)生被動(dòng)的學(xué)習(xí)相比，極大地提高學(xué)生的學(xué)習(xí)積極性與主觀能動(dòng)性，更適應(yīng)“互聯(lián)網(wǎng)+”時(shí)代的學(xué)習(xí)需求，將有效提高教學(xué)效果。

2.2.4 基于翻轉(zhuǎn)課堂的融合教學(xué)模式探索，真正實(shí)現(xiàn)“以學(xué)生為中心”的教學(xué)理念

翻轉(zhuǎn)課堂是傳統(tǒng)課堂中知識(shí)傳授與知識(shí)內(nèi)化的顛倒，是師生互動(dòng)、激發(fā)學(xué)習(xí)興趣的有力手段。在WEB前端課程《網(wǎng)頁(yè)設(shè)計(jì)與制作》教學(xué)中，結(jié)合在線教學(xué)平臺(tái)，采用翻轉(zhuǎn)課堂教學(xué)模式，課下讓學(xué)生利用在線教學(xué)平臺(tái)按照學(xué)習(xí)任務(wù)單進(jìn)行自主學(xué)習(xí)，并完成任務(wù)；課上由教師對(duì)學(xué)生的任務(wù)完成情況進(jìn)行評(píng)價(jià)、指導(dǎo)，并實(shí)現(xiàn)學(xué)生間作業(yè)的互評(píng)及改進(jìn)，使學(xué)生在課堂上對(duì)知識(shí)技能的學(xué)習(xí)進(jìn)一步升華。翻轉(zhuǎn)課堂的教學(xué)應(yīng)用，提高了課堂的效率與效果，真正實(shí)現(xiàn)了“以學(xué)生為中心”，有效地培養(yǎng)學(xué)生職業(yè)技能及自主學(xué)習(xí)能力。

2.2.5 優(yōu)化評(píng)價(jià)反饋機(jī)制，構(gòu)建“全過(guò)程、全方位、綜合性”的考核評(píng)價(jià)體系

在傳統(tǒng)教學(xué)模式下，對(duì)該課程考核與評(píng)價(jià)一般是按照期末考試占50%、平時(shí)表現(xiàn)占20%和平時(shí)作業(yè)占30%來(lái)計(jì)算，借助“互聯(lián)網(wǎng)+”在線教學(xué)平臺(tái)，課程考核評(píng)價(jià)可以實(shí)現(xiàn)全程跟蹤、全面綜合考核，包括：(1)平時(shí)與期末考核相結(jié)合；(2)課程考核與綜合實(shí)訓(xùn)相結(jié)合；(3)筆試與作品制作相結(jié)合；(4)教師與學(xué)生評(píng)價(jià)相結(jié)合。這樣，既能對(duì)學(xué)生在課程知識(shí)掌握程度和衡量編程能力程度方面進(jìn)行客觀、公平、全面地評(píng)價(jià)，又能把學(xué)生學(xué)習(xí)的積極性調(diào)動(dòng)起來(lái)，把其對(duì)編程的趣味性激發(fā)出來(lái)。

3 課改創(chuàng)新

3.1 課程內(nèi)容與WEB前端行業(yè)技術(shù)需求的一致性

在大部分高校WEB前端技術(shù)課程教學(xué)遠(yuǎn)遠(yuǎn)落后于行業(yè)需求的狀況下，本課題將根據(jù)實(shí)際的崗位需求調(diào)研，調(diào)整課程內(nèi)容、能力培養(yǎng)與行業(yè)需求的高度一致，增加H5技術(shù)、交互式網(wǎng)站技術(shù)、移動(dòng)WEB開(kāi)發(fā)技術(shù)、響應(yīng)式網(wǎng)頁(yè)布局技術(shù)等行業(yè)需求的新技能，真正實(shí)現(xiàn)基于職業(yè)崗位需求的人才培養(yǎng)。

3.2 以“開(kāi)發(fā)過(guò)程”為主線的項(xiàng)目化教學(xué)改革

從職業(yè)需求出發(fā)，按照“工學(xué)結(jié)合”的課程理念設(shè)計(jì)由易到難，由單一到綜合的教學(xué)項(xiàng)目。每個(gè)項(xiàng)目由一系列按照開(kāi)發(fā)過(guò)程設(shè)計(jì)的有序任務(wù)組成，比如開(kāi)發(fā)環(huán)境搭建、網(wǎng)頁(yè)內(nèi)容制作、網(wǎng)頁(yè)布局設(shè)計(jì)、網(wǎng)頁(yè)交互設(shè)計(jì)等，學(xué)生按照實(shí)際的開(kāi)發(fā)步驟，通過(guò)完成設(shè)定的任務(wù)實(shí)現(xiàn)項(xiàng)目?！敖虒W(xué)過(guò)程”按照“開(kāi)發(fā)過(guò)程”展開(kāi)，培養(yǎng)學(xué)生的前端開(kāi)發(fā)能力與職業(yè)素養(yǎng)。

3.3 在線課程資源與翻轉(zhuǎn)課堂的融合應(yīng)用

完成課程的網(wǎng)絡(luò)教育平臺(tái)建設(shè)，實(shí)現(xiàn)豐富的教學(xué)資源的線上應(yīng)用，并結(jié)合線下的“翻轉(zhuǎn)課堂”實(shí)現(xiàn)教學(xué)模式改革，“以學(xué)生為主體”，讓學(xué)生作為學(xué)習(xí)的主人，課堂的主人，培養(yǎng)學(xué)生的自學(xué)能力，職業(yè)能力和可持續(xù)發(fā)展能力。

3.4 面向編程教學(xué)的WEB前端課程理念，培養(yǎng)學(xué)生的WEB開(kāi)發(fā)根本之道

改變教學(xué)中普遍存在的“重軟件，輕開(kāi)發(fā)”的教學(xué)理念，將WEB前端技術(shù)課程作為編程開(kāi)發(fā)課程來(lái)教學(xué)， 使學(xué)生真正掌握 HTML5、CSS3、DOM、Javascript、JQuery及Bootstrap等實(shí)質(zhì)技術(shù)，培養(yǎng)學(xué)生根本的WEB開(kāi)發(fā)能力，增強(qiáng)學(xué)生職業(yè)生涯的可持續(xù)發(fā)展能力。

綜上所述，在大數(shù)據(jù)時(shí)代與“互聯(lián)網(wǎng)+”背景下，高職院校應(yīng)該抓住機(jī)遇，積極探索基于HTML5的WEB前端開(kāi)發(fā)課程的建設(shè)，培養(yǎng)真正適合市場(chǎng)需求及WEB行業(yè)需求的高素質(zhì)WEB前端技能人才。