中職移動(dòng)前端設(shè)計(jì)教學(xué)中微課應(yīng)用的探索

林峰

摘要：隨著我國(guó)教育改革的不斷深入，各種信息化教學(xué)手段應(yīng)運(yùn)而生。微課作為一種新型的教學(xué)手段，它依托視頻為載體，對(duì)教材中的某個(gè)知識(shí)點(diǎn)進(jìn)行詳細(xì)講授，微課作為傳統(tǒng)教學(xué)模式的補(bǔ)充，已逐漸進(jìn)入課堂。微課讓教學(xué)從課堂延伸到課外，實(shí)現(xiàn)線上教育與線下教學(xué)的整合。本人經(jīng)過多年的教學(xué)實(shí)踐探索，針對(duì)微課在中職移動(dòng)前端設(shè)計(jì)教學(xué)中的應(yīng)用策略進(jìn)行剖析，通過微課與傳統(tǒng)課堂相結(jié)合，從而提高中職學(xué)生的學(xué)習(xí)效率，提出自己的看法。

關(guān)鍵詞：微課應(yīng)用策略;移動(dòng)前端設(shè)計(jì);中職教學(xué)

中圖分類號(hào)：G642? ? ? ? 文獻(xiàn)標(biāo)識(shí)碼：A

文章編號(hào)：1009-3044（2020）02-0137-02

微課是一種信息化教學(xué)模式，它是以錄屏或錄像為手段，圍繞教材中某個(gè)知識(shí)點(diǎn)或者教學(xué)環(huán)節(jié)而開展的一種教學(xué)活動(dòng)形式，微課的時(shí)長(zhǎng)一般5-10分鐘。通過微課能讓學(xué)生在課前或課后做好預(yù)習(xí)和復(fù)習(xí)，所以微課選題、結(jié)構(gòu)和應(yīng)用是非常有講究的?！兑苿?dòng)前端設(shè)計(jì)》這門課是我校的計(jì)算機(jī)專業(yè)主干課程，經(jīng)過幾年的教學(xué)實(shí)踐，本人對(duì)微課的應(yīng)用有了新的理解，本文將從微課的應(yīng)用策略及在教學(xué)場(chǎng)景中的具體應(yīng)用來闡述微課在這門課程中的作用。

1 微課在移動(dòng)前端設(shè)計(jì)教學(xué)中應(yīng)用策略

移動(dòng)前端設(shè)計(jì)前端開發(fā)的核心內(nèi)容是HTML+CSS，這部分內(nèi)容涉及和需記憶的知識(shí)點(diǎn)眾多，銜接性強(qiáng)，如果前面的知識(shí)沒有掌握好，將影響后續(xù)的學(xué)習(xí)。通過幾年的教學(xué)實(shí)踐，作者覺得僅靠課堂教學(xué)，學(xué)生接受的知識(shí)多，容易遺忘，而且教師要在課堂上對(duì)有的知識(shí)點(diǎn)要反復(fù)講解，上課的效率不高，如何讓學(xué)生能在課余也能自主學(xué)習(xí)，那么微課就很好地解決了這個(gè)問題，要利用短短幾分鐘的時(shí)間，吸引學(xué)生的注意，讓學(xué)生能主動(dòng)學(xué)習(xí)，微課的合理選題以及設(shè)計(jì)就顯得尤為重要，下面結(jié)合本人的教學(xué)實(shí)踐談?wù)勎⒄n制作方面的經(jīng)驗(yàn)。

1.1 精心選擇微課主題

