基于多媒體的《網(wǎng)頁(yè)設(shè)計(jì)》模塊化教學(xué)改革

1、<p>　　基于多媒體的《網(wǎng)頁(yè)設(shè)計(jì)》模塊化教學(xué)改革</p><p>　　摘要：《網(wǎng)頁(yè)設(shè)計(jì)》課程的綜合性和實(shí)踐性較強(qiáng)，把模塊化教學(xué)方式應(yīng)用于《網(wǎng)頁(yè)設(shè)計(jì)》課程教學(xué)中，并采用多媒體教學(xué)手段進(jìn)行講授使得教學(xué)更先進(jìn)、更科學(xué)、更優(yōu)化。本文從《網(wǎng)頁(yè)設(shè)計(jì)》模塊課程的組織、備課、利用多媒體授課以及教學(xué)效果反饋、評(píng)價(jià)等方面來(lái)闡述基于多媒體的模塊化教學(xué)模式。 </p><p>　　關(guān)鍵詞：多媒體；網(wǎng)頁(yè)

2、設(shè)計(jì)；模塊化教學(xué)模式 </p><p>　　《網(wǎng)頁(yè)設(shè)計(jì)》是計(jì)算機(jī)專業(yè)的一門重要課程，目的是培養(yǎng)學(xué)生設(shè)計(jì)和制作網(wǎng)站的技能，這門課程的特點(diǎn)是涵蓋知識(shí)面廣，綜合性和實(shí)踐性較強(qiáng)。在以往的《網(wǎng)頁(yè)設(shè)計(jì)》課程教學(xué)過(guò)程中，通常是只給學(xué)生講解主要的網(wǎng)站編輯工具Dreamweaver。雖然這樣學(xué)生能掌握和使用最基本的網(wǎng)站編輯工具，但是由于不會(huì)使用Photoshop、Flash、Fireworks等工具處理、加工圖片，還是無(wú)法獨(dú)立完成

3、網(wǎng)站的制作。 </p><p>　　要達(dá)到讓學(xué)生能獨(dú)立制作一個(gè)網(wǎng)站的教學(xué)目標(biāo)，我們的教學(xué)內(nèi)容就要進(jìn)行調(diào)整，應(yīng)該把Photoshop、Flash、Fireworks也加入到網(wǎng)頁(yè)設(shè)計(jì)教學(xué)內(nèi)容中來(lái)。同時(shí)，考慮到模塊化教學(xué)的特點(diǎn)：一是增強(qiáng)了內(nèi)容的靈活性，二是便于實(shí)現(xiàn)不同層次教學(xué)階段的內(nèi)容銜接-三是采用綜合模塊，促進(jìn)知識(shí)之間、知識(shí)與技能之間的溝通t四是通過(guò)模塊的合理組合，便于形成一定職業(yè)崗位所需人才的合理的知識(shí)和能力結(jié)構(gòu)。

4、我們最終決定把《網(wǎng)頁(yè)設(shè)計(jì)》定為模塊課程。在教學(xué)過(guò)程中筆者深刻體會(huì)到模塊化教學(xué)模式很適宜運(yùn)用在這門課上，下面筆者就談?wù)勛约旱囊恍┧伎迹概c同事們共商。 </p><p>　　一　對(duì)模塊中的多門課程要整體把握．合理安排 </p><p>　　模塊化教學(xué)模式運(yùn)用在《網(wǎng)頁(yè)設(shè)計(jì)》課程中，完全打破了傳統(tǒng)的教學(xué)模式。(1)特殊的課時(shí)安排方法。在一個(gè)學(xué)期內(nèi)完成一個(gè)完整模塊的教學(xué)必須要有充足的教學(xué)時(shí)間，所以

5、在安排課時(shí)上我們做了大量的工作，把《網(wǎng)頁(yè)設(shè)計(jì)》模塊安排為每周14個(gè)課時(shí)量，其中上機(jī)6個(gè)課時(shí)，同時(shí)我們考慮到模塊化課程授課的連貫性把每周的課程集中在兩天半的時(shí)間內(nèi)授完。(2)對(duì)《網(wǎng)頁(yè)設(shè)計(jì)》模塊進(jìn)行了細(xì)致、具體的分析。該模塊中包括Photoshop、Flash、Fireworks、Dreamweaver四門課，這四門課的講授要根據(jù)網(wǎng)站建設(shè)的規(guī)律來(lái)安排?？紤]到在制作網(wǎng)站的時(shí)候需要先制作一些素材來(lái)裝飾頁(yè)面，應(yīng)該在本學(xué)期前兩個(gè)月講Photosho

6、p、Flash，以便學(xué)生們利用這些工具制作一些精美的網(wǎng)站修飾圖片和動(dòng)畫效果，為以后完成整體網(wǎng)站的制作做好準(zhǔn)備。后兩個(gè)月是完成Dreamweaver和Fireworks的講授，使學(xué)生對(duì)網(wǎng)站進(jìn)行整體布局。最后考慮到學(xué)生是初學(xué)者，再加上他們對(duì)知識(shí)的整合能力不夠強(qiáng)，可以在最后詳細(xì)講解制作整體網(wǎng)站的具體程序和步驟，使學(xué)生真正學(xué)到真知識(shí)。 </p><p>　　二　把握課程特點(diǎn)，靈活運(yùn)用多媒體教學(xué)手段 </p>

