“三教”改革背景下高職院校在線課程設(shè)計(jì)與探索
——以《Web前端技術(shù)基礎(chǔ)》在線課程建設(shè)為例

密海英 芮文艷

蘇州工業(yè)職業(yè)技術(shù)學(xué)院，江蘇 蘇州 215104

《國家職業(yè)教育改革實(shí)施方案》中提出了“三教”（教師、教材、教法）改革的任務(wù)。“三教”改革是涉及教與學(xué)各環(huán)節(jié)的綜合改革。教師、教材、教法分別對應(yīng)解決“誰來教”“教什么”“如何教”三個(gè)核心問題。其目的是培養(yǎng)適應(yīng)行業(yè)企業(yè)需求的復(fù)合型、創(chuàng)新型高素質(zhì)技術(shù)技能人才，提升學(xué)生的綜合職業(yè)能力。而教育部《關(guān)于加強(qiáng)高等學(xué)校在線開放課程建設(shè)應(yīng)用與管理的意見》（教高〔2015〕3號）明確提出“在線開放課程正在促進(jìn)教學(xué)內(nèi)容、方法、模式和教學(xué)管理體制機(jī)制發(fā)生變革”。因此，廣大教師要將精品在線開放課程作為推進(jìn)“三教”改革的重要舉措，把在線開放課程作為課堂教學(xué)的重要補(bǔ)充，根據(jù)實(shí)際教學(xué)建立在線開放課程教學(xué)與學(xué)習(xí)的管理和評價(jià)機(jī)制，積極推進(jìn)精品在線開放課程的應(yīng)用，加強(qiáng)課程管理，確保教學(xué)應(yīng)用質(zhì)量。本文將從“三教”的三個(gè)核心問題出發(fā)，對照國家精品在線開放課程的建設(shè)標(biāo)準(zhǔn)，探索《Web前端技術(shù)基礎(chǔ)》在線課程設(shè)計(jì)思路與具體實(shí)施舉措。

一、課程現(xiàn)狀

本課程是專業(yè)基礎(chǔ)課程，培養(yǎng)學(xué)生根據(jù)實(shí)際需求利用HTML和CSS技術(shù)進(jìn)行小型靜態(tài)網(wǎng)站的設(shè)計(jì)與開發(fā)能力。綜合HTML、CSS技術(shù)，通過“教、學(xué)、做”理論與實(shí)踐一體化教學(xué)，使學(xué)生掌握HTML知識，能熟練編寫靜態(tài)網(wǎng)頁代碼；掌握CSS樣式，能熟練使用CSS美化頁面；了解并會使用HTML5及CSS3的新特性；并會在頁面中使用開源JS特效；同時(shí)培養(yǎng)學(xué)生前端新知識、新技能的學(xué)習(xí)能力和創(chuàng)新能力。目前，已借助優(yōu)慕課網(wǎng)絡(luò)教學(xué)平臺進(jìn)行混合式教學(xué)。但尚未完全脫離傳統(tǒng)網(wǎng)絡(luò)課程的束縛，在功能和開放程度上離精品在線教學(xué)的要求還有一定的距離，在“互聯(lián)網(wǎng)+”時(shí)代背景下，進(jìn)行精品在線開放課程的建設(shè)勢在必行。

二、在線課程設(shè)計(jì)思路

《Web前端技術(shù)基礎(chǔ)》在線課程建設(shè)將以解決“三教”的核心問題進(jìn)行推進(jìn)，設(shè)計(jì)思路將從以下三個(gè)方面闡述。

（一）建立高素質(zhì)雙師型課程團(tuán)隊(duì)

教師是“三教”改革的核心［1］，是教育活動(dòng)的組織者、領(lǐng)導(dǎo)者，在教育活動(dòng)中起主導(dǎo)作用。教師團(tuán)隊(duì)是課程建設(shè)的基礎(chǔ)和保障，合理的團(tuán)隊(duì)結(jié)構(gòu)和高效的團(tuán)隊(duì)合作有助于提升課程建設(shè)質(zhì)量。因此，課程立項(xiàng)之后，首先，建立一支高素質(zhì)的雙師型課程團(tuán)隊(duì)至關(guān)重要。本課程教學(xué)團(tuán)隊(duì)由企業(yè)人士、同行專家及專任教師等成員構(gòu)成。企業(yè)人士立足崗位和專任教師一起，以工作流程為主線，根據(jù)崗位需求和工作任務(wù)，提煉確定本課程的知識技能點(diǎn)，并為課程建設(shè)提供真實(shí)的素材案例，參與重難點(diǎn)的視頻錄制；其次，同行專家具有豐富的課程建設(shè)經(jīng)驗(yàn)，對課程的整體設(shè)計(jì)和建設(shè)給予指導(dǎo)性意見。團(tuán)隊(duì)專任教師職稱結(jié)構(gòu)、學(xué)歷結(jié)構(gòu)、年齡結(jié)構(gòu)合理，且都有十五年以上的教學(xué)經(jīng)驗(yàn)和一定的企業(yè)實(shí)踐經(jīng)歷，已積累了豐富的教學(xué)經(jīng)驗(yàn)和課程素材，都有較強(qiáng)的課程開發(fā)能力；最后，團(tuán)隊(duì)中有多位教師具備國家、省精品課程建設(shè)經(jīng)驗(yàn)，為在線課程的建設(shè)和持續(xù)更新提供了重要保障。