微課是給學(xué)生看的，它的目的是解決學(xué)生在學(xué)習(xí)中遇到的問題，所以微課的選題要有技巧，要去選擇那些平時(shí)學(xué)生學(xué)習(xí)中容易出錯(cuò)、混淆的知識(shí)點(diǎn)。這就要求教師在制作微課前要對(duì)教材進(jìn)行研讀，了解教材的重難點(diǎn)，還要研究學(xué)生，根據(jù)學(xué)生的特點(diǎn)分析在學(xué)習(xí)中的易錯(cuò)點(diǎn)、易混淆點(diǎn)，也就是說，簡(jiǎn)單的內(nèi)容，不選，非重點(diǎn)的內(nèi)容，不選。比如在HTML+CSS內(nèi)容中，《ID選擇器和類選擇器》《CSS精靈圖》《盒子模型》等，都是價(jià)值較高的微課選題。

1.2 選題要大小適中

微課作為一種相對(duì)獨(dú)立的、完整的教學(xué)輔助資源。微課不等于課堂實(shí)錄，它的特點(diǎn)就是“短小精悍”，所以，選題要小，必須在幾分鐘之內(nèi)能夠講的透徹。如果對(duì)于一個(gè)過于復(fù)雜的知識(shí)點(diǎn)，在課堂教學(xué)中要花大量時(shí)間，運(yùn)用多種教學(xué)手段才能達(dá)到的知識(shí)，就不適合采用微課。微課中涉及的知識(shí)點(diǎn)不亦過多，一到兩個(gè)即可，通常是一個(gè)，比如《浮動(dòng)元素的排序》，通過介紹若干個(gè)浮動(dòng)盒子排列的例子，就能讓學(xué)生知道排序的規(guī)則。如果有微課中包含兩個(gè)知識(shí)點(diǎn)，這兩個(gè)知識(shí)點(diǎn)的關(guān)聯(lián)性要比較強(qiáng)的，或者容易混淆的。比如作者曾經(jīng)制作一個(gè)微課《“外墻法”與“內(nèi)墻法”》，它是介紹設(shè)置浮動(dòng)的清除方法的，通過兩個(gè)相近操作，讓學(xué)生發(fā)現(xiàn)它們的區(qū)別，從而達(dá)到教學(xué)目標(biāo)。

1.3 微課的結(jié)構(gòu)要層次分明

雖然微課的時(shí)間短，但麻雀雖小，五臟俱全，經(jīng)過這幾年的摸索，我總結(jié)出五個(gè)部分：課前探索、任務(wù)設(shè)置、解決方法、方法分析、微課小結(jié)。

下面以《制作圓角邊框》的微課為例，介紹微課的五部曲。

1） 課前探索。在微課的開始階段讓學(xué)生觀察幾張圖片，從棱角分明的正方形逐漸變成圓形，讓學(xué)生一目了然，知道這節(jié)微課要學(xué)到什么知識(shí)，然后通過真實(shí)網(wǎng)站的截圖讓學(xué)生知道圓角邊框的實(shí)際應(yīng)用。

2） 任務(wù)設(shè)置。本環(huán)節(jié)設(shè)計(jì)一個(gè)場(chǎng)景：學(xué)生小明想在網(wǎng)頁中插入圓角形式的圖片，現(xiàn)在素材是方形的，該怎么辦呢？這里制造一個(gè)懸念，激發(fā)學(xué)生的求知欲。

3） 解決方法。通過代碼輸入“border-radius：20px”，告訴學(xué)生通過一行代碼就解決了小明的問題。

4） 方法分析。在這個(gè)環(huán)節(jié)中，介紹了border-radius的屬性，同時(shí)以圖片的形式展示它的不同取值，效果是不一樣的。接著小明又發(fā)現(xiàn)新問題：如何繪制四個(gè)不同圓角邊框，這時(shí)通過圖片展示，說明了取值一個(gè)，兩個(gè)，四個(gè)所代表的不同含義。最后小明提出一個(gè)問題，如何單獨(dú)設(shè)置一個(gè)角的圓角邊框，這其實(shí)在我特意設(shè)置的一個(gè)拓展問題，在微課中不給答案，如果學(xué)生認(rèn)真看微課，他可以通過w3cschool網(wǎng)站去搜索border-radius的衍生屬性，這個(gè)問題最后在微課學(xué)習(xí)的反饋表中有體現(xiàn)，教師看反饋表就知道學(xué)生是否深入地去研究微課里的問題。

