摘? 要：隨著網(wǎng)絡(luò)和現(xiàn)代教育技術(shù)的發(fā)展，網(wǎng)絡(luò)教學(xué)平臺和網(wǎng)絡(luò)課堂受重視的程度顯著提高，線上教學(xué)通過網(wǎng)絡(luò)教學(xué)平臺將教學(xué)資源共享給學(xué)生，使教學(xué)突破時空限制，學(xué)生可以有針對性地學(xué)習不同的知識點和內(nèi)容，促進學(xué)生的個性化發(fā)展。該課程通過超星學(xué)習通教學(xué)平臺進行資源的共享和課堂的互動，將傳統(tǒng)課堂與線上教學(xué)形成優(yōu)勢互補，提高教學(xué)效率，改善教學(xué)效果。

關(guān)鍵詞：專創(chuàng)融合;混合式教學(xué)方法;學(xué)習通平臺

中圖分類號：TP39;G434 ? 文獻標識碼：A 文章編號：2096-4706（2021）16-0182-04

Practice of Classroom Teaching Reform in Website Construction and Development

ZHANG Qiaoling

（School of Design and Art， Shandong Huayu University of Technology， Dezhou? 253034， China）

Abstract： With the development of network and modern educational technology， the importance of network teaching platform and network classroom has been significantly improved. Online teaching shares teaching resources to students through network teaching platform， making teaching break through the limitation of time and space. Students can learn purposefully different knowledge points and contents， which promote students' personalized development. The course carries out resource sharing and classroom interaction through Chaoxing learning APP teaching platform， complements the advantages of traditional classroom and online teaching， improves teaching efficiency and teaching effect.

Keywords： integration of expertise and innovation; blended learning method; Learning through platform

0? 引? 言

網(wǎng)站建設(shè)與開發(fā)課程是實踐應(yīng)用類課程，主要以知識點講解并完成項目案例為主，傳統(tǒng)的教學(xué)方式以線下教學(xué)為主，主要是課堂上知識點的講解和課下案例作業(yè)的完成。單純的線下教學(xué)集中在課堂，受上課時間和空間的限制，學(xué)生在課后難以對課堂上講解的知識進行準確性地回顧和選擇性地復(fù)習，教師也很難關(guān)注到所有學(xué)生，單一的教學(xué)模式造成學(xué)生“一看就會，一做就廢”的局面。

受新冠疫情的影響，線上教學(xué)作為應(yīng)急策略，在保證教學(xué)工作穩(wěn)步開展的同時，也帶來各種線上教學(xué)資源如潮水般蜂擁而至的局面。很多課程在實踐過程中將線上教學(xué)簡化為線上資源的共享，并沒有將線上教學(xué)與線下課堂很好地結(jié)合起來，本文將以網(wǎng)站建設(shè)與開發(fā)課程為例，詳細地闡述線上教學(xué)平臺在實際教學(xué)過程中的應(yīng)用。

1? 課堂教學(xué)改革方案設(shè)計

本次課堂改革主要體現(xiàn)在基于“職能化”課程內(nèi)容的重構(gòu)以及以超星學(xué)習通平臺為主的線上線下混合式教學(xué)方法的實踐。本次課堂改革面向崗位需求和專業(yè)需要，根據(jù)企業(yè)或崗位的實際“工作過程”重構(gòu)專業(yè)課程教學(xué)體系，以培養(yǎng)學(xué)生的職業(yè)能力和素養(yǎng)為目標，對課程的內(nèi)容設(shè)置以培養(yǎng)學(xué)生職業(yè)崗位能力為核心，實現(xiàn)工作過程與教學(xué)過程的全面對接。課程內(nèi)容的設(shè)置不僅要考慮學(xué)生知識的積累，更重要的是注重知識點與企業(yè)需求的充分結(jié)合。只有做到將知識內(nèi)容與企業(yè)需求相結(jié)合，才能讓知識更立體，就業(yè)更直觀，應(yīng)用更奏效，如表1所示。