課程立項(xiàng)以后，課程組成員就進(jìn)行了明確分工；經(jīng)過企業(yè)調(diào)研之后確定了本課程的知識技能點(diǎn)，以及貫穿整個(gè)課程教學(xué)的綜合項(xiàng)目和小案例；最后分工進(jìn)行課程的建設(shè)資源，包括教學(xué)視頻、多媒體課件、素材、案例、題庫等資源類型。

（二）編寫立足崗位、工學(xué)結(jié)合的立體化教材

教材是課程建設(shè)與教學(xué)內(nèi)容的載體，是教學(xué)之本。專業(yè)課程應(yīng)選用與合作企業(yè)開發(fā)的教材，并優(yōu)先選用國家規(guī)劃教材。本課程使用的教材是由專業(yè)團(tuán)隊(duì)教師經(jīng)過多年磨煉和修訂自編完成的，已經(jīng)修訂了3次，其中第2版獲評“‘十二五’職業(yè)教育國家規(guī)劃教材”，第3版獲評“‘十三五’職業(yè)教育國家規(guī)劃教材”。為了與企業(yè)要求相適應(yīng)，與國家優(yōu)秀教材建設(shè)要求相適應(yīng)，保證每3年完成一次教材全面修訂任務(wù)。目前，第4版在出版過程中，新修訂的教材以工作過程為導(dǎo)向，以企業(yè)的經(jīng)典網(wǎng)站為項(xiàng)目，將學(xué)生引入前端開發(fā)職業(yè)崗位，再通過完成能力拓展項(xiàng)目及小型實(shí)際商業(yè)網(wǎng)站的開發(fā)制作，使學(xué)生完成從需求分析、整體設(shè)計(jì)、項(xiàng)目創(chuàng)建、網(wǎng)頁設(shè)計(jì)制作、網(wǎng)站調(diào)試、網(wǎng)站推廣到文檔書寫的完整過程。教材重在崗位技能訓(xùn)練，與“1+X”職業(yè)技能證書Web前端開發(fā)（初級）掛鉤，加入大量技能訓(xùn)練題目，學(xué)生學(xué)完可直接考證，為初次就業(yè)打下基礎(chǔ)。在教學(xué)內(nèi)容設(shè)計(jì)中自然融入思政教育，能力拓展部分做成活頁式工作手冊。教材采用二維碼的方式提供相關(guān)內(nèi)容的微課視頻、文檔及網(wǎng)址等參考資源，構(gòu)建了多元立體化項(xiàng)目教材。

（三）推進(jìn)混合式教學(xué)、融入思政教育

教法是高職院?！叭獭备母锏穆窂?，教師、教材改革最終需要通過變革教學(xué)方法和學(xué)生學(xué)習(xí)評價(jià)方式來實(shí)現(xiàn)。教學(xué)方法的選擇需要立足于課程本身，在分析學(xué)生已有知識基礎(chǔ)及現(xiàn)有學(xué)習(xí)能力的基礎(chǔ)上，根據(jù)教材的內(nèi)容與形式，選擇合適的教學(xué)方法，使學(xué)生愛上學(xué)習(xí)、樂于學(xué)習(xí)，培養(yǎng)學(xué)生發(fā)現(xiàn)問題、分析問題、解決問題的能力。本課程校內(nèi)教學(xué)采用線上線下混合式教學(xué)模式，課前教師通過學(xué)習(xí)平臺為學(xué)生推送學(xué)習(xí)資源，在線上組織學(xué)生討論、提問等互動(dòng)活動(dòng)，并在學(xué)習(xí)平臺上監(jiān)控學(xué)生的自主學(xué)習(xí)和互動(dòng)情況，以此確定教學(xué)的重難點(diǎn)；課中教師和學(xué)生可以面對面進(jìn)行線下討論，答疑；課后教師通過學(xué)習(xí)平臺給學(xué)生推送拓展資源，反思進(jìn)一步內(nèi)化學(xué)習(xí)成果，收集并分享學(xué)生的學(xué)習(xí)資料，根據(jù)學(xué)生的反饋情況，準(zhǔn)備下一學(xué)習(xí)主題的教學(xué)準(zhǔn)備。教學(xué)過程中始終以學(xué)生為主體，注重培養(yǎng)學(xué)生團(tuán)結(jié)協(xié)作、知行合一、精益求精、人文情懷、工匠精神等職業(yè)素養(yǎng)。在建設(shè)在線課程過程中，針對校內(nèi)學(xué)生將繼續(xù)推進(jìn)混合式教學(xué)方式，而對于校外學(xué)習(xí)者則增加在線知識、技能視頻，交互式的在線實(shí)操練習(xí)，定期進(jìn)行在線答疑等指導(dǎo)。繼續(xù)探索線下實(shí)操的創(chuàng)設(shè)途徑和考核標(biāo)準(zhǔn)，力求在線課程的理實(shí)一體化能有新的突破。