5） 微課小結(jié)。通過對(duì)border-radius這個(gè)知識(shí)點(diǎn)進(jìn)行了回顧，加深學(xué)生的印象。

1.4 微課的設(shè)計(jì)要激發(fā)學(xué)生的興趣

興趣是學(xué)習(xí)的動(dòng)力，對(duì)于中職生，如果微課內(nèi)容枯燥、單調(diào)，學(xué)生就不會(huì)去學(xué)習(xí)，微課的選題不單要貼近教材的重難點(diǎn)，也要激發(fā)學(xué)生的學(xué)習(xí)動(dòng)力，所以微課素材的趣味性也很重要。比如微課中的老師，我都盡量選擇卡通老師的形象，在情境導(dǎo)入的環(huán)節(jié)中，以第三人稱的形象，如小明，李紅等在學(xué)習(xí)和工作中遇到問題需要解決來引入微課的知識(shí)點(diǎn)，有的微課適當(dāng)加點(diǎn)柔和的背景音樂，只有讓學(xué)生對(duì)微課感興趣，才能充分發(fā)揮微課教學(xué)的作用。

2 微課在教學(xué)中的實(shí)際應(yīng)用場(chǎng)景

以中職網(wǎng)頁前端設(shè)計(jì)教學(xué)中《“外墻法”和“內(nèi)墻法”》為例：

1） 微課選題。在移動(dòng)前端設(shè)計(jì)課程教學(xué)中，DIV+CSS是網(wǎng)頁前端布局的核心技術(shù)，而“設(shè)置浮動(dòng)的清除”是網(wǎng)頁布局的重點(diǎn)和難點(diǎn)，在教學(xué)中我們發(fā)現(xiàn)很多學(xué)生對(duì)“外墻法”和“內(nèi)墻法”的用法和區(qū)別容易混淆，過去在傳統(tǒng)課堂上，老師講授完，還有很多學(xué)生對(duì)這個(gè)知識(shí)點(diǎn)不理解，不能熟練掌握，為了達(dá)到理解的教學(xué)效果，本人課前針對(duì)這個(gè)知識(shí)點(diǎn)做了微課，方便讓學(xué)生課前預(yù)習(xí)。

2） 微課設(shè)計(jì)。移動(dòng)前端設(shè)計(jì)的知識(shí)點(diǎn)眾多，銜接性很強(qiáng)，要掌握清除浮動(dòng)的知識(shí)點(diǎn)要先掌握“左浮動(dòng)和右浮動(dòng)”的知識(shí)，為此，我先是設(shè)計(jì)一套問卷放在超星平臺(tái)上，要求學(xué)生完成，檢查學(xué)生對(duì)前期知識(shí)點(diǎn)的掌握情況。制作微課也是頗費(fèi)心思，整個(gè)錄屏過程使用了Camtasia，先在PPT中演示幾個(gè)盒子在浮動(dòng)流中的擺放，直觀地顯示“外墻法”和“內(nèi)墻法”的兩種清浮方式，讓學(xué)生在觀察完后，能直觀理解它們的用法和區(qū)別后，然后展示代碼，這樣學(xué)生看完微課，就能掌握這塊知識(shí)點(diǎn)，預(yù)習(xí)就起到良好的效果。在微課的最后部分，提出問題，“外墻法”和“內(nèi)墻法”的區(qū)別，讓學(xué)生在觀看視頻在過程中進(jìn)行思考。最后制作預(yù)習(xí)反饋表，設(shè)置幾個(gè)問題，重點(diǎn)是“外墻法和內(nèi)墻法中設(shè)置margin屬性的區(qū)別？”，反饋表放在學(xué)習(xí)平臺(tái)上，要求學(xué)生看完后，認(rèn)真填寫，及時(shí)提交。

