林峰

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

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

中圖分類號：G642? ? ? ? 文獻標識碼：A

文章編號：1009-3044（2020）02-0137-02

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

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

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

1.1 精心選擇微課主題

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

1.2 選題要大小適中

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

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

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

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

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

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

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

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

5） 微課小結(jié)。通過對border-radius這個知識點進行了回顧，加深學(xué)生的印象。

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

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

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

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

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

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

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

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

3 結(jié)論

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

參考文獻：

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

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

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

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

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

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