淺談中職院校網(wǎng)頁(yè)設(shè)計(jì)與制作課程的教學(xué)策略

郭曉卿

【摘要】近年來，中職院校因其專業(yè)操作性強(qiáng)、接近就業(yè)崗位等優(yōu)點(diǎn)，越來越受到學(xué)生、社會(huì)在失業(yè)人員的追捧。平面設(shè)計(jì)專業(yè)也因其技能要求高，就業(yè)競(jìng)爭(zhēng)優(yōu)勢(shì)大等特點(diǎn)，成為學(xué)生首選專業(yè)。根據(jù)畢業(yè)生反饋、人才市場(chǎng)需求，網(wǎng)頁(yè)設(shè)計(jì)與制作這一高薪崗位越來越被需求，因此，這一專業(yè)的技能型人才也越來越緊俏。基于此，很多中職院校把這一專業(yè)單獨(dú)開辟出來，進(jìn)行技能培訓(xùn)，以求達(dá)到無論是對(duì)學(xué)生，還是對(duì)整個(gè)服務(wù)性行業(yè)，都能起到積極的推動(dòng)作用這一目的。

【關(guān)鍵字】網(wǎng)頁(yè);DreamWeaver;教學(xué)改革;專業(yè)定位

網(wǎng)頁(yè)主要用來對(duì)企業(yè)文化、企業(yè)產(chǎn)品、公益等進(jìn)行宣傳，因此，要求我們做出的頁(yè)面能夠突出重點(diǎn)，分清主次。要學(xué)好這門課程，熟練進(jìn)行網(wǎng)頁(yè)的相關(guān)操作，無論是對(duì)教師，還是對(duì)學(xué)生，都有很高的要求。而對(duì)一名合格的專業(yè)教師來說，首先要對(duì)專業(yè)、授課對(duì)象等方面具備充分的了解。

一、課前準(zhǔn)備

1.專業(yè)定位

網(wǎng)頁(yè)設(shè)計(jì)與制作課程旨在教會(huì)學(xué)生根據(jù)客戶需求設(shè)計(jì)并制作出網(wǎng)頁(yè)，發(fā)布到互聯(lián)網(wǎng)并能進(jìn)行維護(hù)，達(dá)到宣傳企業(yè)、擴(kuò)大影響的目的。

2.學(xué)生定位

中職院校學(xué)生程度參差不齊，初選專業(yè)的時(shí)候也會(huì)迷茫以至誤選專業(yè)，設(shè)計(jì)天賦和美感都相去甚遠(yuǎn)，接受能力也不一而論。

3.社會(huì)需求

互聯(lián)網(wǎng)技術(shù)的飛速發(fā)展為各行各業(yè)提供了很多可能性，越來越多的企業(yè)、商家或已經(jīng)開始或打算推出網(wǎng)絡(luò)宣傳、網(wǎng)上交易等領(lǐng)域，這些催生了很多新興職業(yè)，網(wǎng)頁(yè)設(shè)計(jì)師也因此成為最炙手可熱的職業(yè)。

4.培養(yǎng)硬件

Dreamweaver是Adobe公司的可視化網(wǎng)頁(yè)設(shè)計(jì)制作工具和網(wǎng)站管理工具，其中CS3版本被廣泛應(yīng)用于網(wǎng)頁(yè)設(shè)計(jì)、網(wǎng)站開發(fā)及學(xué)習(xí)教學(xué)，是學(xué)習(xí)網(wǎng)頁(yè)設(shè)計(jì)制作專業(yè)的優(yōu)選軟件。

二、教學(xué)改革

根據(jù)我們做的市場(chǎng)調(diào)研，我們制定出來一系列的教學(xué)計(jì)劃，也在傳統(tǒng)教學(xué)方法上進(jìn)行了改進(jìn)和創(chuàng)新，以求達(dá)到最佳效果，讓學(xué)生在有限的學(xué)習(xí)時(shí)間里，將成果最大化。

1.教學(xué)計(jì)劃改革

