微課在《網(wǎng)頁(yè)設(shè)計(jì)與制作》項(xiàng)目教學(xué)中的應(yīng)用

【摘要】《網(wǎng)頁(yè)設(shè)計(jì)與制作》項(xiàng)目教學(xué)中存在項(xiàng)目包含知識(shí)點(diǎn)多、學(xué)生人數(shù)多輔導(dǎo)不到位和學(xué)生知識(shí)水平參差不齊等問(wèn)題。微課具有內(nèi)容少、時(shí)間短的特點(diǎn)，指向具體的問(wèn)題，針對(duì)精細(xì)化的知識(shí)點(diǎn)。本文作者根據(jù)課程教學(xué)存在的問(wèn)題和微課的特點(diǎn)提出將微課應(yīng)用于《網(wǎng)頁(yè)設(shè)計(jì)與制作》課程項(xiàng)目教學(xué)中可以提高教學(xué)效果，并介紹將微課應(yīng)用于該課程中應(yīng)做到：根據(jù)知識(shí)點(diǎn)細(xì)化任務(wù)，用微課介紹知識(shí)點(diǎn)和操作步驟，設(shè)計(jì)學(xué)習(xí)路徑引導(dǎo)有效學(xué)習(xí)以及合理設(shè)置微課內(nèi)容、引導(dǎo)學(xué)生思考。

【關(guān)鍵詞】微課 網(wǎng)頁(yè)設(shè)計(jì)與制作 項(xiàng)目教學(xué)

【中圖分類(lèi)號(hào)】G712 【文獻(xiàn)標(biāo)識(shí)碼】A 【文章編號(hào)】2095-3089（2017）39-0097-02

一、微課概述

1.微課的概念

國(guó)內(nèi)最早提出微課概念的是胡鐵生老師。胡老師對(duì)“微課”作出的最新概念是：微課又名“微課程”，是“微型視頻網(wǎng)絡(luò)課程”的簡(jiǎn)稱(chēng)，它是以微型教學(xué)視頻為主要載體，針對(duì)某個(gè)學(xué)科知識(shí)點(diǎn)（如重點(diǎn)、難點(diǎn)、疑點(diǎn)、考點(diǎn)等）或教學(xué)環(huán)節(jié)（如學(xué)習(xí)活動(dòng)、主題、實(shí)驗(yàn)、任務(wù)等）而設(shè)計(jì)開(kāi)發(fā)的一種情景化、支持多種學(xué)習(xí)方式的新型網(wǎng)絡(luò)課程資源。基于這種觀點(diǎn)，“微課”是一種網(wǎng)絡(luò)課程資源。

國(guó)內(nèi)還有不少關(guān)于微課的概念：

焦建利教授認(rèn)為：微課是以闡釋某一知識(shí)點(diǎn)為目標(biāo)，以短小精悍的在線(xiàn)視頻為表現(xiàn)形式，以學(xué)習(xí)或教學(xué)應(yīng)用為目的的在線(xiàn)教學(xué)視頻。

首屆中小學(xué)微課大賽文件認(rèn)為：“微課”全稱(chēng)“微型視頻課程”，它是以教學(xué)視頻為主要呈現(xiàn)方式，圍繞學(xué)科知識(shí)點(diǎn)、例題習(xí)題、疑難問(wèn)題、實(shí)驗(yàn)操作等進(jìn)行的教學(xué)過(guò)程及相關(guān)資源之有機(jī)結(jié)合體。

高校微課大賽文件認(rèn)為：“微課”是指以視頻為主要載體記錄教師圍繞某個(gè)知識(shí)點(diǎn)或教學(xué)環(huán)節(jié)開(kāi)展的簡(jiǎn)短、完整的教學(xué)活動(dòng)。

張一春老師認(rèn)為：“微課”是指為使學(xué)習(xí)者自主學(xué)習(xí)獲得最佳效果，經(jīng)過(guò)精心的信息化教學(xué)設(shè)計(jì)，以流媒體形式展示的圍繞某個(gè)知識(shí)點(diǎn)或教學(xué)環(huán)節(jié)開(kāi)展的簡(jiǎn)短、完整的教學(xué)活動(dòng)。

本文作者比較贊同張一春老師和同高校微課大賽文件的觀點(diǎn)，微課指的是微型教學(xué)活動(dòng)。但是，以上的觀點(diǎn)無(wú)一不認(rèn)為，微課的呈現(xiàn)形式是“視頻”或“流媒體”。本文作者認(rèn)為：課程在實(shí)施的過(guò)程中采用微課形式進(jìn)行教學(xué)，針對(duì)某個(gè)知識(shí)點(diǎn)/技能點(diǎn)（如重點(diǎn)、難點(diǎn)、疑點(diǎn)、考點(diǎn)等）或教學(xué)環(huán)節(jié)（如學(xué)習(xí)活動(dòng)、主題、實(shí)驗(yàn)、任務(wù)等）以微型教學(xué)視頻為主要載體，充分利用多媒體技術(shù)激發(fā)學(xué)生學(xué)習(xí)的積極性，同時(shí)支持多種學(xué)習(xí)方式的在線(xiàn)視頻網(wǎng)絡(luò)課程。

