賈 爽，王愛(ài)平

（亳州學(xué)院 電子與信息工程系，安徽 亳州236800）

2017年1月《國(guó)家教育事業(yè)發(fā)展“十三五”規(guī)劃》提出要積極發(fā)展“互聯(lián)網(wǎng)+教育”，要加快完善制度環(huán)境，進(jìn)一步改善基礎(chǔ)條件，全力推動(dòng)信息技術(shù)與教育教學(xué)深度融合，推進(jìn)優(yōu)質(zhì)教育資源共建共享［1］。大數(shù)據(jù)、云計(jì)算、人工智能技術(shù)的迅速發(fā)展，進(jìn)一步推進(jìn)了高校智慧校園建設(shè)，一些學(xué)校引進(jìn)了超星泛雅教學(xué)平臺(tái)，完成了課程資源的初步建設(shè)，但在課程的實(shí)施過(guò)程中，存在一些問(wèn)題。例如學(xué)生學(xué)習(xí)積極性差，教學(xué)內(nèi)容的設(shè)計(jì)無(wú)法滿足應(yīng)用型本科學(xué)校人才培養(yǎng)的需求等，筆者將探討線上線下混合教學(xué)模式下基于SPOC的“網(wǎng)頁(yè)設(shè)計(jì)與制作”課程教學(xué)內(nèi)容和教學(xué)模式的改革研究。

一、SPOC的定義與發(fā)展

SPOC 是 Small Private Online Course 的縮寫(xiě)［2］，是繼 MOOC（Massive Open Online Course）之后出現(xiàn)的小規(guī)模限制性在線課程，學(xué)生規(guī)模在幾十到幾百之間，只有符合條件的學(xué)生才能獲準(zhǔn)加入SPOC課程，非常適合高校班級(jí)的專業(yè)課授課［3］。2012年，美國(guó)加州大學(xué)伯克利分校阿曼多·?？怂梗ˋrmando Fox）教授最先在“云計(jì)算與軟件工程”的課程中進(jìn)行SPOC實(shí)踐，隨后推廣到哈佛大學(xué)、加州大學(xué)伯克利分校、賓漢姆頓大學(xué)等高校［4］。2014年，我國(guó)開(kāi)始SPOC的應(yīng)用實(shí)踐。桑新民認(rèn)為SPOC教學(xué)模式是通過(guò)MOOC應(yīng)用于大學(xué)課堂中，發(fā)展而來(lái)的線上線下教學(xué)結(jié)合的混合學(xué)習(xí)模式［5］；中南大學(xué)曾明星、李桂平等認(rèn)為 SPOC為學(xué)生深度學(xué)習(xí)提供了可行性支持，將SPOC與高校教學(xué)過(guò)程融合進(jìn)行翻轉(zhuǎn)課堂設(shè)計(jì)，強(qiáng)調(diào)學(xué)習(xí)者通過(guò)學(xué)習(xí)可達(dá)到對(duì)知識(shí)的深度理解，并且提高解決問(wèn)題能力和高階思維能力，從而提升高校教學(xué)質(zhì)量［6］。

二、“網(wǎng)頁(yè)設(shè)計(jì)與制作”教學(xué)中存在的問(wèn)題

“網(wǎng)頁(yè)設(shè)計(jì)與制作”是一門(mén)應(yīng)用性較強(qiáng)的課程，要求學(xué)生在掌握必要的基礎(chǔ)知識(shí)之外，還需要具備一定的實(shí)際應(yīng)用操作能力，需安排一定量的實(shí)踐課程，這樣一來(lái)，課堂教學(xué)的時(shí)間就非常緊張了。類似的課程大都是理論教學(xué)和實(shí)踐教學(xué)時(shí)間各占一半，實(shí)踐教學(xué)僅是對(duì)碎片的零散的知識(shí)進(jìn)行實(shí)踐練習(xí)，留給學(xué)生消化、深入及靈活運(yùn)用的時(shí)間非常少，且學(xué)生自身約束能力弱，課余時(shí)間很少會(huì)主動(dòng)學(xué)習(xí)，學(xué)習(xí)的時(shí)間就僅限于課堂。對(duì)比2016、2017級(jí)的學(xué)生發(fā)現(xiàn)，學(xué)生在課堂上的練習(xí)完成得很好，但到綜合應(yīng)用或者需要?jiǎng)?chuàng)新的時(shí)候，就全都“卡殼”了。另外該課程在教學(xué)內(nèi)容和教學(xué)模式方面也存在一定的問(wèn)題，主要表現(xiàn)在兩個(gè)方面：

