網(wǎng)頁(yè)設(shè)計(jì)之與教材配套的“微點(diǎn)”的開發(fā)與應(yīng)用

曾強(qiáng)

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

關(guān)鍵詞：互聯(lián)網(wǎng)；網(wǎng)頁(yè)設(shè)計(jì)；微課

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

網(wǎng)頁(yè)設(shè)計(jì)，屬于計(jì)算機(jī)實(shí)操類課程。由于網(wǎng)頁(yè)設(shè)計(jì)需要學(xué)生具備正確的編程和設(shè)計(jì)技巧，因此，如果網(wǎng)頁(yè)設(shè)計(jì)課程教學(xué)還是采用傳統(tǒng)教學(xué)手段，教學(xué)目的將難以達(dá)到。微課的出現(xiàn)大大地豐富了學(xué)生的學(xué)習(xí)資源，傳統(tǒng)的課堂教學(xué)之后，學(xué)生很難回憶教師當(dāng)時(shí)的講課的全部過程，而微課程將教學(xué)內(nèi)容錄制成視頻發(fā)送到網(wǎng)絡(luò)或直接提供給學(xué)生，學(xué)生可以隨時(shí)隨地隨意地下載觀看教學(xué)視頻內(nèi)容。

從提高網(wǎng)頁(yè)設(shè)計(jì)課程教學(xué)效果的角度出發(fā)，要想做好網(wǎng)頁(yè)設(shè)計(jì)教學(xué)工作，我們就要積極應(yīng)用微課教學(xué)理念，微課主要使用視頻的形式，展示教學(xué)內(nèi)容，具有時(shí)間短、流 暢，如真實(shí)操作的特點(diǎn)。

1 網(wǎng)頁(yè)設(shè)計(jì)開展微課教學(xué)的必要性

從網(wǎng)頁(yè)設(shè)計(jì)課程的實(shí)際難度和重要程度來看，開展微課教學(xué)不但是提高網(wǎng)頁(yè)設(shè)計(jì)課程教學(xué)質(zhì)量的重要手段，同時(shí)也是滿足網(wǎng)頁(yè)設(shè)計(jì)課程教學(xué)要求的重要措 施。開展微課教學(xué)的必要性主要體現(xiàn)在以下兩個(gè)方面：

1）課堂教學(xué)效果需提高

傳統(tǒng)的教學(xué)方式是在教室通過投影儀PPT演示或者在機(jī)房通過多媒體廣播軟件如紅蜘蛛教學(xué)軟件進(jìn)行廣播教學(xué)。

通過投影儀PPT演示教學(xué)效果是最不理想的教學(xué)方式，因?yàn)榻淌覜]有人手一臺(tái)電腦，講起內(nèi)容比較枯燥，學(xué)生不容易理解，容易分心，最后會(huì)對(duì)網(wǎng)頁(yè)設(shè)計(jì)失去興趣。

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

從當(dāng)前網(wǎng)頁(yè)設(shè)計(jì)課程的實(shí)際教學(xué)過程來看，由于網(wǎng)頁(yè)設(shè)計(jì)課程學(xué)習(xí)難度較大，需要學(xué)生具備較強(qiáng)的設(shè)計(jì)審美能力和理解能力，還需教師采取較為先進(jìn)妥善的教學(xué)方式教學(xué)，微課無疑是當(dāng)前比較適合的教學(xué)方式。

2）實(shí)施微課教學(xué)能夠促進(jìn)學(xué)生自主學(xué)習(xí)。

微課打破了學(xué)習(xí)地點(diǎn)與時(shí)間的限制，只要有學(xué)習(xí)的愿望即可實(shí)現(xiàn)學(xué)習(xí)。實(shí)現(xiàn)課堂教學(xué)的延伸；微課的內(nèi)容都是針對(duì)學(xué)生在學(xué)習(xí)過程中遇到的疑難問題來設(shè)計(jì)的，非常適合學(xué)生自主學(xué)習(xí)。適應(yīng)不同能力的學(xué)生，可以按需選擇學(xué)習(xí)，視頻播放快慢可以調(diào)節(jié)，讓不同程度的學(xué)生根據(jù)的自己的基礎(chǔ)和接受程度控制視頻的快慢。滿足學(xué)生對(duì)知識(shí)點(diǎn)的個(gè)性化學(xué)習(xí)；微課視頻可以反復(fù)播放，使那些平時(shí)反應(yīng)慢的又羞于發(fā)問的學(xué)生能夠從容的反復(fù)觀看，較好地解決了后進(jìn)生的轉(zhuǎn)化問題。

2目前國(guó)內(nèi)微課的問題

雖然微課以短小精悍的視頻優(yōu)勢(shì)，迅速掀起微課學(xué)習(xí)熱潮，但微課在國(guó)內(nèi)的發(fā)展時(shí)間很短，從2010年出現(xiàn)到2014年大熱，短短幾年時(shí)間，各式各樣的微課比賽一窩蜂地制作，由于發(fā)展時(shí)間過于倉(cāng)促， 現(xiàn)在微課也出現(xiàn)各種的問題。

2.1 微課開發(fā)片面化