2.微課的特點(diǎn)

微課程是一個(gè)有控制的實(shí)習(xí)系統(tǒng)，是一個(gè)為集中解決某一特定的教學(xué)行為簡(jiǎn)化了的、細(xì)分的教學(xué)。其特點(diǎn)：從內(nèi)容上來(lái)說(shuō)少，一般只安排一個(gè)知識(shí)點(diǎn)的講授；從時(shí)間來(lái)說(shuō)短，大都要求在十五分鐘內(nèi)完成；從教學(xué)過(guò)程來(lái)說(shuō)，它不在乎教學(xué)環(huán)節(jié)的完整性，但整體上仍包括：引入課題，內(nèi)容講授，和總結(jié)三個(gè)步驟；它是一堂完整課教學(xué)過(guò)程的濃縮精煉。雖然微型活動(dòng)課程小，但強(qiáng)調(diào)“短、小、精、悍”。微課的“微”是其外在的特征，“活動(dòng)實(shí)踐”才是其本質(zhì)特征。

二、《網(wǎng)頁(yè)設(shè)計(jì)與制作》項(xiàng)目課程教學(xué)中存在的問(wèn)題

1.項(xiàng)目教學(xué)中包含的知識(shí)點(diǎn)較多

在本課程的項(xiàng)目教學(xué)中，每個(gè)項(xiàng)目包含的教學(xué)內(nèi)容一般比較多，知識(shí)點(diǎn)也比較多。在上課的過(guò)程中，教師示范和講解的內(nèi)容如果太多，學(xué)生就會(huì)出現(xiàn)煩躁情緒和學(xué)習(xí)焦慮現(xiàn)象，有的學(xué)生聽(tīng)完以后就忘了，到操作的時(shí)候根本不知道該怎么動(dòng)手。作者考慮到全體學(xué)生的學(xué)習(xí)水平不同，為學(xué)生提供操作步驟的文檔或視頻，學(xué)生在閱讀文檔或觀看視頻的過(guò)程中往往會(huì)出現(xiàn)看到后面的內(nèi)容就忘記前面的內(nèi)容。盡管跟著步驟邊學(xué)邊做，最后也能夠順利完成項(xiàng)目任務(wù)，但項(xiàng)目完成了，學(xué)生對(duì)某些知識(shí)點(diǎn)卻忘得一干二凈，不能進(jìn)行知識(shí)的遷移和拓展。如何加深學(xué)生對(duì)每個(gè)知識(shí)點(diǎn)的印象，使學(xué)生完完全全掌握項(xiàng)目中包含的知識(shí)點(diǎn)，提高課堂教學(xué)的有效性呢？分析以上現(xiàn)象，其原因在于項(xiàng)目包含的知識(shí)點(diǎn)過(guò)多，學(xué)生在學(xué)習(xí)的過(guò)程中大多數(shù)是“依葫蘆畫(huà)瓢”，較多地是在模仿，缺少思考，而且容易產(chǎn)生畏難情緒。

2.學(xué)生人數(shù)多，教師沒(méi)辦法逐一輔導(dǎo)

現(xiàn)有的教學(xué)班人數(shù)都比較多，由于學(xué)生第一次接觸代碼，很多學(xué)生在操作過(guò)程中問(wèn)題比較多，而課堂時(shí)間有限，教師在課堂輔導(dǎo)的過(guò)程中沒(méi)辦法逐一地對(duì)學(xué)生進(jìn)行輔導(dǎo)。輔導(dǎo)不到位，有些學(xué)生就會(huì)出現(xiàn)不耐煩、甚至是馬虎應(yīng)付的情緒，大大影響了教學(xué)的有效性。

3.學(xué)生計(jì)算機(jī)操作水平參差不齊