7、<p>　　《網(wǎng)頁(yè)設(shè)計(jì)》課程采用了模塊化教學(xué)模式之后．每周的課時(shí)量大大增加，加之課時(shí)安排集中，難免會(huì)造成學(xué)生在學(xué)習(xí)過(guò)程中難以消化知識(shí)點(diǎn)．注意力不集中、精神疲憊等情況。為了避免這些問(wèn)題的出現(xiàn)，在授課過(guò)程中筆者根據(jù)教學(xué)內(nèi)容主要采取以下幾種教學(xué)方法：(1)目前網(wǎng)絡(luò)上不乏優(yōu)秀的《網(wǎng)頁(yè)設(shè)計(jì)》視頻教程，可根據(jù)學(xué)生的特點(diǎn)和教學(xué)需要，選擇相關(guān)的視頻教材用于課堂教學(xué)。例如，在講授Flash動(dòng)畫制作的時(shí)候。筆者找到了一個(gè)如何制作雨滴落地效果的視

8、頻動(dòng)畫，在課堂上放給學(xué)生看，學(xué)生對(duì)這個(gè)效果的制作都很感興趣，于是在看完視頻動(dòng)畫之后都積極要求嘗試制作，學(xué)生的自學(xué)能力在潛移默化中得到了有效提高，同時(shí)也實(shí)現(xiàn)了寓教于樂(lè)的教學(xué)效果。(2)對(duì)比較抽象難懂的知識(shí)點(diǎn)利用實(shí)例講解。例如在講解Dreamweaver中的行為面板的時(shí)候．剮開始學(xué)生覺(jué)得難以理解，于是筆者引用了兩個(gè)比較具體的例子：彈出菜單的制作和網(wǎng)頁(yè)背景音樂(lè)的制作。我演示一次，然后學(xué)生動(dòng)手操作一次，我在一旁負(fù)責(zé)指導(dǎo)。通過(guò)這兩個(gè)例子，學(xué)生了解

9、了行為面板的作用，使抽象的問(wèn)題變得簡(jiǎn)單明了，收到了理想的教學(xué)效果。(3)根據(jù)模塊特點(diǎn)，注意知識(shí)的連貫性。《網(wǎng)頁(yè)設(shè)計(jì)》模塊中包含有多門課程，學(xué)生難</p><p>　　三　打破傳統(tǒng)考試方式．用技能考試展示教學(xué)效果 </p><p>　　評(píng)價(jià)是模塊化教學(xué)過(guò)程的一部分，但《網(wǎng)頁(yè)設(shè)計(jì)》模塊這門課程比較特殊，它以培養(yǎng)學(xué)生實(shí)際操作能力為主，同時(shí)，模塊中包含有多門課程。因此，更適合采用技能考試的形式考察

10、學(xué)生的學(xué)習(xí)情況和教學(xué)效果。(1)仔細(xì)斟酌考試內(nèi)容。為了全面地考察學(xué)生的學(xué)習(xí)情況．必須慎重地確定考試內(nèi)容?？荚噧?nèi)容可定為制作小型網(wǎng)站，網(wǎng)站主題可多種多樣．例如，網(wǎng)上商店、校園網(wǎng)等。(2)細(xì)化評(píng)分標(biāo)準(zhǔn)。評(píng)分標(biāo)準(zhǔn)是評(píng)價(jià)學(xué)生考試作品的主要依據(jù)，評(píng)分標(biāo)準(zhǔn)中應(yīng)以多項(xiàng)指標(biāo)評(píng)價(jià)學(xué)生的考試作品，比如，網(wǎng)站整體布局、色彩、文字內(nèi)容，網(wǎng)站子頁(yè)數(shù)量和超級(jí)鏈接數(shù)量，網(wǎng)站動(dòng)畫效果等。(3)嚴(yán)格考場(chǎng)紀(jì)律．保證學(xué)生考出真實(shí)水平?！毒W(wǎng)頁(yè)設(shè)計(jì)》模塊課程的考察方式特殊，考試

11、地點(diǎn)定在機(jī)房，考試過(guò)程中不能中斷網(wǎng)絡(luò)服務(wù)．學(xué)生必須在規(guī)定的時(shí)間內(nèi)完成網(wǎng)站制作任務(wù)。同時(shí)，學(xué)校機(jī)房的監(jiān)控系統(tǒng)也保證了考場(chǎng)紀(jì)律．確保了考試順利進(jìn)行。(4)考試結(jié)果分析。通過(guò)察看學(xué)生們的考試作品，筆者發(fā)現(xiàn)學(xué)生們所做網(wǎng)站各具特色，內(nèi)容也很豐富，其中有幾名學(xué)生的作品尤為突出。比如，有一名學(xué)生在自己的網(wǎng)站上巧妙的加入了音樂(lè)特效，為網(wǎng)站增色不少。另外還有幾名學(xué)生制作了頗具特色的小動(dòng)畫來(lái)裝飾網(wǎng)站，使整個(gè)網(wǎng)站看起來(lái)動(dòng)</p><p&g