曾珍珍

摘要：微課教學(xué)是網(wǎng)頁(yè)制作教學(xué)改革的新方法，微課實(shí)質(zhì)是將教學(xué)內(nèi)容碎片化，要將繁、雜、難的教學(xué)內(nèi)容制作成為短、精、簡(jiǎn)、易的微課教學(xué)，必須對(duì)教學(xué)內(nèi)容聚會(huì)，教學(xué)模式設(shè)計(jì)，教學(xué)目標(biāo)研究深入，采用微課教學(xué)模式，為網(wǎng)頁(yè)制作課堂教學(xué)提高實(shí)效性，為學(xué)生個(gè)性化學(xué)習(xí)發(fā)揮潛能。

關(guān)鍵詞：網(wǎng)頁(yè)制作；微課教學(xué)；碎片化

中圖分類號(hào)：G424 文獻(xiàn)標(biāo)識(shí)碼：A 文章編號(hào)：1009-3044（2016）15-0223-02

從教學(xué)內(nèi)容與教學(xué)方法方面分析，教學(xué)重點(diǎn)應(yīng)培養(yǎng)學(xué)生的創(chuàng)新能力和實(shí)踐能力的提高，微課教學(xué)是提升網(wǎng)頁(yè)制作教學(xué)效果的有效辦法。對(duì)于網(wǎng)頁(yè)制作這樣實(shí)踐性、應(yīng)用性很強(qiáng)的課程，可以根據(jù)它本身的課程優(yōu)勢(shì)來(lái)制作微課教學(xué)。

1 微課的特點(diǎn)優(yōu)勢(shì)

微課教學(xué)根據(jù)教學(xué)內(nèi)容制作教學(xué)視頻，視頻內(nèi)容把章節(jié)內(nèi)容碎片化。但每個(gè)微課視頻都是以重點(diǎn)或是難點(diǎn)為知識(shí)展開(kāi)。并且所有的微課視頻串聯(lián)起來(lái)就是課程章節(jié)。微課教學(xué)不僅是視頻教學(xué)，還它涵蓋教學(xué)設(shè)計(jì)，教學(xué)反思，學(xué)生反饋，練習(xí)與點(diǎn)評(píng)。

微課視頻比較短，一般在5至8分鐘之間，視頻表現(xiàn)形式為：內(nèi)容精練生動(dòng)、集中說(shuō)明一個(gè)問(wèn)題的小課程、重點(diǎn)突出、風(fēng)格多樣，學(xué)生可快速掌握知識(shí)的精髓，從而起到吸引學(xué)生的興趣。還可以滿足學(xué)生課后的自主學(xué)習(xí)，為學(xué)生提供了更便捷的學(xué)習(xí)資源。

2 網(wǎng)頁(yè)制作教學(xué)應(yīng)用微課的重要性

在傳統(tǒng)的教學(xué)方法下，很難把基礎(chǔ)課程——網(wǎng)頁(yè)制作這門課程吸引學(xué)生以積極的態(tài)度學(xué)習(xí)。在教學(xué)中往往教學(xué)效果達(dá)不到預(yù)期效果。以新的教學(xué)方法——微課教學(xué)，它有以下幾方面重要性。一方面，微課的教學(xué)方式可以提高教學(xué)質(zhì)量。網(wǎng)頁(yè)制作課程涵蓋的知識(shí)點(diǎn)廣，知識(shí)點(diǎn)之間有著緊密的關(guān)聯(lián)，教學(xué)過(guò)程強(qiáng)調(diào)對(duì)知識(shí)的連貫性。如果在有限的時(shí)間內(nèi)由老師單獨(dú)對(duì)知識(shí)重點(diǎn)的剖析，那樣學(xué)生也未必能夠完全消化。微課教學(xué)可以在短時(shí)間集中說(shuō)明知識(shí)點(diǎn)，用實(shí)例從不同角度進(jìn)行剖析要點(diǎn)，通過(guò)實(shí)例講精講透知識(shí)的內(nèi)涵，幫助學(xué)生分析與解決疑難雜癥。實(shí)例剖析也會(huì)提高教學(xué)質(zhì)量。同時(shí)學(xué)生也會(huì)通過(guò)實(shí)例找到自己的興趣，在興趣中深入學(xué)生知識(shí)要點(diǎn)。

其次，在高職院校我們以培養(yǎng)復(fù)合型人才為重點(diǎn)，技能實(shí)踐是復(fù)合型人才培養(yǎng)的重要環(huán)節(jié)，恰恰微課教學(xué)能增強(qiáng)學(xué)生的實(shí)踐能力。

3 網(wǎng)頁(yè)制作微課教學(xué)的具體實(shí)現(xiàn)