從充分利用現(xiàn)代化教學(xué)手段、提高教學(xué)效率、增強教學(xué)效果的角度，構(gòu)建了基于超星學(xué)習通在線平臺的信息化環(huán)境，將傳統(tǒng)教學(xué)中師生互動性強的優(yōu)勢與網(wǎng)絡(luò)在線教學(xué)中時空延展性強的優(yōu)勢結(jié)合起來，既發(fā)揮教師引導(dǎo)、啟發(fā)、監(jiān)控教學(xué)過程的主導(dǎo)作用，又充分體現(xiàn)學(xué)生作為學(xué)習主體的主動性、積極性與創(chuàng)造性。

1.1? 線上課程設(shè)計

線上課程主要借助超星學(xué)習通平臺來完成，通過超星學(xué)習通平臺創(chuàng)建課程并上傳課程相關(guān)的視頻資源和參考資料，通過該平臺量化課堂平時考核與作業(yè)批閱。線上課程主要教學(xué)資料包括四部分內(nèi)容：

（1）線上視頻。線上課程的內(nèi)容完全根據(jù)企業(yè)項目和項目任務(wù)來設(shè)計，每個任務(wù)中有一個20分鐘左右的視頻，視頻是對任務(wù)的講解和介紹，主要的制作思路和技術(shù)要點以及所涉及知識點的講解，如圖1所示。比如，搜狗搜索首頁設(shè)計主要體現(xiàn)在一系列網(wǎng)頁布局特征，涉及的知識點有一系列網(wǎng)頁布局、HTML中文本、圖像和表單的創(chuàng)建以及CSS中文本樣式和布局屬性。

（2）參考資料。線上課程的參考資料主要是指軟件及軟件使用說明文檔、項目庫及其他網(wǎng)站參考資料，比如W3Cschool教程、HbuilderX軟件介紹以及軟件的下載地址和軟件的產(chǎn)品文檔介紹，比如項目三任務(wù)二中會講解到CSS屬性，而參考資料就是關(guān)于CSS屬性常用的參數(shù)設(shè)置以及相關(guān)的案例應(yīng)用，如圖2所示。通過參考資料學(xué)生可以額外擴充知識點，及時補充并鞏固知識點。

（3）隨堂練習。以往每節(jié)課的前5分鐘為知識回顧階段，大多為對知識點的回顧，通過老師的演示完成，本課程主要講解的是HTML和CSS，屬于編程類課程，知識點比較零散，單純的知識性回顧無法很好地把握學(xué)生對知識點的真正掌握與否。而本次課堂改革將通過學(xué)習通平臺進行隨堂測試，有的知識點是以選擇題的形式進行，時間設(shè)置為2分鐘內(nèi)完成，有的知識點是以簡答題的形式進行，讓學(xué)生拍照上傳代碼截圖，時間設(shè)置為5分鐘內(nèi)完成。相對難度較大的題目會根據(jù)實際情況來設(shè)置時間長度。當堂測驗所測驗的不僅是學(xué)生對知識的掌握程度更是考查學(xué)生對知識的熟練程度。老師會根據(jù)學(xué)生的答題情況當堂點評，并提出意見，如圖3所示。這樣不僅可以激勵學(xué)生向最先提交的學(xué)生學(xué)習，更能激發(fā)學(xué)生學(xué)習的積極性，另外通過學(xué)生的答題過程，老師也能清楚地掌握學(xué)生的問題點以及偏重點，將容易出錯的地方及時反饋給學(xué)生，這不僅有利于學(xué)生對舊知識的回顧也有利于其對新知識的學(xué)習。

