網頁設計之與教材配套的“微點”的開發與應用

曾強

摘要：互聯網時代的到來迅速地改變著人們的溝通和生活方式。微博、微信、微電影等時代產物應運而生?！拔r代”在每個人的生活中悄無聲息地烙下了自己的印記，同時也正以不容抗拒的力量影響著人們的學習方式，微課正是這一力量的集中體現。網頁設計是計算機操作實踐類課程，操作步驟的學習對學生尤其重要，目前微課在實踐方面存在著一定的問題，文中提到“微點”概念，是將一個網頁設計案例進行若干個知識點的分解，然后逐個制作每個知識點的微課視頻。真正為學生服務。

關鍵詞：互聯網；網頁設計；微課

中圖分類號：TP393 文獻標識碼：A 文章編號：1009-3044（2016）07-0222-02

網頁設計，屬于計算機實操類課程。由于網頁設計需要學生具備正確的編程和設計技巧，因此，如果網頁設計課程教學還是采用傳統教學手段，教學目的將難以達到。微課的出現大大地豐富了學生的學習資源，傳統的課堂教學之后，學生很難回憶教師當時的講課的全部過程，而微課程將教學內容錄制成視頻發送到網絡或直接提供給學生，學生可以隨時隨地隨意地下載觀看教學視頻內容。

從提高網頁設計課程教學效果的角度出發，要想做好網頁設計教學工作，我們就要積極應用微課教學理念，微課主要使用視頻的形式，展示教學內容，具有時間短、流 暢，如真實操作的特點。

1 網頁設計開展微課教學的必要性

從網頁設計課程的實際難度和重要程度來看，開展微課教學不但是提高網頁設計課程教學質量的重要手段，同時也是滿足網頁設計課程教學要求的重要措 施。開展微課教學的必要性主要體現在以下兩個方面：

1）課堂教學效果需提高

傳統的教學方式是在教室通過投影儀PPT演示或者在機房通過多媒體廣播軟件如紅蜘蛛教學軟件進行廣播教學。

通過投影儀PPT演示教學效果是最不理想的教學方式，因為教室沒有人手一臺電腦，講起內容比較枯燥，學生不容易理解，容易分心，最后會對網頁設計失去興趣。

紅蜘蛛教學軟件可以直接將教師機的操作畫面實時轉播到學生機，可以看到每一步的操作方法，相對投影儀PPT的教學效果要好很多，但也存在教師一次演示，學生無法記住所有的操作細節，不能夠掌握所講內容，在學生上機操作的時候，因每一步的操作步驟沒記住，導致無法順利完成教師所布置的課堂作業。

從當前網頁設計課程的實際教學過程來看，由于網頁設計課程學習難度較大，需要學生具備較強的設計審美能力和理解能力，還需教師采取較為先進妥善的教學方式教學，微課無疑是當前比較適合的教學方式。

2）實施微課教學能夠促進學生自主學習。

微課打破了學習地點與時間的限制，只要有學習的愿望即可實現學習。實現課堂教學的延伸；微課的內容都是針對學生在學習過程中遇到的疑難問題來設計的，非常適合學生自主學習。適應不同能力的學生，可以按需選擇學習，視頻播放快慢可以調節，讓不同程度的學生根據的自己的基礎和接受程度控制視頻的快慢。滿足學生對知識點的個性化學習；微課視頻可以反復播放，使那些平時反應慢的又羞于發問的學生能夠從容的反復觀看，較好地解決了后進生的轉化問題。

2目前國內微課的問題

雖然微課以短小精悍的視頻優勢，迅速掀起微課學習熱潮，但微課在國內的發展時間很短，從2010年出現到2014年大熱，短短幾年時間，各式各樣的微課比賽一窩蜂地制作，由于發展時間過于倉促， 現在微課也出現各種的問題。

2.1 微課開發片面化

微課的開發都比較片面，不系統。教師對微課概念的理解可能五花八門，也可能出于教研或競賽等其他原因制作一個或幾個微課，即使把這些制作好的微課放在網絡資源平臺上共享給學生，其作用和意義都不大，因為在這么多零碎的資源里學生很難查到對自己有用的信息，而且很多微課展示平臺連搜索功能都沒有，這樣的微課開發就成了擺設，成了面子工程。

2.3 沒有跟教材相互配套

微課內容沒有跟教材相互配套起來，那么學生使用起來效果就大打折扣，學生也會有種脫節的感覺。何況現在的學生，學習知識還是有些被動的，讓他們在課前課后去互聯網找微課來學習相關的知識不現實。

2.3 制作微課的內容倉促