傳統(tǒng)教學(xué)計(jì)劃都是根據(jù)書本和教學(xué)大綱，按照學(xué)時(shí)來制定。我們?cè)谖鹘y(tǒng)教學(xué)計(jì)劃制作優(yōu)點(diǎn)的基礎(chǔ)上，進(jìn)行了一系列的改革創(chuàng)新。學(xué)期初，先認(rèn)識(shí)軟件，了解菜單功能，大概一兩周時(shí)間。之后的課時(shí)分配，遵循任務(wù)教學(xué)的原則。以一體化教學(xué)為主導(dǎo)，以教學(xué)任務(wù)為驅(qū)動(dòng)，將教學(xué)課時(shí)按照典型工作任務(wù)來劃分。而典型工作任務(wù)的選取，就需要老師將功課做在前面，博取眾家之長(zhǎng)，根據(jù)課本章節(jié)，有重點(diǎn)的選取。比如，第五章重點(diǎn)講表格，可以選擇hao123網(wǎng)頁(yè)的制作作為任務(wù)，其中涉及的插入媒體對(duì)象、表單等功能就作為次要任務(wù)出現(xiàn)。這樣每個(gè)任務(wù)有重點(diǎn)，有主次，一個(gè)學(xué)習(xí)周期下來，學(xué)生對(duì)每個(gè)學(xué)習(xí)對(duì)象都有了深刻認(rèn)識(shí)，必定更加容易適應(yīng)工作，也能更加容易完成工作。

2.教學(xué)方法改革

網(wǎng)頁(yè)設(shè)計(jì)與制作要求從業(yè)者有一定的設(shè)計(jì)、審美能力，因此，在對(duì)教學(xué)方法的研究上，也必須在此做足文章。開設(shè)此門課程之前，必須先為該專業(yè)開設(shè)平面構(gòu)成、色彩構(gòu)成等相關(guān)專業(yè)，先培養(yǎng)學(xué)生對(duì)構(gòu)圖、色彩搭配的感覺，以此為基礎(chǔ)，開設(shè)網(wǎng)頁(yè)設(shè)計(jì)課程。除此之外，還要帶領(lǐng)學(xué)生多多瀏覽中外優(yōu)秀的主題頁(yè)面，根據(jù)每個(gè)主題確定網(wǎng)頁(yè)的主次之分，同時(shí)，還應(yīng)讓學(xué)生自己為網(wǎng)頁(yè)歸類，總結(jié)出頁(yè)面布局的常用結(jié)構(gòu)，比如左右結(jié)構(gòu)、“同”字型結(jié)構(gòu)、T型結(jié)構(gòu)等，最后，再根據(jù)總結(jié)出來的結(jié)構(gòu)對(duì)網(wǎng)頁(yè)內(nèi)容的主次進(jìn)行分析，文字、圖片的格式進(jìn)行總結(jié)。這樣，通過一系列的分析總結(jié)工作，在進(jìn)行專業(yè)知識(shí)教學(xué)之前，就已經(jīng)對(duì)網(wǎng)頁(yè)的設(shè)計(jì)、布局有了系統(tǒng)概念，之后每學(xué)到一個(gè)新的網(wǎng)頁(yè)元素、布局方法等，都會(huì)自覺的為其分配任務(wù)，充實(shí)到頁(yè)面里面。這樣，簡(jiǎn)化了教學(xué)過程中零碎的小任務(wù)，達(dá)到了教學(xué)任務(wù)明確，教學(xué)成果鮮明的效果。

在專業(yè)知識(shí)的教學(xué)方法上，沿襲傳統(tǒng)教學(xué)的優(yōu)點(diǎn)，融入創(chuàng)新式教學(xué)。以一體化教學(xué)為主體，具體的教學(xué)實(shí)施環(huán)節(jié)采用任務(wù)驅(qū)動(dòng)、小組分工等多種方法，同時(shí)不斷更新典型工作任務(wù)，使教學(xué)不拘于章節(jié)卻又環(huán)環(huán)相扣，最終取得系統(tǒng)化學(xué)習(xí)的教學(xué)成果。

3.教學(xué)案例改革

根據(jù)中職院校直通企業(yè)的特點(diǎn)，網(wǎng)頁(yè)設(shè)計(jì)與制作這一專業(yè)的側(cè)重點(diǎn)是企業(yè)、產(chǎn)品網(wǎng)站的制作。根據(jù)這一終極目標(biāo)，我們?cè)诮虒W(xué)案例的選擇上，也需做出一定的調(diào)整。首先，可以對(duì)企業(yè)進(jìn)行分類，根據(jù)企業(yè)特點(diǎn)確定網(wǎng)頁(yè)的結(jié)構(gòu)和主色調(diào);第二，根據(jù)頁(yè)面的主題，確定出網(wǎng)頁(yè)的主次，各模塊內(nèi)容所占的大小、位置;第三，根據(jù)企業(yè)（可以是一體化教學(xué)中模擬出來的企業(yè)）提供的文字、圖片等素材，以及企業(yè)的性質(zhì)，比如是公益網(wǎng)頁(yè)還是商業(yè)網(wǎng)頁(yè)，確定頁(yè)面中文字與圖片的比例以及圖片的高級(jí)效果。根據(jù)以上三點(diǎn)，選擇典型工作任務(wù)作為教學(xué)案例，其所能達(dá)到的最終效果，絕非傳統(tǒng)無目的教學(xué)案例所能達(dá)到的。

