網(wǎng)站建設(shè)與開(kāi)發(fā)課堂教學(xué)改革實(shí)踐

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

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

中圖分類(lèi)號(hào)：TP39;G434 ? 文獻(xiàn)標(biāo)識(shí)碼：A 文章編號(hào)：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è)與開(kāi)發(fā)課程是實(shí)踐應(yīng)用類(lèi)課程，主要以知識(shí)點(diǎn)講解并完成項(xiàng)目案例為主，傳統(tǒng)的教學(xué)方式以線(xiàn)下教學(xué)為主，主要是課堂上知識(shí)點(diǎn)的講解和課下案例作業(yè)的完成。單純的線(xiàn)下教學(xué)集中在課堂，受上課時(shí)間和空間的限制，學(xué)生在課后難以對(duì)課堂上講解的知識(shí)進(jìn)行準(zhǔn)確性地回顧和選擇性地復(fù)習(xí)，教師也很難關(guān)注到所有學(xué)生，單一的教學(xué)模式造成學(xué)生“一看就會(huì)，一做就廢”的局面。

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

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

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

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

1.1? 線(xiàn)上課程設(shè)計(jì)

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

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

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

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

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

1.2? 線(xiàn)下課程設(shè)計(jì)

線(xiàn)下課程主要是通過(guò)項(xiàng)目驅(qū)動(dòng)法來(lái)完成新知識(shí)點(diǎn)的講授以及項(xiàng)目的制作，主要包括三部分內(nèi)容：

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

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

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

2? 課堂改革具體的實(shí)施過(guò)程

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

3? 結(jié)? 論

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

參考文獻(xiàn)：

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

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

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

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

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

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