微課在高職“網(wǎng)頁設(shè)計(jì)與制作”課程中的教學(xué)應(yīng)用

袁 芳

（寧夏司法警官職業(yè)學(xué)院，寧夏 銀川 750021）

微課在高職“網(wǎng)頁設(shè)計(jì)與制作”課程中的教學(xué)應(yīng)用

袁 芳

（寧夏司法警官職業(yè)學(xué)院，寧夏 銀川 750021）

“網(wǎng)頁設(shè)計(jì)與制作”課程是高職計(jì)算機(jī)類專業(yè)必修的專業(yè)基礎(chǔ)課。文章以寧夏司法警官職業(yè)學(xué)院該課程的教學(xué)為例，做出基于微課資源的教學(xué)設(shè)計(jì)，并應(yīng)用于教學(xué)實(shí)踐，對(duì)微課的應(yīng)用效果進(jìn)行檢驗(yàn)。

微課；網(wǎng)頁設(shè)計(jì)與制作；教學(xué)應(yīng)用

“網(wǎng)頁設(shè)計(jì)與制作”課程是高職計(jì)算機(jī)類專業(yè)必修的一門實(shí)踐性很強(qiáng)的專業(yè)基礎(chǔ)課，其主要任務(wù)是培養(yǎng)學(xué)生的網(wǎng)頁設(shè)計(jì)及制作、網(wǎng)站建設(shè)的基礎(chǔ)能力。

近年來隨著移動(dòng)互聯(lián)網(wǎng)的普及及一系列新興技術(shù)的不斷推進(jìn)，Web技術(shù)已超越簡(jiǎn)單的內(nèi)容瀏覽，得到了異常迅速的發(fā)展，Web技術(shù)正在成為一類新型的應(yīng)用平臺(tái)和生態(tài)環(huán)境，有無限發(fā)展空間。而眾多高職高專院校培養(yǎng)的學(xué)生“供不合需求”，這個(gè)巨大的矛盾倒逼人們進(jìn)行反思。

在不斷推高的教育信息化浪潮及微課應(yīng)運(yùn)而生的背景下，對(duì)“網(wǎng)頁設(shè)計(jì)與制作”課程引入微課的形式，并運(yùn)用到實(shí)際教學(xué)當(dāng)中，探索一種改善教學(xué)效果的方式，是本文的目的。

1 高職“網(wǎng)頁設(shè)計(jì)與制作”教學(xué)現(xiàn)狀

“網(wǎng)頁設(shè)計(jì)與制作”課程本身的性質(zhì)在某種程度上決定了該課程具有復(fù)雜性、專業(yè)性、綜合性要求比較高的特點(diǎn)，“設(shè)計(jì)”對(duì)應(yīng)于“藝術(shù)”層面，而“制作”對(duì)應(yīng)于“技術(shù)”層面，這就決定了該課程是一門“技術(shù)+藝術(shù)”的綜合性學(xué)科。

該課程在實(shí)際教學(xué)中出現(xiàn)了以下一些問題：

“網(wǎng)頁設(shè)計(jì)與制作”知識(shí)點(diǎn)龐雜，學(xué)生很難在短時(shí)間內(nèi)理解和掌握。具體說來，涉及Html，Css語言，Dreamweaver，Photoshop軟件等。雖然學(xué)生通過“Photoshop圖像處理”“flash動(dòng)畫制作”等前導(dǎo)課程的學(xué)習(xí)，掌握了一定的圖形圖像處理基礎(chǔ)，但不可避免的是，學(xué)生對(duì)這幾種軟件的綜合應(yīng)用能力較差。

學(xué)生學(xué)習(xí)能力參差不齊。我院很大一部分學(xué)生基礎(chǔ)教育功底較薄弱，而且欠缺良好的學(xué)習(xí)習(xí)慣，課堂定力不夠、認(rèn)知能力相對(duì)欠缺。

高職院校信息技術(shù)在教學(xué)中的應(yīng)用相對(duì)滯后。教師信息技術(shù)應(yīng)用水平處于比較淺的層次，不排除一些教師只是停留在課件制作層面，信息技術(shù)只是一種可有可無的教學(xué)輔助手段。

為了適應(yīng)新形勢(shì)下的高職院校的教育要求，教師應(yīng)當(dāng)展開一系列教學(xué)模式、教學(xué)方法的研究與改革，打造高效課堂，彌補(bǔ)現(xiàn)行高職院校教育工作的不足。

2 “網(wǎng)頁設(shè)計(jì)與制作”課程進(jìn)行微課設(shè)計(jì)的意義

2.1 微課概述