4.教學(xué)環(huán)節(jié)改革

在教學(xué)環(huán)節(jié)的改革中，最為突出的是教學(xué)周期改革。在傳統(tǒng)教學(xué)中，以一學(xué)期為教學(xué)周期，教學(xué)大綱的制定僅僅是某一學(xué)期學(xué)完某一本書。而在新的教學(xué)中，以一至兩個(gè)學(xué)期為整個(gè)教學(xué)周期，在其中又以每個(gè)典型工作任務(wù)作為一個(gè)小的周期。這樣，細(xì)化了教學(xué)環(huán)節(jié)，又使每個(gè)環(huán)節(jié)緊密相連成一個(gè)整體，學(xué)生通過這一個(gè)周期的學(xué)習(xí)，能學(xué)到真正的技術(shù)，而且，能單獨(dú)完成制作網(wǎng)站的任務(wù)，這也是我們進(jìn)行教學(xué)環(huán)節(jié)改革的目的所在。

以上四項(xiàng)改革，貫穿在整個(gè)教學(xué)過程中，圍繞獨(dú)立設(shè)計(jì)與制作網(wǎng)頁(yè)這一目標(biāo)，把教學(xué)章節(jié)、任務(wù)實(shí)施等書本上的章節(jié)劃分忽略，而以典型工作任務(wù)為驅(qū)動(dòng)，設(shè)計(jì)教學(xué)環(huán)節(jié)。這也是本課程教學(xué)的最大特點(diǎn)。除此之外，在新的教學(xué)策略中，將在傳統(tǒng)教學(xué)中不被放在主要位置的一個(gè)環(huán)節(jié)，提到了比較重要的位置——教學(xué)評(píng)價(jià)，這也是新的教學(xué)策略里的最后一環(huán)。傳統(tǒng)教學(xué)的評(píng)價(jià)僅僅體現(xiàn)在期末考試成績(jī)上，換言之，僅僅評(píng)價(jià)了學(xué)生的學(xué)習(xí)能力，而忽略了實(shí)踐能力的評(píng)析。新的教學(xué)策略中，教學(xué)評(píng)價(jià)出現(xiàn)在每一個(gè)典型工作任務(wù)中。在一體化教學(xué)中，要進(jìn)行小組互評(píng)（學(xué)生評(píng)價(jià)）、項(xiàng)目經(jīng)理選擇最佳方案（教師點(diǎn)評(píng)）和企業(yè)拍板（客戶滿意度評(píng)價(jià)），這三項(xiàng)評(píng)價(jià)模擬了實(shí)際工作中

對(duì)所實(shí)施項(xiàng)目的評(píng)價(jià)分析，從三個(gè)不同角度層面，不同技術(shù)層次進(jìn)行了評(píng)價(jià)總結(jié)，評(píng)價(jià)更全面，從而為學(xué)生的進(jìn)步指出了方向并提供了空間。

以上我們總結(jié)了針對(duì)網(wǎng)頁(yè)設(shè)計(jì)與制作這門課程的教學(xué)策略。從新的教學(xué)策略中，我們看到教學(xué)方法在起著明顯的變化。傳統(tǒng)教學(xué)以書本為中心，而新的教學(xué)方法則是以學(xué)生為中心。中心點(diǎn)的變化必然會(huì)引起學(xué)習(xí)效果發(fā)生變化，而新的教學(xué)策略也必將為社會(huì)培養(yǎng)出一批網(wǎng)頁(yè)設(shè)計(jì)師，充實(shí)這個(gè)新興的、發(fā)展中的崗位。

【參考文獻(xiàn)】

[1]閔勁松， 淺談Dreamweaver網(wǎng)頁(yè)設(shè)計(jì)教學(xué)方法【J】，經(jīng)營(yíng)管理者，2010（4）：344

[2]趙志群，職業(yè)教育與培訓(xùn)學(xué)習(xí)新概念【M】，北京科學(xué)出版社，2007

[3]戚爽，“Dreamweaver網(wǎng)頁(yè)制作”課程的教學(xué)研究【J】，長(zhǎng)春理工大學(xué)學(xué)報(bào)，2010，12（5）：169-170