“網(wǎng)頁(yè)制作基礎(chǔ)及HTML”中多種教學(xué)法的應(yīng)用

劉 芳，馬 軍

(1.江蘇城市職業(yè)學(xué)院信息工程系，江蘇南京 210019;2.江蘇城市職業(yè)學(xué)院電子信息工程系，江蘇徐州 221000)

隨著互聯(lián)網(wǎng)的普及，越來(lái)越多的企業(yè)、事業(yè)單位、相關(guān)機(jī)構(gòu)和個(gè)人都通過(guò)建立自己的個(gè)性網(wǎng)站來(lái)開(kāi)展業(yè)務(wù)或介紹自己。高校“網(wǎng)頁(yè)制作基礎(chǔ)及HTML”課程的開(kāi)設(shè)，充分考慮了應(yīng)用技能型人才的特點(diǎn)，突出了課程的趣味性、實(shí)用性和完整性，有效幫助了學(xué)生熟悉網(wǎng)站設(shè)計(jì)和網(wǎng)頁(yè)制作的流程，掌握網(wǎng)站的具體開(kāi)發(fā)方法。

1 教學(xué)過(guò)程中存在的問(wèn)題

筆者所在的教學(xué)團(tuán)隊(duì)通過(guò)調(diào)研發(fā)現(xiàn)，“網(wǎng)頁(yè)制作基礎(chǔ)及HTML”課程目前的教學(xué)主要存在以下幾個(gè)問(wèn)題:

1)授課時(shí)，理論學(xué)習(xí)與實(shí)踐操作輪流進(jìn)行。首先，教師講解專(zhuān)業(yè)知識(shí)點(diǎn)，并對(duì)相關(guān)操作進(jìn)行演示。然后，學(xué)生對(duì)演示的內(nèi)容進(jìn)行單純的模仿操作。這種傳統(tǒng)的教學(xué)方式比較枯燥，學(xué)生的積極性得不到很好的激發(fā)。

2)教學(xué)中單純介紹各知識(shí)點(diǎn)的操作，忽略了各知識(shí)點(diǎn)間的聯(lián)系，而且教學(xué)內(nèi)容的順序安排與現(xiàn)在企業(yè)實(shí)際開(kāi)發(fā)流程不一致，學(xué)生學(xué)習(xí)后，面對(duì)實(shí)際的網(wǎng)站項(xiàng)目還是無(wú)從下手。

3)缺少注重講解網(wǎng)站開(kāi)發(fā)思路、網(wǎng)頁(yè)設(shè)計(jì)規(guī)則、網(wǎng)頁(yè)設(shè)計(jì)方法的教材，而且缺少完整有效的網(wǎng)站開(kāi)發(fā)實(shí)例。

為了解決這些問(wèn)題，筆者所在的教學(xué)團(tuán)隊(duì)基于企業(yè)實(shí)際網(wǎng)站項(xiàng)目的開(kāi)發(fā)過(guò)程，淡化工具意識(shí)，關(guān)注網(wǎng)頁(yè)的設(shè)計(jì)與制作思想。對(duì)“網(wǎng)頁(yè)制作基礎(chǔ)及HTML”課程的教學(xué)內(nèi)容進(jìn)行了整合，自編了講義。選取一些具有代表性、實(shí)用性、趣味性的案例作為項(xiàng)目引導(dǎo)，用任務(wù)驅(qū)動(dòng)的方法進(jìn)行教學(xué)內(nèi)容設(shè)計(jì)。在課堂上，采用基于MCLA的標(biāo)準(zhǔn)化教學(xué)模式，融入多種教學(xué)方法，培養(yǎng)學(xué)生獨(dú)立解決實(shí)際問(wèn)題的能力，并讓學(xué)生在完成各項(xiàng)具體任務(wù)的同時(shí)輕松掌握網(wǎng)站的開(kāi)發(fā)流程、技術(shù)知識(shí)和建設(shè)方法。

2 基于項(xiàng)目開(kāi)發(fā)的教學(xué)設(shè)計(jì)思路