新興的微課在很大程度上正好契合上述這些問題，微課將教學(xué)內(nèi)容、解決要點(diǎn)等精彩片段制作成短小精悍的視頻教程，使學(xué)習(xí)者在任何時(shí)候、任何地點(diǎn)都可以通過線上或線下觀看學(xué)習(xí)，高效便捷。其特點(diǎn)有：（1）目標(biāo)明確、主題突出；（2）短小精悍、視頻為主；（3）依托網(wǎng)絡(luò)、使用方便。

本文中取向的微課可以這么描述：微課是一種特殊的視頻教學(xué)資源，大多在10分鐘以內(nèi)，針對(duì)知識(shí)的重點(diǎn)、難點(diǎn)、疑點(diǎn)、實(shí)踐點(diǎn)等而開發(fā)的，基于良好的教學(xué)設(shè)計(jì)，有明確的教學(xué)目標(biāo)，內(nèi)容短小，集中說明一個(gè)問題，具有情境性、趣味性、可視化的特點(diǎn)。

根據(jù)查閱文獻(xiàn)和資料發(fā)現(xiàn)，目前，絕大多數(shù)的高職院校教師對(duì)微課有所了解，但使用過微課教學(xué)的僅有大約70%，從沒使用過的也有25%。高職學(xué)生對(duì)微課概念的了解不是很高，真正利用微課教學(xué)資源進(jìn)行有計(jì)劃學(xué)習(xí)更少，但總體上，多數(shù)學(xué)生認(rèn)為在學(xué)習(xí)過程中微課資源是需要的。

2.2 “網(wǎng)頁設(shè)計(jì)與制作”課程進(jìn)行微課設(shè)計(jì)的意義

狹義來說，由于“網(wǎng)頁設(shè)計(jì)與制作”課程本身的獨(dú)特性，再加上傳統(tǒng)課堂教學(xué)的局限性，其教學(xué)質(zhì)量并不高。探索微課在“網(wǎng)頁設(shè)計(jì)與制作”課程教學(xué)應(yīng)用中的優(yōu)勢(shì)和不足，進(jìn)而推進(jìn)該課程的教學(xué)改革，是一個(gè)積極有益的嘗試。

廣義來說，微課作為一種新型的教學(xué)模式、學(xué)習(xí)方式和教學(xué)資源形式，對(duì)于課程體系的建設(shè)、學(xué)生的學(xué)習(xí)、教師的成長(zhǎng)，都具有非常重要的現(xiàn)實(shí)意義。

第一，對(duì)于學(xué)校而言，微課對(duì)于完善學(xué)校課程體系、優(yōu)化課程資源、增強(qiáng)校本課程的靈活性和針對(duì)性具有重要的革新作用。微課可以對(duì)我國(guó)教育教學(xué)進(jìn)行別出心裁的補(bǔ)充，提高同學(xué)們學(xué)習(xí)欲望和提高靈活的學(xué)習(xí)方法。

第二，對(duì)于教師來說，微課某種程度上打破了以往的教學(xué)與教研方法，教師的現(xiàn)場(chǎng)教學(xué)將更具有操作性、廣泛性和時(shí)效性。這些都激勵(lì)了教師自我成長(zhǎng)，為教師展示自己提供了一個(gè)開放的平臺(tái)，能促進(jìn)教師提升教學(xué)業(yè)務(wù)能力。

第三，對(duì)于學(xué)生來說，微課能更好地滿足學(xué)生對(duì)不同學(xué)科知識(shí)點(diǎn)的個(gè)性化學(xué)習(xí)需求，有利于培養(yǎng)學(xué)生的自學(xué)能力，讓學(xué)生變被動(dòng)為主動(dòng)，提高其綜合能力。微課是傳統(tǒng)課堂學(xué)習(xí)、課后組織第二課堂的重要補(bǔ)充和進(jìn)一步延伸。

3 “網(wǎng)頁設(shè)計(jì)與制作”課程的微課設(shè)計(jì)

3.1 基本模式

一節(jié)成功的微課必須是以“學(xué)”為中心來開展教學(xué)設(shè)計(jì)的，如圖1所示，其設(shè)計(jì)模式主要包括以下幾個(gè)步驟：

首先，依據(jù)課程內(nèi)容，確定學(xué)習(xí)者的學(xué)習(xí)目標(biāo)；其次，根據(jù)學(xué)習(xí)目標(biāo)，結(jié)合教學(xué)內(nèi)容，確定選取的章節(jié)與其對(duì)應(yīng)的重點(diǎn)、難點(diǎn)、疑點(diǎn)與實(shí)踐教學(xué)等內(nèi)容；之后，根據(jù)學(xué)習(xí)內(nèi)容設(shè)計(jì)學(xué)習(xí)活動(dòng)；最后，進(jìn)行相應(yīng)的學(xué)習(xí)評(píng)價(jià)。