3） 課堂教學(xué)。由于課前通過反饋表檢查了學(xué)生的預(yù)習(xí)情況，可以讓學(xué)生先進(jìn)行操作。在學(xué)生完成對(duì)“外墻法”和“內(nèi)墻法”兩個(gè)基礎(chǔ)訓(xùn)練，教師再針對(duì)視頻中提到的問題再進(jìn)行演示分析，這樣學(xué)生對(duì)知識(shí)點(diǎn)的理解和掌握會(huì)更加牢固。再通過拓展練習(xí)“百度首頁”的制作，真正讓學(xué)生對(duì)知識(shí)點(diǎn)進(jìn)行了內(nèi)化，達(dá)到了教學(xué)目的。

4） 教學(xué)反思。利用微課來講解知識(shí)點(diǎn)，真正提高了課堂效率，學(xué)生通過預(yù)習(xí)對(duì)新課的知識(shí)點(diǎn)已經(jīng)有了了解，教師再通過提問、演示等方式讓學(xué)生進(jìn)一步鞏固新知識(shí)，在微課中對(duì)易錯(cuò)點(diǎn)進(jìn)行了強(qiáng)調(diào)，學(xué)生在操作時(shí)就會(huì)避免犯錯(cuò)，同時(shí)讓學(xué)生預(yù)習(xí)也培養(yǎng)了學(xué)生的自主學(xué)習(xí)的能力，而且課后也方便學(xué)生的復(fù)習(xí)鞏固，微課的應(yīng)用真正實(shí)現(xiàn)了線下教學(xué)與線上學(xué)習(xí)的融合。

3 結(jié)論

總之，微課的應(yīng)用為移動(dòng)前端設(shè)計(jì)的教學(xué)注入了新的發(fā)展動(dòng)力，它對(duì)知識(shí)點(diǎn)進(jìn)行了碎片化，也讓學(xué)生的學(xué)習(xí)時(shí)間碎片化，讓移動(dòng)學(xué)習(xí)成為一種習(xí)慣。這種新興手段的引入就是讓我們更好地完成教學(xué)目標(biāo)，它對(duì)培養(yǎng)學(xué)生的自主學(xué)習(xí)，培養(yǎng)學(xué)生的興趣都起到正面積極的意義。目前，移動(dòng)學(xué)習(xí)越來越來流行，如何讓學(xué)生從手機(jī)游戲中轉(zhuǎn)到移動(dòng)學(xué)習(xí)，讓學(xué)生喜歡上微課，以發(fā)揮其學(xué)生的“學(xué)習(xí)助手”作用，也是我們中職老師所要考慮的。所以構(gòu)建好每個(gè)微課也是我們老師需要認(rèn)真策劃、精心準(zhǔn)備的。隨著微課教學(xué)模式逐漸被老師和學(xué)生接受，微課在中職教育中的積極作用也會(huì)充分發(fā)揮出來。

參考文獻(xiàn)：

[1] 蔣立兵，萬力勇， 陳佑清. 面向用戶體驗(yàn)的微課設(shè)計(jì)框架構(gòu)建與應(yīng)用[J]. 電化教育研究， 2017（02）：124-130.

[2] 周瑞娟， 宋銀歌， 康瑞潔. 關(guān)于微課設(shè)計(jì)的幾點(diǎn)思考[J]. 南北橋， 2018（18）：19-19.

[3] 張薇薇. 《Web前端開發(fā)技術(shù)》課程教學(xué)改革與實(shí)踐[J]. 數(shù)碼世界，2018.

[4] 季玉堦. 微課運(yùn)用引發(fā)的點(diǎn)滴思考[J]. 基礎(chǔ)教育研究， 2018（06）：39-40.

[5] 鈕永莉， 魏光杏， 李華. 基于微課的翻轉(zhuǎn)課堂教學(xué)設(shè)計(jì)與實(shí)踐[J]. 吉林工程技術(shù)師范學(xué)院學(xué)報(bào)， 2018，34（05）：80-82.

【通聯(lián)編輯：王力】