疫情下《Web 前端開發》線上課程建設與教學實施＊

劉 穎

（遼寧金融職業學院，遼寧 沈陽 110122）

“停課不停教、停課不停學”既是疫情下的應急之舉，也是“互聯網+教育”的重要成果應用展示[1]。《Web 前端開發》 課程在該形勢下建立了線上教學平臺，并實施了教學。

1 線上課程建設平臺選擇

開展線上教學之前，首先要選擇一個優秀的平臺。在準備線上開課前，學習了由超星教師發展中心開發的《信息化教學能力提升培訓》線上培訓課程，課程中介紹了《“停課不停學”線上教學實踐--利用“一平三端”實現在線教學》《我在武漢直播培訓——基于“一平三端”的備課、建課、用課、學課、管課》《六步網絡教學法》等，重點研究了超星泛雅網絡教學平臺。該平臺是超星公司推出的一個產品，可幫助教師完成教學的智能化，因此決定在超星泛雅網絡教學平臺上建設《Web 前端開發》課程。

超星泛雅網絡教學平臺有如下優勢：

（1）建課方便靈活。線上課程建設快捷方便，按照超星平臺建課步驟，依次建設課程及課程章節，在章節中可以添加PPT、視頻等教學資源。也可以通過已有的示范教學包查找合適的課程內容來更快捷的建課。

（2）課前預習方便可查。教師可把課程需要自學的內容提前發布到網上，并設置任務點，學生在課前通過手機、電腦均可學習，完成學生的自主學習，老師可通過任務點完成情況掌握學生們的預習情況。

（3）課堂互動測試靈活。課堂中可通過超星平臺發布簽到、通知、提問、測試等互動活動。

（4）課后考核及時方便。課后可發布調查問卷、測試題等檢查學生課程學習情況。同時測試題豐富多樣，有單選、多選、判斷、簡答等多種主觀和客觀題型。

（5）教學統計清晰便捷。在統計欄目下可以隨時查看學生的課堂表現，章節學習次數、教學預警、成績管理、課程積分等數據來掌握學生的學習情況。

2 線上課程設計

2.1 教學目標設計

教學目標是教與學的重要基礎，只有明確了教學目標教師才能很好的開展教學活動，學生才能更清晰的掌握所學內容。《Web 前端開發》課程是信息工程學院信息安全與管理專業開設的一門專業課，課程的教學目標見表1。

表1 課程教學目標

續表1

2.2 教學內容設計

教學內容在設計時，既要考慮易于學生學習，又要結合學生實際，因為疫情期間，涌現出了很多戰疫英雄和感人事跡，因此教學設計適當融入思政內容，對學生也有很好的激勵作用[2-3]。《Web 前端開發》課程實踐性強，為了確保達到預期的教學目標，教學內容設計中考慮運用案例教學法，即在教學內容設計中首先要有吸引學生的案例，其次在案例中要能將知識目標貫穿其中，而且還要注重培養學生的開發興趣。經過給學生發放問卷、教學團隊研討、結合課程目標，《Web 前端開發》課程具體教學內容設計見表2。

表2 《Web 前端開發》課程教學內容設計

2.3 課程考核設計

疫情時期，不能實時看到學生的學習狀態，為了達到更好的教學效果，課程考核分為過程性考核和總結性考核兩個方面。由于是疫情期間線上學習，因此更側重課程的過程性考核，用于激發學生的學習主動性和學習積極性[4]，過程性考核包括學生線上自主學習、章節測試和課堂表現，結果性考核以期末考試為主。過程性考核占65%，結果性考核占35%。

3 線上課程的建設

在超星泛雅平臺建設課程，可以在手機端學習通APP 平臺，也可以在電腦端。本門課程是在電腦端建設的，首先用帳號登錄超星泛雅平臺，然后選擇加號來新建課程。

3.1 新建課程

在圖1 中輸入課程名稱等基本信息，然后單擊下一步，在下一個頁面中選擇課程圖片，然后單擊保存，然后進入下一個選擇是否自動生成章節頁面，選擇不自動生成章節，再單擊保存，即完成了《Web 前端開發》課程建設的第一步。

圖1 線上課程電腦端建設

3.2 編輯課程內容

在生成的課程頁面，單擊編輯按鈕，可完成課程內容的編輯。如圖2 所示。

圖2 課程內容編輯

按照設計好的課程內容，依次輸入課程內容標題。然后在章節下的子標題里添加教學內容。教學內容要提前準備好，包括文本、圖片資料、PPT 課件資料、微課視頻資料等等。

本課程共設置六個章節7 個案例。

3.3 課程班級建立

在《Web 前端開發》課程開始授課前，需要將上課班級添加到該課程下，建立好上課班級。可以先通過電腦端建立課程班級，然后指導學生在手機上安裝學習通APP 并通過掃碼進入班級，進入課程班級后，給學生發送學習通使用指南，讓學生盡快掌握學習通上學習的方法。

4 教學實施