三、在線課程實(shí)施舉措

為了保障《Web前端技術(shù)基礎(chǔ)》在線課程建設(shè)順利推進(jìn)，課程組從以下三個(gè)方面著手實(shí)施。

（一）設(shè)計(jì)重構(gòu)教學(xué)內(nèi)容，體現(xiàn)實(shí)用性和共享性

根據(jù)當(dāng)前移動(dòng)開發(fā)與Web前端的發(fā)展趨勢，深入企業(yè)調(diào)研，在企業(yè)專家的指導(dǎo)下，立足前端開發(fā)相關(guān)崗位，設(shè)計(jì)重構(gòu)教學(xué)內(nèi)容，選取適合崗位的知識技能點(diǎn)及案例，體現(xiàn)教學(xué)內(nèi)容的實(shí)用性。另外，要從學(xué)習(xí)者的學(xué)情出發(fā)，由淺到深設(shè)計(jì)教學(xué)內(nèi)容，學(xué)習(xí)者可以根據(jù)自身情況，選擇學(xué)習(xí)的內(nèi)容，體現(xiàn)了共享性。課程內(nèi)容分為三個(gè)篇章。第一篇基本技能篇通過制作城市電子名片網(wǎng)頁和愛國科學(xué)家錢學(xué)森先生的個(gè)人介紹頁面，使學(xué)習(xí)者快速掌握網(wǎng)頁制作的基礎(chǔ)知識，包括網(wǎng)頁開發(fā)技術(shù)、網(wǎng)頁制作開發(fā)工具、網(wǎng)站建設(shè)的流程、HTML和CSS的基礎(chǔ)知識；第二篇項(xiàng)目實(shí)戰(zhàn)篇按照網(wǎng)站開發(fā)的一般流程，制作蘇州某智能制造公司官網(wǎng)，包括網(wǎng)站前期策劃、網(wǎng)站開發(fā)準(zhǔn)備、首頁頁面制作、二三級頁面制作、網(wǎng)站測試與發(fā)布、宣傳推廣與維護(hù)以及項(xiàng)目總結(jié)七個(gè)任務(wù)。使學(xué)習(xí)者在鞏固網(wǎng)頁制作技能的同時(shí)，進(jìn)一步掌握HTML5和CSS3的新特性，實(shí)現(xiàn)更復(fù)雜的頁面樣式變化以及一些交互效果。能夠制作有更好的交互性和用戶體驗(yàn)的網(wǎng)頁；第三篇崗位能力強(qiáng)化篇結(jié)合“1+X”的Web前端開發(fā)初級證書考核要求，以任務(wù)為驅(qū)動(dòng)，針對HTML、CSS等Web前端開發(fā)中的重要知識單元，結(jié)合實(shí)際案例和應(yīng)用環(huán)境進(jìn)行分析和設(shè)計(jì)，并對每個(gè)重要知識單元進(jìn)行詳細(xì)的實(shí)現(xiàn)，使學(xué)習(xí)者能夠真正掌握這些知識在實(shí)際場景中的應(yīng)用。

（二）精心制作教學(xué)資源，體現(xiàn)適用性和專業(yè)性

1.多媒體課件和任務(wù)書制作

多媒體課件的制作與使用是為了輔助教師的教學(xué)，必須符合教學(xué)實(shí)際，符合學(xué)生的認(rèn)知規(guī)律，做到前后銜接、邏輯嚴(yán)密，做到重點(diǎn)突出、難點(diǎn)突破，做到層次分明、過渡自然。多媒體課件有生動(dòng)、豐富、即時(shí)反饋等特點(diǎn)，可以激發(fā)學(xué)生的學(xué)習(xí)興趣，提高學(xué)習(xí)效率。本課程根據(jù)教學(xué)內(nèi)容、學(xué)生認(rèn)知規(guī)律和混合式教學(xué)、翻轉(zhuǎn)課堂的教學(xué)模式，共開發(fā)了28個(gè)精美的課件，如圖1所示。

