齊立新

摘 要：網(wǎng)頁設(shè)計課程實訓(xùn)教學(xué)能使技校生有效地掌握網(wǎng)頁制作三劍客Dreamweaver、Fireworks、Flash在網(wǎng)頁設(shè)計過程中的應(yīng)用，這對于技校生將來的就業(yè)具有現(xiàn)實意義。因此，教師在實訓(xùn)教學(xué)過程中采用立體化教學(xué)模式，才能切實提升教學(xué)效果。本文主要對技工院校的網(wǎng)頁設(shè)計課程實訓(xùn)立體化教學(xué)進(jìn)行論述。

關(guān)鍵詞：網(wǎng)頁 實訓(xùn) 立體化

技工院校的網(wǎng)頁設(shè)計課程是以目前應(yīng)用最為廣泛的網(wǎng)頁制作軟件的使用方法為主線，采用任務(wù)和案例相結(jié)合的教學(xué)方式，以簡明通俗的語言和生動真實的案例詳細(xì)介紹Dreamweaver、Fireworks、Flash以及Photoshop這幾個在網(wǎng)頁制作中經(jīng)常用到的軟件，并重點講解各軟件在網(wǎng)頁制作中的實際操作。

通過網(wǎng)頁設(shè)計課程的教學(xué)，可以使學(xué)生具備就業(yè)所需的網(wǎng)頁設(shè)計能力，為未來的發(fā)展和自主創(chuàng)業(yè)奠定基礎(chǔ)。因此，該課程越來越得到技工院校計算機(jī)專業(yè)教師與學(xué)生的重視。其中，由于實訓(xùn)教學(xué)是整個網(wǎng)頁設(shè)計課程教學(xué)的關(guān)鍵核心所在，因此改進(jìn)實訓(xùn)教學(xué)模式，引入新的教學(xué)方法、手段，對于提升網(wǎng)頁設(shè)計課程的教學(xué)效果具有重要的意義。

一、立體化教學(xué)的內(nèi)涵

傳統(tǒng)的課堂教學(xué)模式過于強(qiáng)調(diào)教師在教學(xué)過程中的主導(dǎo)作用，導(dǎo)致學(xué)生在教學(xué)過程中被動地成為知識的存儲器。實踐證明，這種模式既無法體現(xiàn)職業(yè)教育能力本位的思想，又使學(xué)生無法適應(yīng)當(dāng)今社會的發(fā)展。因此，引入更加先進(jìn)的教學(xué)模式對于技工院校來說尤為迫切。

所謂的立體化教學(xué)，就是打破傳統(tǒng)的以教為主的一維化模式和教、學(xué)并重的二維化模式，將教、學(xué)、練、做四維集成一體，使四者相互滲透、相互融合。從而使學(xué)生的學(xué)、練、在教師的引導(dǎo)下，真正實現(xiàn)無縫對接，從而實現(xiàn)人才培養(yǎng)方案確定的目標(biāo)。

二、技工院校網(wǎng)頁設(shè)計課程實訓(xùn)教學(xué)采用立體化模式的必要性

一方面，傳統(tǒng)的技工院校計算機(jī)實訓(xùn)教學(xué)模式已迫切需要得到改進(jìn)、提高。隨著技工院校生源的不斷下降，技校生生源素質(zhì)的迅速下降已成為不爭的事實。特別是對于計算機(jī)實訓(xùn)教學(xué)，既要面對實訓(xùn)內(nèi)容與市場需要脫節(jié)的窘境，又要面對學(xué)生學(xué)習(xí)興趣缺乏，學(xué)習(xí)積極性不高的實際學(xué)情。另一方面，企業(yè)的發(fā)展對技工院校的計算機(jī)專業(yè)人才提出了更高的要求。既懂理論又具備較強(qiáng)實際操作技能的學(xué)生，更受用人單位的歡迎，也有著更加廣闊的發(fā)展空間與發(fā)展基礎(chǔ)。