教學內容設計完成，并將教學資源發布到課程網站中，接下來開展教學實施過程。教學實施采用“課前學習引導+學生自主學習+在線集中授課+課后作業”的方式開展。

4.1 課前學習引導

每次課前教師通過超星泛雅平臺發布通知，提醒同學們完成課前學習任務單中的學習任務，并規定學習時間，要求在限定時間內按時完成。課前學習任務單中清晰的標明學習內容，這些學習內容均是在建設課程時設置好的任務點，也可是隨著課程的進行，教師隨時添加的一些內容。為了檢驗學生完成的情況，針對重難點知識設置章節測驗，然后在統計中分析學生的掌握情況和學習情況，以備在集中授課時進行有針對性的講解。教師也能隨時通過學習通的對話功能解答學生在學習過程中遇到的問題。

4.2 學生自主學習

學生接收到通知，可在學習通APP 中打開課前學習任務單，完成課前各項基礎知識的學習，包括文檔、視頻等任務點。學習后完成課前章節測試。學生隨時通過學習通的群聊或者會話功能對學習中遇到的問題進行提問。

4.3 在線集中授課

教師利用學生自主學習情況和測試及反饋情況，組織課堂內容。制作教學課件，有針對性的調整課堂學習活動，知識點充分傳遞給學生，學生完成內化吸收。

在線集中授課過程中，教師在手機學習通APP上進入《Web 前端 開發》課程，在底部單擊開啟“投屏”功能。然后在電腦端打開投屏，在投屏上隨著課程內容的傳遞，同時開啟各活動環節，比如“搶答”“測試”“選人”“問卷”等互動活動，這樣既可以激發學生興趣，又活躍了線上學習氣氛，引導學生一直跟隨老師的授課思路進行學習，沒有老師監管的情況下，不溜號，實時在線。

學生在教師授課過程中，可隨時在手機端或者線上課堂中提問，老師能及時查看到并給與回復。比如教師給學生發布測試題，可以隨時查看學生的完成人數，做錯題的情況，在投屏中對問題進行有針對性的講解。

4.4 課后作業

課后作業有助于加深學生對所學知識的掌握，是課堂學習的有效補充，達到知識的徹底掌握和內化。以第一章為例，課后作業為完成案例“致最可愛的人頁面制作”。作業中同學們充分發揮創造力，運用所學知識，將心中的最可愛的人設計到網頁中。教師通過學習通或者電腦端“作業”欄目查看學生完成的作業及已交和未交名單。圖3 為部分同學的第一次作業。

圖3 《Web 前端開發》課后作業展示

5 課程實施反思

《Web 前端開發》課程在疫情期間，使用了超星泛雅網絡教學平臺，通過平臺統計功能，綜合分析學生在疫情下的線上學習效果非常好，教師和學生雙雙受益。

5.1 教學設計很重要

教學開展的效果和學生的學習效果重點是教學內容的設計。線上課程并不是簡單的將課程內容發布到網上，而要考慮課程特點和學生的實際情況。設計的內容既要包含教學目標中的全部內容，又要讓學生有學習的積極性，而且還要有監督和管理、考核機制。

5.2 教學過程得到了優化

超星泛雅網絡教學平臺的使用提升了教學效果。《Web 前端開發》課程在教學過程中，教師在平臺上發布任務，設置課前測試，章節測試、課后作業，并設置完成時間，查看任務點完成情況，教師發布的客觀測試題可自動出成績，對成績進行統計，隨時供教師掌握學生的學習情況和完成任務情況，而且還可方便教師及時解答學生問題，極大的減輕了教師負擔，提高了教學的靈活性，培養了學生主動學習的能力。

5.3 課程的過程性考核更清晰

超星泛雅網絡教學平臺的應用，讓過程性考核得以清晰的實現，學生的學習效果和學習過程能清晰的反映出來，對學習情況的反饋學生能及時的查看到。《Web 前端開發》課程線上課程平臺的使用，對疫情期間線上學習無法監控學生的學習過程，監管不及時的問題，以及對學生問題不能及時回復等都得到了很好的解決。

5.4 鍛煉了學生自主學習能力

《Web 前端開發》課程在平臺上教師可及時提醒同學任務完成情況，學生收到教師的提示，自己學習平臺上的任務點內容，教師對一些實踐操作給予指導，更多的讓學生自己完成并上交作業，學生在這一過程中，自主學習能力得到鍛煉和提高。

5.5 為疫情后課程的混合教學提供了依據

在超星泛雅網絡教學平臺上建設《Web 前端開發》線上課程，豐富的課前資源、靈活有趣的課堂互動，過程性學習的記錄統計，讓本門課程的教學呈現形式豐富多樣。這一過程打破了傳統教學的資源單一、形式填鴨，交流評價不及時等問題。教師在吸收了疫情期間教學的經驗，疫情后，將這種形式沿用，將線上課程平臺學習與線下課堂教學結合，有效的實現了線上線下混合教學模式，改變了傳統教學模式，提高了教學效果，培養了學生自主學習能力，對《Web 前端開發》課程的教學改革起到了推進作用。