圖1 多媒體課件

為了能讓學(xué)習(xí)者高效完成課堂內(nèi)外的各項(xiàng)訓(xùn)練任務(wù)，課程組還專門制作了配套的任務(wù)書及素材，如圖2所示。能夠清晰引導(dǎo)學(xué)習(xí)者完成任務(wù)，提高學(xué)習(xí)效率。

圖2 任務(wù)書

2.教學(xué)視頻錄制

教學(xué)視頻是［2］在線課程建設(shè)的重要組成部分。教學(xué)視頻因其具有直觀性、動(dòng)態(tài)性、交互性、可重復(fù)性、大信息量等特點(diǎn)，受到學(xué)習(xí)者的青睞，有利于學(xué)習(xí)者快速掌握知識和技能。本課程根據(jù)網(wǎng)站開發(fā)的流程，形成了28個(gè)工作任務(wù)，錄制了28個(gè)任務(wù)實(shí)施教學(xué)視頻。同時(shí)錄制了完成對應(yīng)任務(wù)相關(guān)的知識點(diǎn)和技能點(diǎn)55個(gè)。

3.題庫建設(shè)

題庫建設(shè)也是在線課程建設(shè)很重要的環(huán)節(jié)，學(xué)習(xí)者能夠通過題庫對學(xué)習(xí)內(nèi)容及時(shí)鞏固，并對學(xué)習(xí)效果進(jìn)一步檢驗(yàn)。課程組成員針對每個(gè)工作任務(wù)相關(guān)的知識技能點(diǎn)以及Web前端開發(fā)“1+X”考證要求，設(shè)計(jì)和整理了配套的習(xí)題1000題以上，在每個(gè)任務(wù)結(jié)束的時(shí)候供學(xué)習(xí)者練習(xí)，題型包含單選、多選、判斷、代碼填空等多種類型，可以提高學(xué)習(xí)者分析解決問題的能力，為初級考證奠定理論基礎(chǔ)。另外，針對Web前端開發(fā)“1+X”考證，課程組還設(shè)計(jì)了10套涵蓋初級考證技能點(diǎn)的實(shí)操題，并給出了詳細(xì)的制作過程，便于學(xué)習(xí)者考證練習(xí)。

（三）完善課程評價(jià)方式，體現(xiàn)多元性和公平性

課程考核評價(jià)是在線課程至關(guān)重要的環(huán)節(jié)，本課程采用過程考核和結(jié)果考核并重的考核方法，多環(huán)節(jié)、多維度地考核學(xué)習(xí)者學(xué)習(xí)效果，體現(xiàn)多元性和公平性。在線課程將在中國大學(xué)MOOC上線，可以根據(jù)課程后臺功能，對教學(xué)課件、視頻、作業(yè)、學(xué)習(xí)進(jìn)度、參與情況等量化統(tǒng)計(jì)，第一時(shí)間掌握學(xué)習(xí)者的學(xué)習(xí)情況，記錄學(xué)習(xí)者的學(xué)習(xí)軌跡，達(dá)到對學(xué)習(xí)者進(jìn)行過程性考核的目的。同時(shí)，通過在線題庫理論考試和實(shí)操考試，又可以檢測學(xué)習(xí)者的學(xué)習(xí)效果，形成終結(jié)性考核。課程考核和結(jié)果考核的比例可以根據(jù)學(xué)習(xí)者的情況適當(dāng)調(diào)整，目前采取六比四的方案，更注重學(xué)習(xí)者過程性的學(xué)習(xí)情況。根據(jù)評價(jià)結(jié)果，教師可以及時(shí)調(diào)整教學(xué)內(nèi)容、優(yōu)化教學(xué)方案和評價(jià)體系，不斷提高在線課程的質(zhì)量。

四、總結(jié)

在互聯(lián)網(wǎng)時(shí)代，建設(shè)出適合網(wǎng)絡(luò)傳播和教學(xué)活動(dòng)、內(nèi)容質(zhì)量高、教學(xué)效果好的優(yōu)質(zhì)在線開放課更切合學(xué)生的需求，也大大提高了教學(xué)質(zhì)量。同時(shí)在線課程建設(shè)作為一種新型的信息化教學(xué)手段，可以提高教師的信息化教學(xué)能力。在線課程適合在網(wǎng)絡(luò)上進(jìn)行大范圍的傳播，突破了時(shí)間空間的限制，能夠極大促進(jìn)優(yōu)質(zhì)教學(xué)資源的共享和利用，縮小不同地區(qū)教學(xué)資源不均衡的差距。