基于SPOC的應用類課程教學內容和教學模式改革
——以“網頁設計與制作”課程為例

賈 爽，王愛平

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

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

一、SPOC的定義與發展

SPOC 是 Small Private Online Course 的縮寫［2］，是繼 MOOC（Massive Open Online Course）之后出現的小規模限制性在線課程，學生規模在幾十到幾百之間，只有符合條件的學生才能獲準加入SPOC課程，非常適合高校班級的專業課授課［3］。2012年，美國加州大學伯克利分校阿曼多·福克斯（Armando Fox）教授最先在“云計算與軟件工程”的課程中進行SPOC實踐，隨后推廣到哈佛大學、加州大學伯克利分校、賓漢姆頓大學等高校［4］。2014年，我國開始SPOC的應用實踐。桑新民認為SPOC教學模式是通過MOOC應用于大學課堂中，發展而來的線上線下教學結合的混合學習模式［5］；中南大學曾明星、李桂平等認為 SPOC為學生深度學習提供了可行性支持，將SPOC與高校教學過程融合進行翻轉課堂設計，強調學習者通過學習可達到對知識的深度理解，并且提高解決問題能力和高階思維能力，從而提升高校教學質量［6］。

二、“網頁設計與制作”教學中存在的問題

“網頁設計與制作”是一門應用性較強的課程，要求學生在掌握必要的基礎知識之外，還需要具備一定的實際應用操作能力，需安排一定量的實踐課程，這樣一來，課堂教學的時間就非常緊張了。類似的課程大都是理論教學和實踐教學時間各占一半，實踐教學僅是對碎片的零散的知識進行實踐練習，留給學生消化、深入及靈活運用的時間非常少，且學生自身約束能力弱，課余時間很少會主動學習，學習的時間就僅限于課堂。對比2016、2017級的學生發現，學生在課堂上的練習完成得很好，但到綜合應用或者需要創新的時候，就全都“卡殼”了。另外該課程在教學內容和教學模式方面也存在一定的問題，主要表現在兩個方面：

（一）教學內容存在的問題

首先，教學內容的安排呈散點狀，缺乏一條能夠將知識連起來的線。例如，第一次課一般是讓學生對網頁的構成有個初步的認識，接下來會講解HTML基礎知識、CSS基礎知識等，但網頁是一個整體，它的制作既涉及到HTML又有CSS。當講解HTML標記時，學生課堂上都會使用，但章節結束，進行綜合應用時，學生就會有些吃力了，因為教學內容是散點狀的，缺乏連接和融合性，涉及到綜合應用時學生往往就做不好，導致學生的應用技能較弱，教學效果不甚理想。

其次，教學內容中缺乏典型的實際應用案例，一些實踐練習片面化缺乏連貫性，較少涉及到實際綜合應用。教學內容更新不及時，對較前沿的技術涉及不多。

（二）教學模式存在的問題

由于學校自身的教學條件和課堂時間的限制，“網頁設計與制作”課程的教學模式，還是以傳統的教學模式為主，教師先在機房通過電子教室軟件進行理論講解，然后讓學生上機練習［7］。無法做到真正以學生為主，且項目式教學因為學生自主性較差無法達到預期的效果。課程結束時，學生提交的課程作業質量不高，缺乏創新。隨著高校智慧校園建設的推進，課程教學逐漸趨于網絡化、智慧化，引起了高校的注意。

傳統課堂教學，再借助教學平臺進行網絡輔助教學，對一些課程的開展有著積極的作用，但對側重學生應用技能培養的課程來說，如何利用好網絡，來達到改善和提高教學效果的目的，是個值得探討的問題。

鑒于這種形勢，針對“網頁設計與制作”這門課程，筆者嘗試對教學內容和教學模式進行改革，達到了一定的效果。

三、“網頁設計與制作”SPOC課程教學內容改革

“網頁設計與制作”是大多數高校電子商務、計算機相關專業的專業必修課，是一門注重應用的課程，64學時，教學中除了完成一定量的理論教學外，還要進行實踐環節的教學，教學大綱中理論課時和實踐課時基本是1∶1的比例，教學中需要注重學生自主學習能力和創新應用能力的培養。

SPOC具有人數少、在線注冊、可控學習時間和學習進度、可布置作業等特點［8］。通過對SPOC的研究，筆者對“網頁設計與制作”進行了教學內容改革和構建。

（一）理論教學內容改革