其中，學(xué)習(xí)內(nèi)容的選擇（即提取微課知識(shí)點(diǎn)）和學(xué)習(xí)活動(dòng)的設(shè)計(jì)（即教學(xué)設(shè)計(jì)）是整個(gè)過程中的重點(diǎn)，不僅要結(jié)合微課本身的特點(diǎn)，也要對(duì)學(xué)習(xí)資源和相應(yīng)的師生交互進(jìn)行相關(guān)設(shè)計(jì)。除此之外，也可以選擇性地提供一些其他方面的設(shè)計(jì)，如來自實(shí)際的發(fā)現(xiàn)問題并解決問題的情境設(shè)計(jì)，針對(duì)學(xué)習(xí)能力強(qiáng)的同學(xué)的拓展學(xué)習(xí)設(shè)計(jì)等等。當(dāng)微課學(xué)習(xí)結(jié)束后，也需要積極收集評(píng)價(jià)，這樣才能使課程得到進(jìn)一步的完善和改進(jìn)，使之更加符合學(xué)習(xí)者的學(xué)習(xí)計(jì)劃。

圖 1 微課的設(shè)計(jì)模式

根據(jù)李秉德教授對(duì)常用教學(xué)方法的總結(jié)，微課可以劃分為講授（講解）類、討論類、操作演示類、問答類、啟發(fā)類、表演類、練習(xí)（實(shí)操）類、實(shí)驗(yàn)類、自主學(xué)習(xí)類、合作學(xué)習(xí)類、探究學(xué)習(xí)類等11類。一般來說，單個(gè)微課資源對(duì)應(yīng)某一種類型，但是也不排除同時(shí)應(yīng)用兩種或多種教學(xué)方法的情況。

3.2 提取知識(shí)點(diǎn)

微課并不一定能夠適用于所有類型、所有學(xué)科的知識(shí)。多數(shù)學(xué)者一般認(rèn)為，微課在理解復(fù)雜概念方面的效果并不理想，而針對(duì)講述性比較強(qiáng)的知識(shí)點(diǎn)、知識(shí)難點(diǎn)的講解、方法與過程的演示方面，微課有很大優(yōu)勢(shì)。

筆者對(duì)“網(wǎng)頁設(shè)計(jì)與制作”課程的內(nèi)容進(jìn)行梳理，提取了一系列典型適合開發(fā)微課的知識(shí)點(diǎn)，如表1所示。

表 1 微課知識(shí)點(diǎn)提取列表

其中，Css（層疊樣式表，是一種標(biāo)準(zhǔn)化的、專門用來表現(xiàn)網(wǎng)頁外觀的計(jì)算機(jī)語言）是該課程的重點(diǎn)和難點(diǎn)所在，學(xué)生往往對(duì)于這類純代碼化的內(nèi)容或者純代碼實(shí)操演示形式的教學(xué)缺乏興趣和耐心，學(xué)習(xí)后還是不能靈活應(yīng)用。所以，下文選取Css屬性的一節(jié)，來展開微課設(shè)計(jì)。

3.3 設(shè)計(jì)教學(xué)過程

筆者采用PPT錄屏的方式制作微課。利用Camtasia Studio軟件，對(duì)事先制作好的PPT課件進(jìn)行錄屏，之后用合成軟件對(duì)錄好的視頻進(jìn)行剪輯、配音、添加字幕等，并對(duì)所有素材進(jìn)行整合加工，最終輸出視頻。

此種方式成本低，易于實(shí)現(xiàn)。但是需要前期在各種微資源的收集整合以及PPT課件的制作上下足功夫。

“網(wǎng)頁圓角的秘密”微課案例的教學(xué)過程分為問題引入、概念學(xué)習(xí)、核心知識(shí)學(xué)習(xí)、解決問題、案例拓展、知識(shí)點(diǎn)總結(jié)等。微課腳本如表2所示。

表 2 “網(wǎng)頁圓角的秘密”微課腳本

續(xù)表 2

單一利用微課來開展教學(xué)，往往并不是一個(gè)完整的教學(xué)過程，本案例的教學(xué)過程中還引入了“翻轉(zhuǎn)課堂”教學(xué)理念，并配以“學(xué)習(xí)任務(wù)單”，引導(dǎo)學(xué)生在觀看微課時(shí)的學(xué)習(xí)活動(dòng)。具體教學(xué)設(shè)計(jì)及學(xué)習(xí)任務(wù)單如表3—5所示。

表 3 “網(wǎng)頁圓角的秘密”教學(xué)設(shè)計(jì)

表4 教學(xué)過程設(shè)計(jì)

表 5 “網(wǎng)頁圓角的秘密”學(xué)習(xí)任務(wù)單

3.4 教學(xué)反思