三、技工院校網(wǎng)頁設(shè)計課程實訓(xùn)立體化教學(xué)的開展

1.確定合理的教學(xué)目的

技工院校網(wǎng)頁設(shè)計課程實訓(xùn)教學(xué)的目的應(yīng)體現(xiàn)應(yīng)用型人才的培養(yǎng)，并充分考慮技校學(xué)生的學(xué)習(xí)基礎(chǔ)、特點。在學(xué)生掌握計算機(jī)和網(wǎng)絡(luò)應(yīng)用基本知識的基礎(chǔ)上，掌握HTML、CSS、javascript有關(guān)的知識。通過對Web頁制作技術(shù)、工具的學(xué)習(xí)，使學(xué)生對于網(wǎng)頁設(shè)計與制作中所涉及的相關(guān)知識有全面的了解，并使學(xué)生具有解決一般網(wǎng)頁制作問題的能力。

掌握運(yùn)用DreamweaverCS6網(wǎng)頁制作軟件的方法、FireworksCS6圖像處理軟件進(jìn)行網(wǎng)頁中圖形制作和運(yùn)用flashCS6動畫制作軟件設(shè)計網(wǎng)頁中動畫的方法，進(jìn)而將這三個軟件互相配合，完成網(wǎng)頁設(shè)計與制作任務(wù)的方法。為今后從事網(wǎng)頁設(shè)計與制作、網(wǎng)站開發(fā)和管理奠定基礎(chǔ)。

2.科學(xué)設(shè)置實訓(xùn)內(nèi)容與要求

由于網(wǎng)頁設(shè)計課程的實訓(xùn)內(nèi)容在整個教學(xué)過程中占有重要的地位，因此設(shè)置哪些實訓(xùn)內(nèi)容并提出相應(yīng)的要求是實訓(xùn)教學(xué)成功與否的關(guān)鍵。

如在網(wǎng)頁布局這一環(huán)節(jié)，設(shè)置的實訓(xùn)內(nèi)容是在本地站點文件夾D：＼myweb中，創(chuàng)建一個網(wǎng)頁文件web51.html，內(nèi)容自定。要求使用表格布局頁面。頁面要求：①有頁面標(biāo)題、頁眉、導(dǎo)航欄、主內(nèi)容區(qū)、頁腳。②版面布局合理，內(nèi)容安排有序。

然后在本地站點文件夾D：＼myweb中創(chuàng)建3個網(wǎng)頁文件，一級頁面web53.html，二級頁面web531.html、web532.html，內(nèi)容自定。要求使用APDiv布局頁面。頁面要求：①有頁面標(biāo)題、頁眉、導(dǎo)航欄、主內(nèi)容區(qū)、頁腳。②版面布局合理，顏色設(shè)置符合美學(xué)原理，使用部分圖像增強(qiáng)表現(xiàn)效果。③要求網(wǎng)頁鏈接層次至少2層，完成一、二級頁面的鏈接，并且各頁面之間有統(tǒng)一的導(dǎo)航機(jī)制。

最后創(chuàng)建一個框架網(wǎng)頁文件web55.html，按要求給每個框架設(shè)置初始顯示網(wǎng)頁。其中左側(cè)框架設(shè)置為導(dǎo)航頁，被鏈接文件可以使用以前制作好的網(wǎng)頁。這樣就使得學(xué)生的學(xué)不再是盲目、被動地學(xué)，而是知道如何學(xué)、練、做，從而真正實現(xiàn)立體化教學(xué)。

最后，實訓(xùn)考核立體化?？己瞬粌H要綜合考查學(xué)生的學(xué)、做、練，也要相應(yīng)地考查教師的教，只有這樣才能不斷完善立體化教學(xué)模式，達(dá)到教學(xué)相長的目的。

（作者單位：江西省冶金技師學(xué)院）