本校學(xué)生有來(lái)自廣州的，他們的計(jì)算機(jī)操作水平較高。也有來(lái)自梅州的，它們初中接觸電腦的機(jī)會(huì)比較少，計(jì)算機(jī)操作水平一般也比較弱。這樣就導(dǎo)致同一個(gè)班的學(xué)生往往有的操作起來(lái)很快，有的卻進(jìn)度緩慢。對(duì)于進(jìn)度快的同學(xué)來(lái)說(shuō)，他們需要老師講解拓展的內(nèi)容，而進(jìn)度慢的同學(xué)卻需要老師進(jìn)行重復(fù)的講解。這在課堂上就產(chǎn)生了矛盾，教師重復(fù)講解時(shí)，已掌握的同學(xué)就不愿聽(tīng)，教師講解拓展內(nèi)容時(shí)，還沒(méi)完成基礎(chǔ)任務(wù)的同學(xué)會(huì)聽(tīng)得一頭霧水，聽(tīng)不下去。這兩種情況都會(huì)嚴(yán)重影響課堂的教學(xué)秩序。

三、微課在《網(wǎng)頁(yè)設(shè)計(jì)與制作》課程中的應(yīng)用

基于以上存在的問(wèn)題，本文作者認(rèn)為把微課應(yīng)用到《網(wǎng)頁(yè)設(shè)計(jì)與制作》的項(xiàng)目教學(xué)中，可以改善存在的這些問(wèn)題，從而促進(jìn)教學(xué)的有效性。

通過(guò)前面的分析，我們知道微課的內(nèi)容少，圍繞的是某個(gè)精細(xì)化的知識(shí)點(diǎn)；時(shí)間短，可以讓學(xué)生集中注意力，在較短的時(shí)間內(nèi)完成知識(shí)和技能的學(xué)習(xí)，并動(dòng)手進(jìn)行實(shí)踐操作。根據(jù)微課的這兩個(gè)特點(diǎn)，本文作者認(rèn)為將微課應(yīng)用于《網(wǎng)頁(yè)設(shè)計(jì)與制作》課程的項(xiàng)目教學(xué)中應(yīng)做到：

首先，必須將項(xiàng)目中的任務(wù)進(jìn)行細(xì)化?！毒W(wǎng)頁(yè)設(shè)計(jì)與制作》這門(mén)課采用了項(xiàng)目教學(xué)的方法，為每個(gè)單元的內(nèi)容設(shè)計(jì)了相應(yīng)的項(xiàng)目。在課堂教學(xué)中，教師必須將項(xiàng)目任務(wù)根據(jù)知識(shí)點(diǎn)細(xì)分為更小的任務(wù)，做到一個(gè)知識(shí)點(diǎn)就是一個(gè)小任務(wù)。如：在div+css布局的項(xiàng)目中，本文作者將項(xiàng)目任務(wù)《歡樂(lè)餐廳》的制作按照一行一列結(jié)構(gòu)、三行一列結(jié)構(gòu)、兩列結(jié)構(gòu)和混合結(jié)構(gòu)細(xì)分為四個(gè)網(wǎng)頁(yè)的制作。接著又將每個(gè)網(wǎng)頁(yè)中根據(jù)涉及的知識(shí)點(diǎn)細(xì)分任務(wù)，如一行一列結(jié)構(gòu)中分為：了解div標(biāo)簽、盒模型、網(wǎng)頁(yè)寬度與居中設(shè)置，并在歡迎頁(yè)面對(duì)應(yīng)這三個(gè)知識(shí)點(diǎn)設(shè)置了任務(wù)。endprint

第二，微課的內(nèi)容是某個(gè)知識(shí)點(diǎn)的介紹或者與任務(wù)相似的操作演示。為了讓學(xué)生更好地完成根據(jù)上面根據(jù)知識(shí)點(diǎn)設(shè)置的任務(wù)，知識(shí)點(diǎn)的講解和完成任務(wù)的操作提示就可以制作成微課。如：盒模型的介紹，可以先用文字介紹，再用動(dòng)畫(huà)過(guò)程演示出盒模型由內(nèi)層到外層的結(jié)構(gòu)展示與組合。再如：網(wǎng)頁(yè)寬度和居中的設(shè)置，可以錄制一段視頻，內(nèi)容為利用css設(shè)置一個(gè)div容器的寬度，以及居中對(duì)齊的操作過(guò)程。這樣的內(nèi)容少、時(shí)間短，學(xué)生了解了知識(shí)點(diǎn)以后完成相應(yīng)的操作，可以讓學(xué)生在學(xué)習(xí)中完成任務(wù)，提高學(xué)習(xí)的成就感，從而提高學(xué)習(xí)的興趣。這樣就避免以下現(xiàn)象的出現(xiàn)：教師將一個(gè)網(wǎng)頁(yè)的任務(wù)全部布置后從頭到尾講一遍，學(xué)生剛一上課就感覺(jué)到知識(shí)點(diǎn)多、任務(wù)繁重，產(chǎn)生厭學(xué)的情況。