微課的開發(fā)都比較片面，不系統(tǒng)。教師對(duì)微課概念的理解可能五花八門，也可能出于教研或競(jìng)賽等其他原因制作一個(gè)或幾個(gè)微課，即使把這些制作好的微課放在網(wǎng)絡(luò)資源平臺(tái)上共享給學(xué)生，其作用和意義都不大，因?yàn)樵谶@么多零碎的資源里學(xué)生很難查到對(duì)自己有用的信息，而且很多微課展示平臺(tái)連搜索功能都沒有，這樣的微課開發(fā)就成了擺設(shè)，成了面子工程。

2.3 沒有跟教材相互配套

微課內(nèi)容沒有跟教材相互配套起來，那么學(xué)生使用起來效果就大打折扣，學(xué)生也會(huì)有種脫節(jié)的感覺。何況現(xiàn)在的學(xué)生，學(xué)習(xí)知識(shí)還是有些被動(dòng)的，讓他們?cè)谡n前課后去互聯(lián)網(wǎng)找微課來學(xué)習(xí)相關(guān)的知識(shí)不現(xiàn)實(shí)。

2.3 制作微課的內(nèi)容倉(cāng)促

很多微課的制作由于教學(xué)條件的限制，教師缺乏優(yōu)秀的教學(xué)設(shè)計(jì)，較多的微課制作內(nèi)容強(qiáng)硬壓縮在比較短的時(shí)間里，造成制作內(nèi)容倉(cāng)促，制作的微課表達(dá)不到位的情況。

2.4 制作微課的時(shí)間過長(zhǎng)

以Dreamweaver CS5網(wǎng)頁(yè)設(shè)計(jì)來說，把一個(gè)完整的項(xiàng)目做完，可能要25分鐘以上，根據(jù)學(xué)生的認(rèn)知特點(diǎn)和學(xué)習(xí)規(guī)律， 15分鐘已經(jīng)超過人觀看學(xué)習(xí)視頻的忍耐程度，講課內(nèi)容可能還沒有深入闡述，對(duì)于這類的課程的微課制作， 應(yīng)該從如何平衡時(shí)間與內(nèi)容的關(guān)系，以更合理的形式來展現(xiàn)內(nèi)容。

3解決以上問題方案

與教材整系列配套的微課優(yōu)勢(shì)：

1） 系統(tǒng)化開發(fā)微課

2） 按照教材內(nèi)容進(jìn)行分章，分節(jié)，分案例來開發(fā)微課視頻，便于學(xué)生查找。有利于學(xué)生高效自主進(jìn)行視頻學(xué)習(xí)和練習(xí)測(cè)試，并將學(xué)習(xí)中的疑問建議反饋給老師。

2）跟教材相互配套

與教材配套，與課堂教學(xué)不脫節(jié)，由教師提供整套微課，省略學(xué)生盲目在網(wǎng)絡(luò)上查找環(huán)節(jié)，把基礎(chǔ)打好了才談得上提高，再到網(wǎng)絡(luò)上找綜合案例提高拓展也為時(shí)不遲。

3）資源豐富，有條不紊

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

4 “微點(diǎn)”

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

本書200個(gè)案例，每個(gè)案例至少有3個(gè)的知識(shí)點(diǎn)，按最不少的三個(gè)來計(jì)算，可以制作333個(gè)“微點(diǎn)”知識(shí)，對(duì)學(xué)生來說這是一筆非常寶貴的財(cái)富，真正做到為學(xué)生服務(wù)，而不是為了教師個(gè)人榮譽(yù)的比賽而去制作幾個(gè)零碎的微課。

本人在 “網(wǎng)頁(yè)制作”課程教學(xué)資源設(shè)計(jì)中應(yīng)用“微點(diǎn)”的理念，開發(fā)了《網(wǎng)頁(yè)制作》單一知識(shí)點(diǎn)“微點(diǎn)”課堂。如第2章 創(chuàng)建并管理站點(diǎn)-第4節(jié) 實(shí)訓(xùn)案例：站點(diǎn)的創(chuàng)建 ，把實(shí)訓(xùn)案例中的每個(gè)建站流程進(jìn)行知識(shí)要點(diǎn)分解，對(duì)重點(diǎn)難點(diǎn)知識(shí)點(diǎn)配備單一知識(shí)點(diǎn)“微點(diǎn)”視頻，只要學(xué)生哪個(gè)知識(shí)點(diǎn)不明白，就可以單擊“微點(diǎn)”視頻進(jìn)行學(xué)習(xí)輔導(dǎo)。

5與教材配套“微點(diǎn)”的深度應(yīng)用

課前：根據(jù)學(xué)生已有的知識(shí)基礎(chǔ)和對(duì)新知識(shí)的需求，可以讓學(xué)生在課下先看微課視頻，為新課做好準(zhǔn)備。如果學(xué)生的學(xué)習(xí)能力較強(qiáng)，也可以提前自選章節(jié)內(nèi)容學(xué)習(xí)。

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

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

參考文獻(xiàn)：

[1] 趙璟.平面廣告設(shè)計(jì)的微課教學(xué)[J].藝術(shù)科技，2014（7）.

[2] 秦爰梅.基于“微課”的高職3dsmax教學(xué)改革初探[J].四川職業(yè)技術(shù)學(xué)院學(xué)報(bào)，2014（3）.

[3] 王周娟，黃麗娟.論與教材配套的coreldraw平面設(shè)計(jì)知識(shí)點(diǎn)微微課的開發(fā)與應(yīng)用[J].輕工科技，2015（4）.