3.1 根據(jù)選材導(dǎo)入問(wèn)題

課前準(zhǔn)備階段，知識(shí)點(diǎn)要步步深入，環(huán)環(huán)緊扣。學(xué)生如果缺少課前的預(yù)習(xí)準(zhǔn)備，課上對(duì)知識(shí)的領(lǐng)悟速度、吸收程度也會(huì)受到影響。如下圖所示，通過(guò)觀察圖片的變化，把問(wèn)題導(dǎo)入。讓學(xué)生在觀察中找出問(wèn)題并分析，如何在網(wǎng)頁(yè)中將圖片實(shí)現(xiàn)圓角。

3.2 問(wèn)題分析

課堂教學(xué)因時(shí)間有限，在微課教學(xué)中要把握好知識(shí)的含量，善于從重點(diǎn)、難點(diǎn)入手，使微課具備一定的“厚度”。

針對(duì)問(wèn)題，我們采用什么技術(shù)去實(shí)現(xiàn)？上述問(wèn)題分析如全部用PS處理嗎？那樣做只會(huì)出現(xiàn)更多瑕疵。那有沒(méi)有更有效的方法來(lái)快速處理？這就要用到CSS樣式實(shí)現(xiàn)圓角?？梢酝ㄟ^(guò)Dreamweaver軟件處理CSS樣式。代碼如下：

HTML代碼：

CSS代碼：

.yuanjiao{borde-radius：30px；}

3.3 知識(shí)點(diǎn)分解

思考一下，一張圖片有四個(gè)角，四個(gè)角只能設(shè)置同樣的圓角效果嗎？當(dāng)然不是，可以通過(guò)設(shè)置屬性值來(lái)改變，如圖2所示

繪制四個(gè)不同圓角的邊框，當(dāng)該屬性包括四個(gè)參數(shù)值時(shí)，第一個(gè)參數(shù)值用于控制左上角，第二個(gè)參數(shù)值用于控制右上角，第三個(gè)參數(shù)值用于控制右下角，第四個(gè)參數(shù)值用于控制左下角。當(dāng)borde-radius屬性值給出二個(gè)參數(shù)值時(shí)，如代碼：border-radius：0 50px；那么第一參數(shù)值控制左上角和右下角，第二參數(shù)值用于控制左下角和右上角。如下圖3所示：

3.4 知識(shí)點(diǎn)擴(kuò)展

再次思考，能否單獨(dú)設(shè)置一個(gè)角的圓角效果？這就需要border-radius衍生屬性，通過(guò)這樣的衍生屬性我們可以分別定義，左上角，右上角，右下角，左下角。如下圖4所示：

3.5 微課總結(jié)

CSS3的圓角邊框?qū)傩裕篵order-radius

重點(diǎn)：通過(guò)設(shè)置不同的參數(shù)值，產(chǎn)生不同的圓角效果。

3.6 課后復(fù)習(xí)階段

重點(diǎn)對(duì)培養(yǎng)學(xué)生的動(dòng)手實(shí)踐能力，講授時(shí)間有限，實(shí)踐能力的重點(diǎn)練習(xí)要放在課后的復(fù)習(xí)。在課后的復(fù)習(xí)中微課又可作為學(xué)生自主學(xué)習(xí)的重要資源。

4 結(jié)論

制作微課程，整體設(shè)計(jì)非常重要，在制作以“理順主線、結(jié)構(gòu)分明、緊抓重點(diǎn)、突破難點(diǎn)”中創(chuàng)新出課程整體規(guī)劃；在結(jié)構(gòu)設(shè)計(jì)中，以片頭，主要內(nèi)容，片尾構(gòu)成。在內(nèi)容選取上遵循知識(shí)點(diǎn)“小而精、互相銜接、由易到難，由基礎(chǔ)到復(fù)雜”的原則；制作出知識(shí)點(diǎn)完整、界面精美、重點(diǎn)突出、滿足學(xué)生個(gè)性化學(xué)習(xí)需求的教學(xué)微課視頻。

參考文獻(xiàn)：

[1] 曲本慶， 馬寅強(qiáng)， 王忠寬. 將微課應(yīng)用于高校計(jì)算機(jī)教學(xué)中方式分析[J]. 計(jì)算機(jī)光盤與技術(shù)， 2014 （18）.

[2] 胡鐵生， 黃明燕， 李民. 我國(guó)微課發(fā)展的三個(gè)階段及其啟示[J]. 遠(yuǎn)程教育雜志， 2013（8）.

[3] 談潘攀. 將微課應(yīng)用于高校計(jì)算機(jī)教學(xué)中的幾點(diǎn)思考[[J]. 科教文匯， 2014（16）.