（一）教學(xué)內(nèi)容存在的問(wèn)題

首先，教學(xué)內(nèi)容的安排呈散點(diǎn)狀，缺乏一條能夠?qū)⒅R(shí)連起來(lái)的線。例如，第一次課一般是讓學(xué)生對(duì)網(wǎng)頁(yè)的構(gòu)成有個(gè)初步的認(rèn)識(shí)，接下來(lái)會(huì)講解HTML基礎(chǔ)知識(shí)、CSS基礎(chǔ)知識(shí)等，但網(wǎng)頁(yè)是一個(gè)整體，它的制作既涉及到HTML又有CSS。當(dāng)講解HTML標(biāo)記時(shí)，學(xué)生課堂上都會(huì)使用，但章節(jié)結(jié)束，進(jìn)行綜合應(yīng)用時(shí)，學(xué)生就會(huì)有些吃力了，因?yàn)榻虒W(xué)內(nèi)容是散點(diǎn)狀的，缺乏連接和融合性，涉及到綜合應(yīng)用時(shí)學(xué)生往往就做不好，導(dǎo)致學(xué)生的應(yīng)用技能較弱，教學(xué)效果不甚理想。

其次，教學(xué)內(nèi)容中缺乏典型的實(shí)際應(yīng)用案例，一些實(shí)踐練習(xí)片面化缺乏連貫性，較少涉及到實(shí)際綜合應(yīng)用。教學(xué)內(nèi)容更新不及時(shí)，對(duì)較前沿的技術(shù)涉及不多。

（二）教學(xué)模式存在的問(wèn)題

由于學(xué)校自身的教學(xué)條件和課堂時(shí)間的限制，“網(wǎng)頁(yè)設(shè)計(jì)與制作”課程的教學(xué)模式，還是以傳統(tǒng)的教學(xué)模式為主，教師先在機(jī)房通過(guò)電子教室軟件進(jìn)行理論講解，然后讓學(xué)生上機(jī)練習(xí)［7］。無(wú)法做到真正以學(xué)生為主，且項(xiàng)目式教學(xué)因?yàn)閷W(xué)生自主性較差無(wú)法達(dá)到預(yù)期的效果。課程結(jié)束時(shí)，學(xué)生提交的課程作業(yè)質(zhì)量不高，缺乏創(chuàng)新。隨著高校智慧校園建設(shè)的推進(jìn)，課程教學(xué)逐漸趨于網(wǎng)絡(luò)化、智慧化，引起了高校的注意。

傳統(tǒng)課堂教學(xué)，再借助教學(xué)平臺(tái)進(jìn)行網(wǎng)絡(luò)輔助教學(xué)，對(duì)一些課程的開(kāi)展有著積極的作用，但對(duì)側(cè)重學(xué)生應(yīng)用技能培養(yǎng)的課程來(lái)說(shuō)，如何利用好網(wǎng)絡(luò)，來(lái)達(dá)到改善和提高教學(xué)效果的目的，是個(gè)值得探討的問(wèn)題。

鑒于這種形勢(shì)，針對(duì)“網(wǎng)頁(yè)設(shè)計(jì)與制作”這門(mén)課程，筆者嘗試對(duì)教學(xué)內(nèi)容和教學(xué)模式進(jìn)行改革，達(dá)到了一定的效果。

三、“網(wǎng)頁(yè)設(shè)計(jì)與制作”SPOC課程教學(xué)內(nèi)容改革

“網(wǎng)頁(yè)設(shè)計(jì)與制作”是大多數(shù)高校電子商務(wù)、計(jì)算機(jī)相關(guān)專業(yè)的專業(yè)必修課，是一門(mén)注重應(yīng)用的課程，64學(xué)時(shí)，教學(xué)中除了完成一定量的理論教學(xué)外，還要進(jìn)行實(shí)踐環(huán)節(jié)的教學(xué)，教學(xué)大綱中理論課時(shí)和實(shí)踐課時(shí)基本是1∶1的比例，教學(xué)中需要注重學(xué)生自主學(xué)習(xí)能力和創(chuàng)新應(yīng)用能力的培養(yǎng)。