第三，需要設(shè)計(jì)學(xué)習(xí)的路徑，引導(dǎo)學(xué)生有效地利用微課中提供的各種學(xué)習(xí)資源。幫學(xué)生把任務(wù)細(xì)分，并提供相應(yīng)的資源后教師要為學(xué)生設(shè)計(jì)學(xué)習(xí)的路徑，引導(dǎo)學(xué)生要完成該任務(wù)必須先學(xué)習(xí)或者參考的內(nèi)容，這樣學(xué)生才能充分利用寶貴的40分鐘去學(xué)到盡可能多的內(nèi)容，不致于在教師提供的內(nèi)容中迷失方向。如：學(xué)生要完成歡迎頁(yè)面中上下藍(lán)色邊框的制作這個(gè)任務(wù)時(shí)（如圖3），在任務(wù)后面可以提醒學(xué)生先學(xué)習(xí)盒模型的知識(shí)。這樣學(xué)生在理解盒模型的基礎(chǔ)上就可以明白該任務(wù)可以通過(guò)設(shè)置div的背景顏色和內(nèi)邊距來(lái)實(shí)現(xiàn)。

最后，在學(xué)習(xí)過(guò)程中要引導(dǎo)學(xué)生思考，而不是一味模仿。也就是在微課的內(nèi)容上，特別是一些操作的示范上注意不要直接提供任務(wù)的操作視頻，而是提供類(lèi)似的操作視頻，這樣學(xué)生在看了視頻后必須經(jīng)過(guò)思考，將操作的要點(diǎn)遷移到任務(wù)中，這樣任務(wù)完成了，學(xué)生也能進(jìn)行舉一反三，對(duì)知識(shí)的理解與掌握也更透徹。

每一個(gè)微課針對(duì)的就是一個(gè)知識(shí)點(diǎn)，每個(gè)任務(wù)根據(jù)每個(gè)知識(shí)點(diǎn)設(shè)置，這樣就可以避免內(nèi)容多，學(xué)生聽(tīng)講后又忘記知識(shí)和操作步驟的情況。同時(shí)，清晰的學(xué)習(xí)指引可以讓學(xué)生有針對(duì)性的學(xué)習(xí)知識(shí)點(diǎn)，如果沒(méi)掌握還可以重新看回相應(yīng)的微課，任務(wù)完成進(jìn)展快的同學(xué)還可以自主學(xué)習(xí)拓展的任務(wù)相關(guān)知識(shí)點(diǎn)和操作，而教師也可以從重復(fù)內(nèi)容的個(gè)別輔導(dǎo)中脫離出來(lái)，花更多的時(shí)間觀察課堂，發(fā)現(xiàn)學(xué)生在完成任務(wù)中出現(xiàn)的問(wèn)題。

四、結(jié)語(yǔ)

微課在項(xiàng)目教學(xué)中的應(yīng)用可以解決教學(xué)中存在的一些問(wèn)題，更好地促進(jìn)學(xué)生的學(xué)習(xí)，同事提高教學(xué)的有效性。將微課更有效地應(yīng)用于信息技術(shù)的教學(xué)中也是信息技術(shù)發(fā)展的一種趨勢(shì)。但是，微課也并不是萬(wàn)能的，在應(yīng)用的過(guò)程中我們還是要牢記這樣的觀點(diǎn)：對(duì)于教學(xué)來(lái)說(shuō)，并不是最新的技術(shù)就是最有效的，也不是新技術(shù)用得越多教學(xué)就越有效；只有根據(jù)情況選擇合適的技術(shù)并進(jìn)行合適的應(yīng)用，才能提高教學(xué)的有效性。所以，微課在教學(xué)中應(yīng)該如何應(yīng)用，需要我們不斷地“上下求索”。

參考文獻(xiàn)：

[1]胡鐵生.中小學(xué)微課的設(shè)計(jì)制作與評(píng)審指標(biāo)解讀.ppt[DB/OL]. http：//file.dgjy.net/attachments/Content/File/20130301/1cc3f0cadb19472597f79dcde228b59d.rar. 2013（2）.

[2][4]張一春. 微課是什么？我給出的定義[EB/OL]. http：//blog.sina.com.cn/s/blog_8dfa9ca20101ouw0.html. 2013（4）.

[3]魏亮.走進(jìn)微課程[J].基礎(chǔ)教育研究.2013（1～2）.92-93.

作者簡(jiǎn)介：鐘勇強(qiáng)（1976-），男，漢族，籍貫：江西南昌，職務(wù)/職稱(chēng)：教導(dǎo)處副主任/中學(xué)一級(jí)，學(xué)歷：大學(xué)本科，單位：廣州市天河職業(yè)高級(jí)中學(xué)，研究方向：計(jì)算機(jī)科學(xué)與技術(shù)。endprint