《網頁制作》微課教學的研究與實踐

曾珍珍

摘要：微課教學是網頁制作教學改革的新方法，微課實質是將教學內容碎片化，要將繁、雜、難的教學內容制作成為短、精、簡、易的微課教學，必須對教學內容聚會，教學模式設計，教學目標研究深入，采用微課教學模式，為網頁制作課堂教學提高實效性，為學生個性化學習發(fā)揮潛能。

關鍵詞：網頁制作；微課教學；碎片化

中圖分類號：G424 文獻標識碼：A 文章編號：1009-3044（2016）15-0223-02

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

1 微課的特點優(yōu)勢

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

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

2 網頁制作教學應用微課的重要性

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

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

3 網頁制作微課教學的具體實現(xiàn)

3.1 根據選材導入問題

課前準備階段，知識點要步步深入，環(huán)環(huán)緊扣。學生如果缺少課前的預習準備，課上對知識的領悟速度、吸收程度也會受到影響。如下圖所示，通過觀察圖片的變化，把問題導入。讓學生在觀察中找出問題并分析，如何在網頁中將圖片實現(xiàn)圓角。

3.2 問題分析

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

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

HTML代碼：

CSS代碼：

.yuanjiao{borde-radius：30px；}

3.3 知識點分解

思考一下，一張圖片有四個角，四個角只能設置同樣的圓角效果嗎？當然不是，可以通過設置屬性值來改變，如圖2所示

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

3.4 知識點擴展

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

3.5 微課總結

CSS3的圓角邊框屬性：border-radius

重點：通過設置不同的參數值，產生不同的圓角效果。

3.6 課后復習階段

重點對培養(yǎng)學生的動手實踐能力，講授時間有限，實踐能力的重點練習要放在課后的復習。在課后的復習中微課又可作為學生自主學習的重要資源。

4 結論

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

參考文獻：

[1] 曲本慶， 馬寅強， 王忠寬. 將微課應用于高校計算機教學中方式分析[J]. 計算機光盤與技術， 2014 （18）.

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

[3] 談潘攀. 將微課應用于高校計算機教學中的幾點思考[[J]. 科教文匯， 2014（16）.