SPOC具有人數(shù)少、在線注冊(cè)、可控學(xué)習(xí)時(shí)間和學(xué)習(xí)進(jìn)度、可布置作業(yè)等特點(diǎn)［8］。通過(guò)對(duì)SPOC的研究，筆者對(duì)“網(wǎng)頁(yè)設(shè)計(jì)與制作”進(jìn)行了教學(xué)內(nèi)容改革和構(gòu)建。

（一）理論教學(xué)內(nèi)容改革

教學(xué)內(nèi)容的設(shè)計(jì)以一個(gè)完整網(wǎng)頁(yè)的制作過(guò)程為主線，從簡(jiǎn)單的頁(yè)面到復(fù)雜的頁(yè)面，從單一的內(nèi)容到多樣的內(nèi)容，從靜態(tài)的頁(yè)面到動(dòng)態(tài)的頁(yè)面。學(xué)生從簡(jiǎn)單的頁(yè)面制作開(kāi)始，逐漸過(guò)渡到豐富多樣的、完整的、生動(dòng)的頁(yè)面制作，在頁(yè)面內(nèi)容和形象一點(diǎn)一點(diǎn)的完善和豐滿中，完成整個(gè)教學(xué)任務(wù)。

結(jié)合教學(xué)大綱，將理論教學(xué)內(nèi)容分成HTML、CSS、HTML 5、CSS 3 和 JavaScript五個(gè)教學(xué)模塊單元，每個(gè)模塊單元包含若干小知識(shí)單元。HTML模塊單元包括HTML文檔的基本結(jié)構(gòu)、標(biāo)簽和標(biāo)簽屬性、圖片、表格、列表、超鏈接和表單等7個(gè)知識(shí)模塊；CSS模塊包括HTML文件中引用CSS的方式、CSS選擇器、CSS常見(jiàn)屬性、盒子模型以及DIV+CSS布局等5個(gè)知識(shí)單元；HTML5模塊單元包括HTML5結(jié)構(gòu)標(biāo)簽、新增標(biāo)簽2個(gè)知識(shí)單元；CSS3模塊單元包括文字修飾、背景修飾、圖片修飾以及動(dòng)畫(huà)的制作4個(gè)知識(shí)單元；JavaScript模塊單元包括HTML中引用JavaScript的方式、JavaScript的基本語(yǔ)法2個(gè)知識(shí)單元。

在具體的教學(xué)實(shí)施中，這些知識(shí)單元不是獨(dú)立存在的，而是互相關(guān)聯(lián)的，如“HTML文檔的基本結(jié)構(gòu)”教學(xué)中可能包含標(biāo)簽和CSS知識(shí)點(diǎn)。整個(gè)教學(xué)內(nèi)容是一個(gè)互相關(guān)聯(lián)的有機(jī)體，各知識(shí)點(diǎn)都將通過(guò)一定的形式串聯(lián)起來(lái)。

SPOC網(wǎng)絡(luò)課程利用超星泛雅教學(xué)平臺(tái)進(jìn)行搭建，理論教學(xué)內(nèi)容將以課件、視頻等形式展現(xiàn)，條件允許的話還會(huì)開(kāi)發(fā)其他資源，如游戲教學(xué)等。

（二）項(xiàng)目案例設(shè)計(jì)

課程共包括5個(gè)教學(xué)模塊單元，其中理論課32學(xué)時(shí)，實(shí)踐課32學(xué)時(shí)。在課堂教學(xué)中，教師要完成這些理論知識(shí)，再加上一定課時(shí)量的實(shí)踐，教學(xué)任務(wù)就較緊張了。同時(shí)在授課過(guò)程中發(fā)現(xiàn)，學(xué)生的自主學(xué)習(xí)能力較差，學(xué)習(xí)興趣較低，為提高教學(xué)效果，采用項(xiàng)目任務(wù)驅(qū)動(dòng)法進(jìn)行教學(xué)。

具體實(shí)施中，為了較好地通過(guò)項(xiàng)目案例將教學(xué)知識(shí)點(diǎn)貫徹連接起來(lái)，將所有的知識(shí)模塊進(jìn)行整合設(shè)計(jì)成11個(gè)項(xiàng)目案例，見(jiàn)圖1。上課前，布置自學(xué)任務(wù)，課堂重點(diǎn)放在這些項(xiàng)目任務(wù)的執(zhí)行上。

圖1 項(xiàng)目案例設(shè)計(jì)

四、教學(xué)模式的改革

（一）線上線下混合教學(xué)模式實(shí)施改革