項(xiàng)目教學(xué)法特別適于對(duì)實(shí)踐性要求較高的計(jì)算機(jī)類(lèi)課程，一般情況下，通過(guò)教師與學(xué)生共同完成一個(gè)綜合性項(xiàng)目來(lái)實(shí)施。項(xiàng)目教學(xué)法不同于傳統(tǒng)的教學(xué)模式，它充分體現(xiàn)了“學(xué)中做、做中學(xué)”的教學(xué)思想［1］，強(qiáng)調(diào)讓學(xué)生積極地融入項(xiàng)目開(kāi)發(fā)過(guò)程中，對(duì)獲取的新知識(shí)重新進(jìn)行整合，從而提高自學(xué)能力和實(shí)踐能力。利用項(xiàng)目教學(xué)法構(gòu)建一個(gè)完整的教學(xué)設(shè)計(jì)，有利于學(xué)生靈活運(yùn)用所學(xué)知識(shí)解決項(xiàng)目實(shí)施過(guò)程中遇到的實(shí)際問(wèn)題，培養(yǎng)綜合職業(yè)素質(zhì)，提高崗位競(jìng)爭(zhēng)力。

課程教學(xué)設(shè)計(jì)圍繞以下基本原則:

1)選取的項(xiàng)目?jī)?nèi)容應(yīng)具有實(shí)用性、典型性和趣味性，有助于學(xué)生輕松掌握相關(guān)理論知識(shí)，提高職業(yè)技能。

2)將知識(shí)單元與網(wǎng)站開(kāi)發(fā)子任務(wù)一一對(duì)應(yīng)，有效實(shí)現(xiàn)項(xiàng)目任務(wù)分解。

3)項(xiàng)目開(kāi)發(fā)所需要的知識(shí)技能能夠覆蓋整個(gè)教學(xué)大綱［2］。

3 以完整案例為教學(xué)內(nèi)容設(shè)計(jì)的載體

教學(xué)團(tuán)隊(duì)遵循由淺入深、循序漸進(jìn)、逐步拓寬知識(shí)點(diǎn)的原則，設(shè)計(jì)了“未來(lái)世界”網(wǎng)站項(xiàng)目，真正做到實(shí)戰(zhàn)式、探索式、啟發(fā)式教學(xué)，從而推動(dòng)學(xué)生專(zhuān)業(yè)技能和工作能力的快速提升。

教師通過(guò)演示完整的網(wǎng)站項(xiàng)目從無(wú)到有的開(kāi)發(fā)過(guò)程，淡化課程理論教學(xué)與實(shí)踐教學(xué)的界限，從網(wǎng)站開(kāi)發(fā)思路、網(wǎng)站設(shè)計(jì)規(guī)則、網(wǎng)站制作方法等3個(gè)方面對(duì)項(xiàng)目進(jìn)行任務(wù)分解，幫助學(xué)生實(shí)現(xiàn)對(duì)知識(shí)的整體性建構(gòu)［3］。

講義中，每個(gè)知識(shí)單元的“案例任務(wù)”與網(wǎng)站開(kāi)發(fā)的分解子任務(wù)一一對(duì)應(yīng)，相關(guān)章節(jié)的編排順序則按照真實(shí)網(wǎng)站開(kāi)發(fā)項(xiàng)目的設(shè)計(jì)制作流程來(lái)安排。

每一個(gè)典型工作任務(wù)都有明確的能力目標(biāo)、知識(shí)目標(biāo)要求，充分體現(xiàn)課程教學(xué)與就業(yè)崗位能力要求的密切聯(lián)系，使學(xué)生的學(xué)習(xí)更加具有針對(duì)性和實(shí)用性。

典型工作任務(wù)主要包括以下內(nèi)容:

1)網(wǎng)站設(shè)計(jì)與規(guī)劃。

2)HTML代碼編寫(xiě)。

3)Dreamweaver網(wǎng)頁(yè)設(shè)計(jì)。

4)表單網(wǎng)頁(yè)。

5)Photoshop網(wǎng)頁(yè)效果圖繪制。

6)表格布局方法。

7)DIV+CSS網(wǎng)頁(yè)布局方法。

8)Firework圖像處理。

9)Flash動(dòng)畫(huà)制作。

10)Javascript應(yīng)用技巧［4］。

4 基于MCLA教學(xué)法的標(biāo)準(zhǔn)化教學(xué)過(guò)程

由印度NIIT公司提出的MCLA(Model Centered Learning Architecture)是一種側(cè)重培養(yǎng)實(shí)際應(yīng)用技能的教學(xué)模式。NIIT在課程設(shè)置上強(qiáng)調(diào)“關(guān)聯(lián)、由淺入深”，建構(gòu)一個(gè)貼近應(yīng)用、層次清晰的知識(shí)技能體系。NIIT對(duì)軟件領(lǐng)域的知識(shí)作了分類(lèi)和精選，不單純強(qiáng)調(diào)教學(xué)內(nèi)容所涵蓋知識(shí)體系的完整性。以夠用為度，不求面面俱到，盡可能讓學(xué)生關(guān)注那些真正對(duì)其實(shí)踐有幫助的信息［5］。

