劉 芳，馬 軍

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

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

1 教學(xué)過程中存在的問題

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

2)HTML代碼編寫。

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

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

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

6)表格布局方法。

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

8)Firework圖像處理。

9)Flash動畫制作。

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

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

由印度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)一個貼近應(yīng)用、層次清晰的知識技能體系。NIIT對軟件領(lǐng)域的知識作了分類和精選，不單純強(qiáng)調(diào)教學(xué)內(nèi)容所涵蓋知識體系的完整性。以夠用為度，不求面面俱到，盡可能讓學(xué)生關(guān)注那些真正對其實(shí)踐有幫助的信息［5］。

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

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

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

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

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

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

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

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

續(xù)表

5 結(jié)束語

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

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

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

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

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

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

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