本案例引入了“翻轉(zhuǎn)課堂”理念，使用的是課內(nèi)AB型翻轉(zhuǎn)。第一步是B課型“自學(xué)質(zhì)疑”，教師將其作為主要學(xué)習(xí)資料，發(fā)送至云空間教學(xué)平臺(tái)，要求學(xué)生觀看學(xué)習(xí)，學(xué)生經(jīng)過學(xué)習(xí)及簡(jiǎn)單的練習(xí)，發(fā)現(xiàn)問題。這同時(shí)也是一個(gè)促進(jìn)學(xué)生自學(xué)能力提升的過程。第二步展開A課型“研討理解”，教師幫助學(xué)生解決學(xué)習(xí)中的難點(diǎn)、疑點(diǎn)，與學(xué)生面對(duì)面討論研討。通過由學(xué)生來匯報(bào)作品、總結(jié)經(jīng)驗(yàn)，教師對(duì)學(xué)生評(píng)價(jià)點(diǎn)撥，以此來強(qiáng)化對(duì)知識(shí)點(diǎn)的掌握?？蛇m當(dāng)增加提問和測(cè)試環(huán)節(jié)，以此來檢測(cè)學(xué)生的學(xué)習(xí)情況，對(duì)于學(xué)生普遍掌握情況不好的問題，可適當(dāng)講解。對(duì)于部分學(xué)生掌握不好的問題，則可以通過讓學(xué)生分組討論的方式來解決。

通過實(shí)踐觀察，此種模式能調(diào)動(dòng)學(xué)生思考和主動(dòng)學(xué)習(xí)的積極性，AB型翻轉(zhuǎn)課堂的模式實(shí)際上就是一個(gè)逐步培養(yǎng)學(xué)生從被動(dòng)學(xué)習(xí)養(yǎng)成主動(dòng)學(xué)習(xí)的習(xí)慣、培養(yǎng)學(xué)生學(xué)習(xí)能力的過程。

3.5 教學(xué)效果

在本次微課教學(xué)實(shí)踐結(jié)束后，筆者對(duì)學(xué)生進(jìn)行了反饋收集及訪談，目的在于通過直接與學(xué)生的溝通，了解“網(wǎng)頁設(shè)計(jì)與制作”微課的應(yīng)用效果，進(jìn)而總結(jié)經(jīng)驗(yàn)、發(fā)現(xiàn)不足。多數(shù)學(xué)生對(duì)微課這種形式持肯定態(tài)度，微課能夠讓其學(xué)習(xí)興趣增加，對(duì)其理解和掌握知識(shí)點(diǎn)有幫助。學(xué)生表示“我們欠缺的是一種綜合應(yīng)能力，微課的形式可以直觀地演示這個(gè)綜合、完整的過程；希望今后能有更多的這種形式的學(xué)習(xí)”。

4 結(jié)語

微課是一種有效的學(xué)習(xí)資源，也是一種新興的教學(xué)形式，采用微課這種形式有助于提高高職“網(wǎng)頁設(shè)計(jì)與制作”課程教學(xué)效率和質(zhì)量，有利于促進(jìn)學(xué)生學(xué)習(xí)方法的轉(zhuǎn)變，同時(shí)對(duì)教師自身的成長(zhǎng)也是一種極好的鍛煉。微課順應(yīng)著教育信息化發(fā)展的要求，勢(shì)必會(huì)成為一種革新的教育模式?？梢灶A(yù)見，微課有著無限的潛力以及美好的發(fā)展前景。

[1]黃建軍，郭紹青.論微課程的設(shè)計(jì)與開發(fā)[D].蘭州：西北師范大學(xué)，2013.

[2]梁樂明.從資源建設(shè)到應(yīng)用：微課程的現(xiàn)狀與趨勢(shì)[D].南京：南京大學(xué)，2013.

[3]張靜然.微課程之綜述[D].北京：中央電化教育館，2012.

[4]靳麗麗，陳錦生.微課在高職院校教學(xué)應(yīng)用的問題研究[D].長(zhǎng)沙：湖南高速鐵路職業(yè)技術(shù)學(xué)院，2015.

Application of micro lesson in“Web Design and Production”course in higher college

Yuan Fang
（Ningxia Judicial Police Vocational College, Yinchuan 750021, China）

“Web Design and Production” course is a required professional basic course for computer majors in higher vocational colleges. Taking the teaching of the course of Ningxia Judicial Police Vocational College as an example, this paper makes the teaching design based on the micro teaching resources, and applies it to the teaching practice.

micro lesson; Web Design and Production; teaching application

袁芳（1985— ），女，寧夏銀川，碩士，助教；研究方向：計(jì)算機(jī)應(yīng)用，教育技術(shù)。