（4）階段性測評。在每個項目講完之后都會設(shè)置階段性測評，主要考查學(xué)生對本項目知識點的掌握情況以及應(yīng)用情況。教師通過超星學(xué)習通平臺上傳階段性測評的作業(yè)要求，學(xué)生在規(guī)定的時間節(jié)點內(nèi)完成并上傳至學(xué)習通，教師會根據(jù)學(xué)生上傳的作業(yè)情況予以評分并寫評語，學(xué)生可隨時查看成績和評語，及時與老師溝通。例如，項目二任務(wù)六的知識點講解完成后會設(shè)置階段性測評，階段性測評是以中國排球協(xié)會為例進行網(wǎng)頁設(shè)計，不僅考查學(xué)生對項目二中知識點的掌握情況，更是通過企業(yè)項目來培養(yǎng)學(xué)生的職業(yè)道德觀，利用選題幫助學(xué)生樹立正確的社會主義核心價值觀。學(xué)生上傳完測評任務(wù)后還可以在網(wǎng)頁代碼部分查看最終的代碼情況，便于其及時進行更改，如圖4所示。

1.2? 線下課程設(shè)計

線下課程主要是通過項目驅(qū)動法來完成新知識點的講授以及項目的制作，主要包括三部分內(nèi)容：

（1）課堂知識講授。以項目驅(qū)動法和演示法進行知識點的講授以及項目的制作，依然以搜狗搜索首頁設(shè)計為例，將搜狗搜索首頁設(shè)計示例導(dǎo)入課堂，分析本網(wǎng)頁的頁面構(gòu)成元素（比如文本、圖像、表單等），分析完網(wǎng)頁元素構(gòu)成，繼續(xù)分析網(wǎng)頁樣式和布局，首先整體是一列而且水平居中，然后引出一列網(wǎng)頁布局的知識點以及重難點極其應(yīng)用領(lǐng)域和使用技巧，如圖5所示。

（2）課堂評價。本課程的考核形式分為平時考核和期末考核，其中平時考核主要包括課堂評價和平時作業(yè)兩部分。而課堂評價主要是通過超星學(xué)習通進行的，將隨堂測試、階段性測評和考勤計入其中。根據(jù)線上隨堂測試結(jié)果當堂評價學(xué)生的完成時間、速度和質(zhì)量以及存在的問題。將階段性測評中存在的問題進行匯總、分析、歸納并在課堂上進行評價分析。

（3）小組分工合作。本課程的實踐性較強，有些項目可根據(jù)企業(yè)工作崗位的設(shè)置及要求進行小組分工合作完成，項目完成后隨機選取一個小組進行小組作品展示，老師對小組成員、小組作品進行點評。

2? 課堂改革具體的實施過程

本課程樹立“以學(xué)生為中心”的教學(xué)理念，堅持以學(xué)生為主體，教師作為學(xué)生學(xué)習活動的組織者和引導(dǎo)者，在課堂教學(xué)中要充分調(diào)動學(xué)生學(xué)習的積極性、主動性、參與性和創(chuàng)造性，致力于激發(fā)學(xué)生內(nèi)在潛力和學(xué)習動力，注重學(xué)生德智體美勞全面發(fā)展。以本課程項目三“CSS美化網(wǎng)頁”中的任務(wù)三“垃圾分類系統(tǒng)設(shè)計”為例，分析具體的實施過程和教學(xué)方法。

首先是本節(jié)課三維目標的設(shè)定，使學(xué)生在課程的學(xué)習中，不但能夠獲得基礎(chǔ)知識與基本技能，更為重要的是學(xué)會學(xué)習以及形成正確的價值觀，所以設(shè)定以下三維目標：

（1）知識目標。掌握CSS屬性參數(shù)設(shè)置方法和技巧。

（2）能力目標。掌握不同網(wǎng)頁元素的設(shè)計技巧。

（3）思政目標。加強學(xué)生審美感受能力，提高學(xué)生審美判斷能力以及審美創(chuàng)造力;培養(yǎng)學(xué)生的全局觀念和大局意識，通過垃圾分類處理樹立其正確的可持續(xù)發(fā)展觀。

其次是本節(jié)課的課前準備和課堂講授部分，下面是具體的任務(wù)安排和內(nèi)容設(shè)置：

（1）課前。3個人為一小組，分別負責垃圾分類素材搜集與整理、垃圾分類系統(tǒng)流程圖設(shè)計、垃圾分類系統(tǒng)界面美工設(shè)計。

