淺議技工院校網(wǎng)頁(yè)設(shè)計(jì)課程實(shí)訓(xùn)立體化教學(xué)的開(kāi)展

齊立新

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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