整個(gè)學(xué)習(xí)過(guò)程由許多小的教學(xué)循環(huán)組成。每個(gè)教學(xué)循環(huán)的流程為:

1)根據(jù)業(yè)界中的典型應(yīng)用建立案例模型。

2)教師提供系統(tǒng)的解決方案，并構(gòu)造與前者類(lèi)似的問(wèn)題模型。

3)在教師指導(dǎo)下，學(xué)生通過(guò)獨(dú)立實(shí)踐(解決一個(gè)新的實(shí)際問(wèn)題)，最終獲得解決這類(lèi)問(wèn)題的方法和能力。

“網(wǎng)頁(yè)制作基礎(chǔ)及HTML”課程借鑒了MCLA教學(xué)法，按照如圖1所示的6個(gè)步驟組織教學(xué)，即每個(gè)案例采用標(biāo)準(zhǔn)化的教學(xué)環(huán)節(jié)。對(duì)學(xué)生進(jìn)行分組，每組4～5人，以小組合作形式共同完成實(shí)際網(wǎng)站項(xiàng)目的開(kāi)發(fā)。學(xué)生最終的學(xué)習(xí)效果評(píng)定，除了傳統(tǒng)的教師評(píng)價(jià)外，還引入了學(xué)生自我評(píng)價(jià)、學(xué)生相互評(píng)價(jià)等方式。這種評(píng)價(jià)方式能夠激勵(lì)學(xué)生更好地去完成項(xiàng)目任務(wù)。

圖1 教學(xué)具體步驟

以案例“表格布局方法”為例，教學(xué)設(shè)計(jì)如表1所示。

表1 “表格布局方法”教學(xué)設(shè)計(jì)

續(xù)表

5 結(jié)束語(yǔ)

根據(jù)當(dāng)前高職高專(zhuān)精品課程建設(shè)和教學(xué)實(shí)踐的需要，筆者所在的教學(xué)團(tuán)隊(duì)對(duì)“網(wǎng)頁(yè)制作基礎(chǔ)及HTML”課程教學(xué)進(jìn)行必要的改革，融入了多種教學(xué)方法。對(duì)江蘇城市職業(yè)學(xué)院計(jì)算機(jī)應(yīng)用技術(shù)專(zhuān)業(yè)2012級(jí)學(xué)生實(shí)施新的教學(xué)模式后，大大提高了學(xué)生的學(xué)習(xí)積極性和主動(dòng)性，獲得了比較理想的教學(xué)效果。今后，筆者所在的教學(xué)團(tuán)隊(duì)將進(jìn)一步推動(dòng)精品課程教學(xué)改革，以達(dá)到提高人才培養(yǎng)質(zhì)量的目的。

［1］張宗飛.試論項(xiàng)目教學(xué)法在高職教學(xué)中的應(yīng)用［J］.教育與職業(yè)，2013(1):152－153.

［2］郭鋰，葉惠文.基于“雙層項(xiàng)目驅(qū)動(dòng)教學(xué)模式”的計(jì)算機(jī)基礎(chǔ)課程立體教材開(kāi)發(fā)與應(yīng)用:以《網(wǎng)頁(yè)設(shè)計(jì)與制作》為例［J］.中國(guó)大學(xué)教學(xué)，2012(2):83－85.

［3］周小麗.“網(wǎng)頁(yè)設(shè)計(jì)與制作”課程教學(xué)改革實(shí)踐探究［J］.教育與職業(yè)，2013(8):127－128.

［4］王玉，張偉紅.任務(wù)教學(xué)法在網(wǎng)頁(yè)設(shè)計(jì)與制作教學(xué)中的應(yīng)用［J］.教學(xué)新思維，2013(2):116－117.

［5］張立.印度NIIT教育的特色探究［J］.中國(guó)職業(yè)技術(shù)教育，2006(10):56－57.

［6］朱香衛(wèi)，鄒羚，張建，等.《ASP.NET程序設(shè)計(jì)》精品課程開(kāi)發(fā)與建設(shè)［J］.職業(yè)技術(shù)教育，2010(14):29－31.