疫情背景下《靜態網頁設計》通識課程線上教學實踐與思考

李 勤

（樂山師范學院計算機科學學院，四川 樂山 614004）

1 背景

在全球新冠疫情影響下，2020年春季中國高校不停教不停學，開啟網課教學模式，依托遍布全國的4G網絡，開啟了人類歷史上規模最大，人數最多的網課教學。 在教育部建設雙萬課程的大背景下，這是一次檢驗前期在線課程建設成果的契機，也是在大規模使用中查找不足，改進在線課程建設。 高校教師老、中、青齊上陣，提升教師教育信息化水平，為國分憂，是挑戰，也是機遇。

2 計算機通識課程線上教學的現狀與局限

《靜態網頁設計》課程是樂山師范學院在大一下期開設的計算機通識課。 由于大一上學期開設《大學信息技術基礎》是在超星平臺上進行的線上線下混合式模式教學，同學們已熟悉線上教學，故本期疫情前學生參加線上教學比例為100%。

《靜態網頁設計》主要講授用DreamWeaver 制作靜態網站。全書以“嘉州文化網站”的各網頁建設為主線，講解網站和網頁制作技術。 本課程主要通過實例講解，邊講邊練，完成教學目標。我國目前有中國大學MOOC、愛課程、超星平臺等眾多在線教育平臺，查閱已有的線上教育資源，已有的MOOC 或在線課程難以全程匹配本門課的教學內容[1]。對不能滿足個性化、針對性教學的課程或章節，任課教師自主錄課授課是一種有效的解決方案。

3 線上教學實施

3.1 教學資源準備

為方便教學及與學生溝通，每班建了一個QQ 學習群，將學習委員設為管理員。 教學資料如電子版教材、軟件、軟件安裝視頻、素材、實驗內容、課件等傳到QQ 群共享，供同學們下載使用。 同時，在超星學習通平臺上建課，上傳如PPT、分章節教材等資料，輔助準備教學資源[2]。

3.2 教學形式選擇

因靜態網頁設計課是一門操作性很強的課程，教授用DreamWeaver 軟件制作網頁，除少量PPT 講解外，絕大多數時間是操作演示，故課堂教學主要采用直播。 由于學生在家網絡條件差異大，特別是部分偏遠地區少數民族學生家里時有停電、網絡信號不好等情況，且多數學生有對課堂講解有回放需求，故每次上課的內容均進行了錄制。

3.2.1 直播

直播工具可選擇騰訊會議、QQ 群視頻、超星直播、ZOOM 等。 因本課程是用軟件制作網頁，界面復雜，工具面板眾多，當涉及展示代碼時，代碼字體小。部分同學因條件限制，家中無電腦，只能用智能手機聽課，聽課時有屏幕放大的需求；此外，網絡直播時音、視頻會有不同程度的時延。 綜合考慮以上用戶需求，直播課上主要選用騰訊會議講課，演示時關閉師生視頻以減輕播放時出現的卡頓，教師機全屏共享給學生，講課時的時延在可忽略范圍內，且在需要時學生可在手機屏幕上放大局部細節。

由于有一個班有老撾留學生跟班聽課，留學生在海外無法通過接收手機短信注冊使用騰訊會議軟件，為使海外學生能順利聽課，故此班采用QQ 群視頻進行直播。QQ 群視頻除學生手機端不能放大屏幕外，在時延上依然出色。 若講解代碼時字號過小，學生不易看清時，可采用第三方工具實現對細節的放大。

3.2.2 錄播

（1）錄播工具選擇

超星直播間可在直播時對內容進行全程錄制，但考慮到本課程的特點是邊講邊練，全程錄制內容不緊湊，且所占存儲空間大，故每次課的主要內容采取單獨錄制的方法，對知識點進行錄制，再傳到QQ 群供同學們課后查閱。 錄播軟件可用QQ 進行屏幕錄制，錄制生成MP4 格式文件。 優點是簡單易用，缺點是錄制過程中不能暫停，不能在QQ 中對視頻進行編輯。Camtasia 是一款專業的錄屏軟件，能輕松錄屏、中途可暫停，錄好后可進行編輯，可對屏幕進行縮放、添加注釋、添加字幕等，最后可導出得到MP4 文件。 通過比較，同樣時長的MP4 格式視頻文件，在視頻質量不降低的情況下，Camtasia 軟件制作的視頻文件大小是QQ 制作視頻文件大小的14。

（2）錄播注意事項

由于在家錄課，沒有專業錄音設備和錄音環境，為了減少外界噪音干擾，應盡量使用專用耳機，在安靜的時段比方清晨或深夜錄課。 錄課時應調整情緒，用輕快聲音和積極的情緒錄制，以利于減輕同學們長時間上網課帶來的沉悶感。