為了達(dá)到更好的教學(xué)效果，提高學(xué)生自主學(xué)習(xí)能力，筆者對(duì)“網(wǎng)頁(yè)設(shè)計(jì)與制作”SPOC網(wǎng)絡(luò)課程教學(xué)模式進(jìn)行了改革。參考翻轉(zhuǎn)課堂，將教學(xué)過(guò)程分成三個(gè)階段：課前、課堂和課后。每個(gè)階段均設(shè)計(jì)了對(duì)應(yīng)的任務(wù)，以推動(dòng)教學(xué)的進(jìn)行。課前將理論教學(xué)內(nèi)容利用視頻、課件等多種形式推送給學(xué)生，力求課程資源生動(dòng)有吸引力，激發(fā)學(xué)生的學(xué)習(xí)興趣，同時(shí)也會(huì)添加一些實(shí)踐小任務(wù)以鞏固和提升知識(shí)的理解和掌握程度。課堂上，主要是進(jìn)行小組協(xié)作完成課堂項(xiàng)目任務(wù)。實(shí)施過(guò)程中，小組內(nèi)部以及小組之間可以進(jìn)行線下和線上的討論交流。課后，各小組進(jìn)行項(xiàng)目成果展示，同時(shí)將項(xiàng)目實(shí)施過(guò)程中遇到的問(wèn)題發(fā)布到課程網(wǎng)站上進(jìn)行討論和總結(jié)。

（二）SPOC初步實(shí)驗(yàn)和推廣情況

利用SPOC輔助課堂教學(xué)，是否可以提高學(xué)生的積極性和教學(xué)效果？為此課程團(tuán)隊(duì)，在超星泛雅平臺(tái)創(chuàng)建了“網(wǎng)頁(yè)設(shè)計(jì)與制作”網(wǎng)絡(luò)課程，并于2017年9月投入使用。初步授課實(shí)驗(yàn)班級(jí)人數(shù)為18人，校內(nèi)開(kāi)放，課程資源主要是課件、視頻和其他文字資料。經(jīng)過(guò)一個(gè)學(xué)期的實(shí)驗(yàn)，同學(xué)們對(duì)這種教學(xué)模式的接受程度較高，課程點(diǎn)擊率累計(jì)3萬(wàn)，見(jiàn)圖2。

圖2 “網(wǎng)頁(yè)設(shè)計(jì)與制作”課程創(chuàng)建時(shí)間和訪問(wèn)量

教學(xué)過(guò)程中，將SPOC教學(xué)模式和傳統(tǒng)課堂教學(xué)相結(jié)合，學(xué)生通過(guò)SPOC進(jìn)行課前預(yù)習(xí)和課后鞏固，課堂上可以進(jìn)行線上分組討論等，使得每個(gè)學(xué)生都可積極地參與進(jìn)來(lái)，提高了學(xué)生的學(xué)習(xí)興趣。通過(guò)批改學(xué)生的作業(yè)情況，教學(xué)效果得到了一定的提高。圖3為某兩周的訪問(wèn)次數(shù)統(tǒng)計(jì)截圖，經(jīng)統(tǒng)計(jì)發(fā)現(xiàn)，學(xué)生每次上課前后訪問(wèn)量在4次左右。

圖3 兩周的課程學(xué)習(xí)訪問(wèn)統(tǒng)計(jì)

五、教學(xué)內(nèi)容與教學(xué)模式改革的成效

由于課程改革還處于實(shí)驗(yàn)的初期，建設(shè)時(shí)間倉(cāng)促，課程資源、項(xiàng)目案例、作業(yè)設(shè)計(jì)等設(shè)計(jì)較粗糙，同時(shí)課堂教學(xué)設(shè)計(jì)也存在一些不足，例如學(xué)生的線上活動(dòng)安排較少，小組協(xié)作也有待改進(jìn)。為此課程教學(xué)團(tuán)隊(duì)，在總結(jié)經(jīng)驗(yàn)的基礎(chǔ)上，于2018年10月底，以“網(wǎng)頁(yè)設(shè)計(jì)與制作”的后續(xù)課程“Web頁(yè)面設(shè)計(jì)語(yǔ)言（JavaScript+jquery）”為例，進(jìn)行經(jīng)驗(yàn)推廣。期待通過(guò)第二次實(shí)驗(yàn)，進(jìn)一步探索SPOC教學(xué)模式在優(yōu)化教學(xué)內(nèi)容、完善教學(xué)資源、提高教學(xué)效果和激發(fā)學(xué)生學(xué)習(xí)興趣方面值得借鑒的地方。