教學內容的設計以一個完整網頁的制作過程為主線，從簡單的頁面到復雜的頁面，從單一的內容到多樣的內容，從靜態的頁面到動態的頁面。學生從簡單的頁面制作開始，逐漸過渡到豐富多樣的、完整的、生動的頁面制作，在頁面內容和形象一點一點的完善和豐滿中，完成整個教學任務。

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

在具體的教學實施中，這些知識單元不是獨立存在的，而是互相關聯的，如“HTML文檔的基本結構”教學中可能包含標簽和CSS知識點。整個教學內容是一個互相關聯的有機體，各知識點都將通過一定的形式串聯起來。

SPOC網絡課程利用超星泛雅教學平臺進行搭建，理論教學內容將以課件、視頻等形式展現，條件允許的話還會開發其他資源，如游戲教學等。

（二）項目案例設計

課程共包括5個教學模塊單元，其中理論課32學時，實踐課32學時。在課堂教學中，教師要完成這些理論知識，再加上一定課時量的實踐，教學任務就較緊張了。同時在授課過程中發現，學生的自主學習能力較差，學習興趣較低，為提高教學效果，采用項目任務驅動法進行教學。

具體實施中，為了較好地通過項目案例將教學知識點貫徹連接起來，將所有的知識模塊進行整合設計成11個項目案例，見圖1。上課前，布置自學任務，課堂重點放在這些項目任務的執行上。

圖1 項目案例設計

四、教學模式的改革

（一）線上線下混合教學模式實施改革

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

（二）SPOC初步實驗和推廣情況

利用SPOC輔助課堂教學，是否可以提高學生的積極性和教學效果？為此課程團隊，在超星泛雅平臺創建了“網頁設計與制作”網絡課程，并于2017年9月投入使用。初步授課實驗班級人數為18人，校內開放，課程資源主要是課件、視頻和其他文字資料。經過一個學期的實驗，同學們對這種教學模式的接受程度較高，課程點擊率累計3萬，見圖2。

圖2 “網頁設計與制作”課程創建時間和訪問量

教學過程中，將SPOC教學模式和傳統課堂教學相結合，學生通過SPOC進行課前預習和課后鞏固，課堂上可以進行線上分組討論等，使得每個學生都可積極地參與進來，提高了學生的學習興趣。通過批改學生的作業情況，教學效果得到了一定的提高。圖3為某兩周的訪問次數統計截圖，經統計發現，學生每次上課前后訪問量在4次左右。

圖3 兩周的課程學習訪問統計

五、教學內容與教學模式改革的成效

由于課程改革還處于實驗的初期，建設時間倉促，課程資源、項目案例、作業設計等設計較粗糙，同時課堂教學設計也存在一些不足，例如學生的線上活動安排較少，小組協作也有待改進。為此課程教學團隊，在總結經驗的基礎上，于2018年10月底，以“網頁設計與制作”的后續課程“Web頁面設計語言（JavaScript+jquery）”為例，進行經驗推廣。期待通過第二次實驗，進一步探索SPOC教學模式在優化教學內容、完善教學資源、提高教學效果和激發學生學習興趣方面值得借鑒的地方。

經過一個多月的實驗，截止到2018年12月12日，課程網站訪問量累計超過10萬。部分同學還對這種教學模式進行評價，他們認為“課程內容很充實，有學習價值，教學過程很有趣，吸引人，教師積極參與交流和互動，課程很合理，形式豐富”，“這門課講的內容非常詳細并且針對性很強，可以拓展很多知識面，課程設計非常合理，我覺得我學會了很多專業性東西”，“課程拓展性強，強調自主學習”等。

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

通過分析實驗數據，筆者發現線上線下混合教學模式，對提高教學效果起到了積極的作用。因為是初步探索，在實施的過程中，還存在一些不足。例如線上和線下任務分工不夠明確，導致課堂時間內無法徹底完成項目任務；課前準備不夠充分，項目小組在協作過程中，突發狀況較多等。

六、結語

課程團隊借助超星泛雅教學平臺創建了“網頁設計與制作”SPOC網絡課程，進行教學內容和教學模式的創新改革，通過統計數據分析，SPOC網絡課程在培養學生自主學習能力、提高學生學習興趣、培養學學生創新應用能力等方面，起到了積極作用。在此基礎上，根據學情和人才培養要求，改革了“網頁設計與制作”SPOC網絡課程教學內容，利用線上線下混合教學模式，配合翻轉課堂，結合項目案例，將整個教學內容整合成一個有機的整體，充分利用移動學習的優勢，拓展課外課堂，將學生的課前預習、課堂學習和課后總結連成一體，達到提高教學效果的目的。