3.3 課堂教學

為增加課堂現實感，上課前10 分鐘教師打開QQ群課堂或騰訊會議，布置在學習通上簽到，做好課前準備，打開電子版教材，打開軟件導入站點等。因本課程是在電腦上演示實例，故教師進行直播，全程向學生全屏分享教師屏幕。 在線課堂教學中，因缺乏師生間面對面的交流，所以課堂互動十分必要。 在課堂上需要強調知識點或討論問題時，可即時提問并要求學生打開麥克風回答。 課堂上采用邊講邊練的方式，組織學生實訓練習。 操作中若遇到不會的地方，學生可在騰訊會議或QQ 里語音提問，也可將自己的網頁截屏提問，教師可即時語音答疑，也可以屏幕共享方式操作演示回復，其他同學可同時在線觀看。 為了減輕長時間聽網課帶來的沉悶感與倦怠感，基于學習目標在學習通上設計搶答、選人回答、小組討論、在線互評等互動環節，能調動同學們的學習積極性；在學習通上設計一些課堂測試，布置課后作業，要求同學將做好的網頁通過圖片方式上傳，并上傳相應的文件面板或CSS 面板參數，方便課后作業管理[3]。

3.4 課程考核

考慮到學生的現實情況，本課程考核分兩種方式：對有電腦的學生，在課程開始時布置期末考核方式為交作品，設計一個有主題的網站，利用所學Dream Weaver及圖像處理知識，用表格或DIV 布局，要求將所學知識運用到自己的網站設計中，要講究布局、色彩、美學效果，講究文字和圖片效果、動畫效果，能自主學習新知識并將它們運到自己的網頁設計中；除上交網站外，還需提交一個word 文檔介紹自己網站的設計理念、設計的思路、網站的特色、使用的方法技術、有哪些值得推薦的技術細節等。 對無電腦的學生，安排理論考試，在QQ 群里計時考試。 考試題型設計了單項選擇題、多項選擇題、簡答題及設計題。 在紙上作答后，用手機拍照，以QQ 群作業的方式提交。

4 課堂上的思政教育

在人類文明發展的長河里，這次突如其來的疫情是一個偶然事件，但對每一個具體的人都是一件大事。長時間獨自在家上網課，容易讓學生產生孤單、煩悶、松懈的負面情緒。 任課教師在課堂上的思政教育此時尤為重要。這一代孩子很幸運生在了物質富足的時代，但每個時代都有那個時代的苦難，疫情讓我們明白了要尊重科學、敬畏自然，當代大學生更應從現在做起，努力學習，去探索人類未知的領域。中國的社會主義體制和西方資本主義體制，在政治、經濟、醫療、民主等方面，都各有優劣。 關心世界疫情，以更客觀、開放的心態看世界，能讓同學們感激自己生在和平安全的國家，疫情期間能上網課是國家、社會、學校做了很多部署和努力的結果。按時作息、認真上課、查漏補缺、按自己的大學規劃準備該做的事情，陪伴親人，相信這段時光會成為同學們一生的財富。

5 小結

疫情下的網課已進行一個學期，在老師和學生的共同努力下，可望順利完成。 在線教學是現代教育技術全面深度融入教與學的過程，對于平臺、教師、學校管理、學生而言，都提出了新的課題。 對平臺而言，這是一個測試網課高鋒時段網絡響應情況、提升硬件水平、加快5G 建設，為廣大一線教師提供技術支持并及時得到反饋的機會。 對高校一線教師而言，這是一個提高老、中、青教師整體信息化水平，主動求變，化危為機，面對困境與時代共命運的責任與擔當。 對學校而言，這次疫情提升了教職工整體性息化水平，也提升了高校信息化管理水平，加強了網絡管理平臺建設。 學校多次為教師們提供了網上在線教學培訓，實行每周網絡在線教學運行基礎信息數據上報，啟用了畢業論文管理系統，啟用了網上報帳系統，通過多方努力，提升學校軟實力。對學生而言，線上教學對同學們最大的挑戰提高自律性提升課堂聽課效率、培養自主學習能力以及樹立學習目標做好時間管理。教師的適度監督，課后適量的作業、安靜的學習環境、按時作息、老師在思想上的鼓勵與引導，都有助于學生靜心學習，提高網課質量。

新的困境，為在線教育帶來挑戰，也帶來了新的機遇。 伴隨著5G 的快速發展，建設在線課程、改進教學方法，提升學生學習體驗，高校教師任重而道遠。