（2）課中。將上一節(jié)課的知識點CSS屬性通過學(xué)習通進行隨堂測試，測試內(nèi)容如圖6所示。

教師點評，在規(guī)定的時間3分鐘內(nèi)完成的人數(shù)為21人，部分同學(xué)也在書寫代碼，但是時間不夠，說明他們對知識掌握的熟練度不夠，部分同學(xué)代碼書寫錯誤。

將課前學(xué)生上交的垃圾分類設(shè)計圖打開，向?qū)W生展示不同類型的垃圾，然后分析這些垃圾如果不能得到正確處理將會給我們帶來多大的危害，最終引出垃圾分類系統(tǒng)設(shè)計的必要性和重要性，并使學(xué)生樹立正確的可持續(xù)發(fā)展觀。

分析垃圾分類系統(tǒng)設(shè)計的意義、目標群眾、設(shè)計原則。結(jié)合已有的垃圾分類系統(tǒng)分析各個模塊之間的關(guān)系，及其與整體系統(tǒng)的融合，給學(xué)生灌輸全局觀念和大局意識，使其理解局部和整體的關(guān)系。

根據(jù)學(xué)生課前準備的系統(tǒng)界面分析主要色彩搭配和布局排版設(shè)計，強調(diào)要以用戶的需求為原則進行設(shè)計，體現(xiàn)用戶至上的服務(wù)原則。

挑選一組設(shè)計比較完整的界面，提出問題并提問，再引導(dǎo)學(xué)生繼續(xù)挖掘更深的解釋，最終匯總問題，然后引出新的知識點“CSS選擇器”，講解完新的知識點后，由學(xué)生結(jié)合新的知識點完成案例。

針對課前完成的界面，分組利用新的知識點完成前端的設(shè)計，并挑選一組進行課堂演示，由教師評價并總結(jié)，如圖7所示。

圖7? 課堂教學(xué)實錄

3? 結(jié)? 論

本次課堂改革立足于企業(yè)需求和專業(yè)需求，結(jié)合學(xué)習通平臺線上線下混合教學(xué)模式的優(yōu)勢，改變課程過于注重知識傳授的傾向，強調(diào)學(xué)生形成積極主動的學(xué)習態(tài)度，將課程打造為使學(xué)生在獲得基礎(chǔ)知識與基本技能的同時，還能夠成為學(xué)生會學(xué)習和形成正確價值觀的過程。將專業(yè)教育與創(chuàng)新創(chuàng)業(yè)教育相結(jié)合，從更根本層面、更精深程度、更關(guān)鍵環(huán)節(jié)上深入推進“專創(chuàng)融合”和專業(yè)課程教育改革。利用線上教學(xué)平臺使學(xué)生在課堂中以及任何地點，均可以有效利用碎片化時間進行學(xué)習，完全契合當前互聯(lián)網(wǎng)+教育時代移動學(xué)習的需求。

參考文獻：

[1] 桂小林，吳福英，易玉根，等.課程思政背景下的混合式教學(xué)模式實踐——以Linux基礎(chǔ)課程為例 [J].計算機教育，2021（9）：1-5.

[2] 張巧嶺.淺談交互設(shè)計課程的專創(chuàng)融合 [J].文教資料，2021（3）：190-191.

[3] 高玉俠.混合式教學(xué)模式在經(jīng)濟法教學(xué)中的融合探析 [J].教育教學(xué)論壇，2019（50）：217-218.

[4] 許洪堪，葛麗萍，楊慶辭.新建地方本科院校成人教育轉(zhuǎn)型模式初探——以保山學(xué)院為例 [J].保山學(xué)院學(xué)報，2016，35（1）：86-91.

[5] 蔡其勇.新課程改革背景下的教師專業(yè)發(fā)展研究 [J].教育探索，2006（12）：124-126.

作者簡介：張巧嶺（1989—）女，漢族，山東德州人，助教，本科，研究方向：數(shù)字媒體技術(shù)、程序設(shè)計。