很多微課的制作由于教學條件的限制，教師缺乏優秀的教學設計，較多的微課制作內容強硬壓縮在比較短的時間里，造成制作內容倉促，制作的微課表達不到位的情況。

2.4 制作微課的時間過長

以Dreamweaver CS5網頁設計來說，把一個完整的項目做完，可能要25分鐘以上，根據學生的認知特點和學習規律， 15分鐘已經超過人觀看學習視頻的忍耐程度，講課內容可能還沒有深入闡述，對于這類的課程的微課制作， 應該從如何平衡時間與內容的關系，以更合理的形式來展現內容。

3解決以上問題方案

與教材整系列配套的微課優勢：

1） 系統化開發微課

2） 按照教材內容進行分章，分節，分案例來開發微課視頻，便于學生查找。有利于學生高效自主進行視頻學習和練習測試，并將學習中的疑問建議反饋給老師。

2）跟教材相互配套

與教材配套，與課堂教學不脫節，由教師提供整套微課，省略學生盲目在網絡上查找環節，把基礎打好了才談得上提高，再到網絡上找綜合案例提高拓展也為時不遲。

3）資源豐富，有條不紊

以教材：《Adobe Dreamweaver CS6網頁設計與制作技能基礎教程（1CD）》為例，該教材一共13章，92節，其中有12個實訓案例， 10個課后習題?？梢苑謨刹糠珠_發， 第一部分是分章開發課堂案例微課開發，第二部分是實訓案例微課開發，第三部分是課后練習微課開發，從方向至少可開發200個微課視頻，但是在現在我們不是要研究做多少個案例的微課，而是要研究怎樣才能發揮微課最大的功效，實現高質量的微課教學，提出一個比微課更進一步的新概念--“微點”。

4 “微點”

由于微課的優點在小而精，有時一個課堂網頁項目設計，無法控制在10分鐘之內完成，如果強硬加塞壓縮錄制，就失去微課原來的意義，不能發揮微課的作用。針對這一個問題，我們可以對把課堂網頁項目分為幾個或多個知識點，按知識點一個一個來錄制微課視頻，我稱作這樣的微課形式，叫“微點”， 有時微到 一個知識的難點可以用1分鐘不到就解決掉。如《Adobe Dreamweaver CS6網頁設計與制作技能基礎教程（1CD）》第4章第三節在網頁中插入特殊元素 ，只用了短短的1分鐘，就把特殊符號、日期和時間、注釋、水平線的添加方法講清楚了，錄制的視頻也只有3 MB左右，打開觀看很方便。

本書200個案例，每個案例至少有3個的知識點，按最不少的三個來計算，可以制作333個“微點”知識，對學生來說這是一筆非常寶貴的財富，真正做到為學生服務，而不是為了教師個人榮譽的比賽而去制作幾個零碎的微課。

本人在 “網頁制作”課程教學資源設計中應用“微點”的理念，開發了《網頁制作》單一知識點“微點”課堂。如第2章 創建并管理站點-第4節 實訓案例：站點的創建 ，把實訓案例中的每個建站流程進行知識要點分解，對重點難點知識點配備單一知識點“微點”視頻，只要學生哪個知識點不明白，就可以單擊“微點”視頻進行學習輔導。

5與教材配套“微點”的深度應用

課前：根據學生已有的知識基礎和對新知識的需求，可以讓學生在課下先看微課視頻，為新課做好準備。如果學生的學習能力較強，也可以提前自選章節內容學習。

課中：教師一般會先示范操作一遍步驟，但是一個班每個學生的理解能力參差不齊，難免有些學生記不住某個操作步驟或不理解其中一兩個知識點，一個班級的學生，少則二三十個，多則六十多個，碰到小小問題都要找老師是不現實的，課堂上只有一個老師也忙不過來，那學生可能就耽擱在那個知識點或操作步驟上，浪費了寶貴的課堂時間。而有了配套的教材“微點”視頻，學生就可以在自己遇到不明白的知識點上去觀看“微點”視頻，及時解決學習中所遇到的難題。

課后： “微點”視頻，學生可以在課后使用，如果在課堂時間沒有掌握，利用課后時間，自己觀看微課視頻，把沒弄明白的知識點弄明白。

參考文獻：

[1] 趙璟.平面廣告設計的微課教學[J].藝術科技，2014（7）.

[2] 秦爰梅.基于“微課”的高職3dsmax教學改革初探[J].四川職業技術學院學報，2014（3）.

[3] 王周娟，黃麗娟.論與教材配套的coreldraw平面設計知識點微微課的開發與應用[J].輕工科技，2015（4）.