經(jīng)過(guò)一個(gè)多月的實(shí)驗(yàn)，截止到2018年12月12日，課程網(wǎng)站訪問(wèn)量累計(jì)超過(guò)10萬(wàn)。部分同學(xué)還對(duì)這種教學(xué)模式進(jìn)行評(píng)價(jià)，他們認(rèn)為“課程內(nèi)容很充實(shí)，有學(xué)習(xí)價(jià)值，教學(xué)過(guò)程很有趣，吸引人，教師積極參與交流和互動(dòng)，課程很合理，形式豐富”，“這門(mén)課講的內(nèi)容非常詳細(xì)并且針對(duì)性很強(qiáng)，可以拓展很多知識(shí)面，課程設(shè)計(jì)非常合理，我覺(jué)得我學(xué)會(huì)了很多專業(yè)性東西”，“課程拓展性強(qiáng)，強(qiáng)調(diào)自主學(xué)習(xí)”等。

課程評(píng)價(jià)中，學(xué)生主要從課程設(shè)計(jì)等方面進(jìn)行了評(píng)價(jià)，從評(píng)價(jià)情況來(lái)看，學(xué)生能接受，也較喜歡這種教學(xué)模式。學(xué)習(xí)訪問(wèn)統(tǒng)計(jì)只截取了某兩周的數(shù)據(jù)，從圖3可以看出每周有兩個(gè)峰值，基本是在上課時(shí)間附近，說(shuō)明學(xué)生課前、課堂上和課后訪問(wèn)比較頻繁，也說(shuō)明了教學(xué)改革獲得了一定的成效。課程的成績(jī)考核，形式多樣，包括章節(jié)測(cè)驗(yàn)、課程視頻、討論和作業(yè)等，能夠隨時(shí)記錄學(xué)生的學(xué)習(xí)情況。對(duì)比多種類型的教學(xué)資源，筆者發(fā)現(xiàn)PDF、教學(xué)課件等教學(xué)資源沒(méi)有視頻類的教學(xué)資源受學(xué)生的喜歡。因此在后期的SPOC教學(xué)內(nèi)容的設(shè)計(jì)中，將會(huì)增加更多視頻資源，同時(shí)也會(huì)考慮加入一些其他類型資源等。

通過(guò)分析實(shí)驗(yàn)數(shù)據(jù)，筆者發(fā)現(xiàn)線上線下混合教學(xué)模式，對(duì)提高教學(xué)效果起到了積極的作用。因?yàn)槭浅醪教剿?，在?shí)施的過(guò)程中，還存在一些不足。例如線上和線下任務(wù)分工不夠明確，導(dǎo)致課堂時(shí)間內(nèi)無(wú)法徹底完成項(xiàng)目任務(wù)；課前準(zhǔn)備不夠充分，項(xiàng)目小組在協(xié)作過(guò)程中，突發(fā)狀況較多等。

六、結(jié)語(yǔ)

課程團(tuán)隊(duì)借助超星泛雅教學(xué)平臺(tái)創(chuàng)建了“網(wǎng)頁(yè)設(shè)計(jì)與制作”SPOC網(wǎng)絡(luò)課程，進(jìn)行教學(xué)內(nèi)容和教學(xué)模式的創(chuàng)新改革，通過(guò)統(tǒng)計(jì)數(shù)據(jù)分析，SPOC網(wǎng)絡(luò)課程在培養(yǎng)學(xué)生自主學(xué)習(xí)能力、提高學(xué)生學(xué)習(xí)興趣、培養(yǎng)學(xué)學(xué)生創(chuàng)新應(yīng)用能力等方面，起到了積極作用。在此基礎(chǔ)上，根據(jù)學(xué)情和人才培養(yǎng)要求，改革了“網(wǎng)頁(yè)設(shè)計(jì)與制作”SPOC網(wǎng)絡(luò)課程教學(xué)內(nèi)容，利用線上線下混合教學(xué)模式，配合翻轉(zhuǎn)課堂，結(jié)合項(xiàng)目案例，將整個(gè)教學(xué)內(nèi)容整合成一個(gè)有機(jī)的整體，充分利用移動(dòng)學(xué)習(xí)的優(yōu)勢(shì)，拓展課外課堂，將學(xué)生的課前預(yù)習(xí)、課堂學(xué)習(xí)和課后總結(jié)連成一體，達(dá)到提高教學(xué)效果的目的。