網(wǎng)頁設(shè)計(jì)六階段教學(xué)法的新思路

1問題提出

在信息技術(shù)迅速發(fā)展的今天，網(wǎng)頁制作已成為企事業(yè)單位都要使用的一門技術(shù)，同時(shí)也是“計(jì)算機(jī)應(yīng)用技術(shù)、計(jì)算機(jī)網(wǎng)絡(luò)技術(shù)、計(jì)算機(jī)軟件技術(shù)、電腦藝術(shù)設(shè)計(jì)”等相關(guān)專業(yè)學(xué)生的一門必修課。目前高職學(xué)校的網(wǎng)頁設(shè)計(jì)課程的教學(xué)中，普遍存在:①注重知識點(diǎn)講解，輕視能力培養(yǎng)。教師上課的內(nèi)容只注重書本知識點(diǎn)的講解，而忽略《網(wǎng)頁設(shè)計(jì)》課程的應(yīng)用特征，在講授知識點(diǎn)時(shí)，學(xué)生不能充分理解這些知識點(diǎn)，當(dāng)讓學(xué)生自己動手完成項(xiàng)目時(shí)，他不知道如何下手，能力明顯不足。②課程內(nèi)容面面俱到，教學(xué)重點(diǎn)不明顯，學(xué)生學(xué)后覺得什么都懂，但什么又都不會，在就業(yè)時(shí)不能找到適合自己的工作崗位。③有些知識點(diǎn)陳舊，滿足不了IT技術(shù)發(fā)展與社會實(shí)際需求。④多數(shù)學(xué)校教師業(yè)務(wù)能力不強(qiáng)，導(dǎo)致教學(xué)結(jié)果不夠理想。顯然，目前的教學(xué)只注重理論知識的傳授，輕視動手能力培養(yǎng)，課程結(jié)業(yè)后，學(xué)生仍然不能解決一些實(shí)際問題，結(jié)果是學(xué)生埋怨說在學(xué)校沒有學(xué)到知識，用人單位說從學(xué)校招聘不到適合自己需求的人才。針對上述問題，筆者通過多年教學(xué)探索，在授課過程中以“項(xiàng)目”為載體，采用“六階段”教學(xué)法教授課程內(nèi)容，調(diào)動了學(xué)生學(xué)習(xí)的積極性，激發(fā)了其探求知識熱情，從而提高了綜合運(yùn)用知識與動手能力，教學(xué)效果明顯［1］。

2設(shè)計(jì)教學(xué)

“六階段”教學(xué)法依照現(xiàn)代職業(yè)教育理論、行動導(dǎo)向教育理論和建構(gòu)主義學(xué)習(xí)理論等為指導(dǎo)，將實(shí)際的企事業(yè)單位網(wǎng)站設(shè)計(jì)過程融入到網(wǎng)頁設(shè)計(jì)課程教學(xué)中，采用的是基于工作過程式的項(xiàng)目驅(qū)動、能力漸進(jìn)的教學(xué)模式［2］。

2．1準(zhǔn)備教學(xué)內(nèi)容

教學(xué)內(nèi)容準(zhǔn)備的好壞不僅影響其教學(xué)過程，而且對教學(xué)效果也有影響，因此，在上課前，老師會精心挑選授課內(nèi)容。授課內(nèi)容大部分來至于企事業(yè)單位的具體項(xiàng)目，教師在授課之前首先要認(rèn)真?zhèn)湔n，找出怎樣把知識點(diǎn)應(yīng)用在項(xiàng)目中講解。我們學(xué)院的網(wǎng)頁設(shè)計(jì)課程每個(gè)專業(yè)僅開設(shè)一個(gè)學(xué)期，大約七十二個(gè)學(xué)時(shí)，因此，在選取授課內(nèi)容時(shí)，我們會綜合考慮以下幾點(diǎn):①項(xiàng)目內(nèi)容的多少。如果內(nèi)容過多或過大，一個(gè)學(xué)期講不完，這樣影響授課的完整性。②項(xiàng)目內(nèi)容的難易程度。如果授課內(nèi)容過難，會影響學(xué)生的學(xué)習(xí)興趣，學(xué)生就會知難而退，不愿意學(xué)習(xí);授課內(nèi)容過于簡單，程度好的學(xué)生覺得沒有吸引力，在家自學(xué)就能學(xué)會，沒必要來學(xué)校學(xué)習(xí)。③知識點(diǎn)涵蓋多少，每個(gè)階段的內(nèi)容要涵蓋3－4個(gè)知識點(diǎn)，這樣一個(gè)學(xué)期能把大綱要求的知識全部講完。所以，我們選取內(nèi)容時(shí)既要遵循學(xué)生的接受能力，有要考慮知識的完整性與內(nèi)容的系統(tǒng)性，從而來提高整個(gè)教學(xué)效果。有時(shí)在上課時(shí)我們還讓學(xué)生自己尋找項(xiàng)目，先把學(xué)生分組，每組一個(gè)組長，讓他們深入企事業(yè)單位，了解用戶要求，最后把用戶需求結(jié)果匯集給項(xiàng)目組長，由老師引導(dǎo)，小組成員參與，采用頭腦風(fēng)暴法來確定每個(gè)小組的網(wǎng)站開發(fā)項(xiàng)目，接著，按功能劃分為子模塊，最后再把子模塊分配給小組的每個(gè)成員，所劃分模塊的知識點(diǎn)大致差不多，如講授用戶界面設(shè)計(jì)，包括用戶需求調(diào)研，調(diào)研又分為電話、問卷、訪談等，采用的方法是一樣的，只是具體內(nèi)容不同而已。

2．2項(xiàng)目任務(wù)分解

上課時(shí)間僅一個(gè)學(xué)期，為了實(shí)現(xiàn)整個(gè)教學(xué)目標(biāo)，我們需要把一個(gè)大的項(xiàng)目任務(wù)根據(jù)教學(xué)進(jìn)度，分解成一個(gè)個(gè)可實(shí)現(xiàn)的子任務(wù)。每個(gè)子任務(wù)都要包含重點(diǎn)、難點(diǎn)等內(nèi)容，同時(shí)還要遵循先易后難，技術(shù)逐步深入的原則。

2．3教學(xué)任務(wù)分組

“六階段”教學(xué)法注重項(xiàng)目任務(wù)的整體性、知識點(diǎn)的漸進(jìn)性與綜合性，學(xué)生為了完成任務(wù)，無論在課內(nèi)還是課外，他們都必須花費(fèi)大量時(shí)間和精力。在實(shí)施“六階段”教學(xué)法之前，采用教學(xué)任務(wù)分組，就是把班級學(xué)生按照3－5人分成小組，每個(gè)小組都有自己的項(xiàng)目任務(wù)，每個(gè)小組成員也有各自的分工，他們按照任務(wù)計(jì)劃分別完成各自的任務(wù)，最后有小組成員代表向全體同學(xué)匯報(bào)自己小組的項(xiàng)目成果。這種任務(wù)分組方式，既培養(yǎng)了學(xué)生的團(tuán)隊(duì)協(xié)作精神，又能充分挖掘?qū)W生潛力、調(diào)動學(xué)習(xí)興趣、培養(yǎng)組織與協(xié)調(diào)能力，同時(shí)還能“以強(qiáng)帶弱”，減輕教師的授課任務(wù)［3］。教學(xué)任務(wù)分組示意圖1。

2．4教學(xué)過程

使用“六階段”教學(xué)法講授網(wǎng)頁設(shè)計(jì)課程基本與網(wǎng)站開發(fā)過程一致，具體形式如下:

確定開發(fā)工具，搭建開發(fā)平臺。高職學(xué)生接受能力相對來說比較弱，因此，選擇開發(fā)工具最好選擇可視化的，如frontpage、dreamwear等，使用可視化工具一是頁面框架由開發(fā)工具自動生成，減少了代碼編寫;二是直觀，簡單易學(xué);三是學(xué)生有了網(wǎng)頁開發(fā)基礎(chǔ)后再去學(xué)習(xí)非可視化的開發(fā)工具，學(xué)生很容易能上手。網(wǎng)站設(shè)計(jì)是一個(gè)綜合性課程，一定要從網(wǎng)站開發(fā)的角度出發(fā)，鼓勵學(xué)生綜合使用一些其他的輔助工具，如會使用平面設(shè)計(jì)軟件、動畫制作軟件，網(wǎng)站結(jié)構(gòu)圖設(shè)計(jì)軟件、項(xiàng)目進(jìn)度管理軟件等，以提高學(xué)生綜合綜合素質(zhì)，培養(yǎng)用人單位急需的人才。

詳細(xì)介紹開發(fā)環(huán)境。由于大部分企業(yè)采用的是可視化集成開發(fā)環(huán)境，雖然能為企業(yè)提高網(wǎng)站建設(shè)的速度，減少開發(fā)時(shí)間，但是這種把開發(fā)工具、數(shù)據(jù)庫連接、Web發(fā)布等功能集成在一起，知識點(diǎn)綜合性強(qiáng)，不利于學(xué)生對知識的掌握和理解，加之網(wǎng)頁設(shè)計(jì)大部分是英文界面，學(xué)生英語水平差，更難理解，所以老師一定要先講HTML的語法，讓學(xué)生對網(wǎng)頁中的每個(gè)元素有個(gè)系統(tǒng)了解，為后續(xù)使用可視化工具打下基礎(chǔ)。

用戶界面設(shè)計(jì)。用戶界面設(shè)計(jì)相對整個(gè)網(wǎng)站建設(shè)來說較容易，學(xué)生只需根據(jù)用戶需求，利用平面制作軟件設(shè)計(jì)用戶界面。這個(gè)過程不用編寫代碼，，只需具有美工基礎(chǔ)，學(xué)生上手快，而且用的是可視化設(shè)計(jì)軟件，作品是圖片，學(xué)生有興趣感，同時(shí)還能激發(fā)進(jìn)一步學(xué)習(xí)其它知識的興趣。

編寫程序代碼。當(dāng)需要對網(wǎng)頁增加鏈接、文檔格式設(shè)置、特效設(shè)置、數(shù)據(jù)庫連接時(shí)，就要講授HTML或ASP+SQlSERVER的代碼，講解這些內(nèi)容，我們遵從的是①先簡單、后復(fù)雜;②先基礎(chǔ)，后綜合;③先概要，再細(xì)化的原則。按照事先分解好的子任務(wù)，結(jié)合教學(xué)進(jìn)度與學(xué)生的接受能力，用簡單易懂的的語言把每一個(gè)知識點(diǎn)貫穿到子任務(wù)中進(jìn)行講解。講解時(shí)，采取及時(shí)互動，了解學(xué)生的接受情況，動態(tài)調(diào)整教學(xué)過程，切忌滿堂灌，貪多求全，盡量消除學(xué)生害怕編寫程序的畏難心理，讓他們覺得編程簡單好學(xué)。

改變考核方式?！傲A段”教學(xué)法授課的科目沒有采用過去那種期末一次考試定成績的方式，采用平時(shí)成績+技能考核相結(jié)合的方式。整個(gè)教學(xué)過程，學(xué)生都在在積極地完成屬于自己的項(xiàng)目內(nèi)容，每個(gè)過程都反映了每位小組成員的學(xué)習(xí)態(tài)度、知識掌握程度等。平時(shí)，老師根據(jù)教學(xué)進(jìn)度，每兩周作一次項(xiàng)目完成檢查，作為平時(shí)成績;期末，每個(gè)小組及小組成員做一次成果匯報(bào)，評委成員是相關(guān)學(xué)科教師和每個(gè)小組的項(xiàng)目組長，他們根據(jù)成員匯報(bào)情況對學(xué)生項(xiàng)目進(jìn)行綜合評分，作為學(xué)期總評成績的一部分。這種評價(jià)，客觀公正，大致能體現(xiàn)學(xué)生對知識掌握與運(yùn)用的程度。

3教學(xué)實(shí)施

網(wǎng)頁設(shè)計(jì)課程以“項(xiàng)目”為載體，以“六階段”教學(xué)法為手段進(jìn)行教學(xué)，下面以動態(tài)網(wǎng)頁中數(shù)據(jù)連接為例，選擇“制作小型留言板”這一任務(wù)，其教學(xué)結(jié)果是:通過實(shí)例，使學(xué)生能掌握ASP中數(shù)據(jù)庫的連接方法，數(shù)據(jù)庫的結(jié)構(gòu)設(shè)計(jì)，數(shù)據(jù)庫記錄的添加、刪除、編輯、查詢等的相關(guān)知識;學(xué)生通過該項(xiàng)目的制作，將獲得團(tuán)隊(duì)協(xié)作、信息收集、人際交往等能力，同時(shí)還能培養(yǎng)其綜合運(yùn)用知識的能力，如圖片處理、頁面美化、數(shù)據(jù)庫結(jié)構(gòu)優(yōu)化等。教師通過對學(xué)生的指導(dǎo)，動態(tài)觀察、了解學(xué)生，轉(zhuǎn)變過去的“填鴨式”教學(xué)，給自己營造一個(gè)輕松的教學(xué)與學(xué)習(xí)環(huán)境，大大提高工作效率與科研能力。該項(xiàng)目涉及到用戶需求調(diào)研、平面頁面設(shè)計(jì)、靜態(tài)頁面設(shè)計(jì)、動畫頁面設(shè)計(jì)、素材的搜集、算法的設(shè)計(jì)、功能菜單的設(shè)計(jì)、數(shù)據(jù)庫結(jié)構(gòu)設(shè)計(jì)與調(diào)試等方面內(nèi)容，各小組根據(jù)組員特長分工，最終完成項(xiàng)目任務(wù)。為了把這個(gè)教學(xué)任務(wù)落實(shí)的實(shí)處，我們采取項(xiàng)目階段評估與項(xiàng)目總結(jié)評估想結(jié)合，最大限度的讓每個(gè)小組成員都能以任務(wù)為綱，通過多途徑、多角度的分析積極地完成任務(wù)，同時(shí)制定相應(yīng)激勵與懲罰機(jī)制，使同學(xué)們都自我約束把任務(wù)完成到最好。“六階段”教學(xué)法教學(xué)過程設(shè)計(jì)流程圖如圖2。“制作小型留言板”這一任務(wù)主要練習(xí)數(shù)據(jù)庫的操作，前臺頁面瀏覽用戶留言，進(jìn)入后臺有錄入內(nèi)容，編輯、刪除內(nèi)容等功能。任務(wù)完成后，要求程序運(yùn)行給出如下界面圖3?！傲A段”教學(xué)法具體實(shí)施形式如下:

項(xiàng)目驅(qū)動，引入任務(wù)上課時(shí)，把事先做好的“留言板”演示給學(xué)生看，通過項(xiàng)目演示，同學(xué)們有個(gè)感性認(rèn)識，接著引入教學(xué)任務(wù)，提出如何完成該項(xiàng)目，有什么樣的解決方案等問題。目的是激發(fā)學(xué)生的學(xué)習(xí)興趣、讓學(xué)生感到學(xué)有所用，從而明確本次課的教學(xué)目標(biāo)。

項(xiàng)目分析，解決構(gòu)思對項(xiàng)目進(jìn)行分析，指出該項(xiàng)目應(yīng)用了圖片處理、gif動畫、配置動態(tài)服務(wù)器、建立動態(tài)站點(diǎn)、頁面布局、數(shù)據(jù)庫設(shè)計(jì)、超級鏈接、表格、插入圖片、表單等知識點(diǎn)，技術(shù)難點(diǎn)是數(shù)據(jù)庫的連接、綁定建立記錄集、加載服務(wù)器行為、插入記錄等，面對這么多知識點(diǎn)，該怎樣去解決呢?在講解時(shí)主要采用自頂向下，逐步細(xì)化，把大知識點(diǎn)分解為一個(gè)個(gè)子任務(wù)，逐個(gè)講解制作思路與技術(shù)要點(diǎn)。在任務(wù)分析的過程中，采用互動方式，及時(shí)解決學(xué)生遇到的問題，從而打消學(xué)生對疑難知識的理解，加深其對作品創(chuàng)作的深度認(rèn)識。

操作演示，貫穿提高通過對作品設(shè)計(jì)思路的分析，學(xué)生對“留言板”的設(shè)計(jì)有一個(gè)大概的認(rèn)識，下一步就是教師邊操作演示邊講解，系統(tǒng)地把“留言板”如何制作一遍。如“實(shí)現(xiàn)數(shù)據(jù)庫和站點(diǎn)的連接”這部分內(nèi)容，一邊講解三種連接數(shù)據(jù)庫的方式，一邊演示怎么連接，以及他們之間有什么關(guān)系、各有什么優(yōu)缺點(diǎn)等?在這個(gè)階段，重在的“引導(dǎo)”學(xué)生掌握制作過程。

技術(shù)要點(diǎn)總結(jié)，重難點(diǎn)解析“留言板”案例講授完后，要對本次課的教學(xué)目的、重點(diǎn)、難點(diǎn)、容易出錯(cuò)處等及時(shí)進(jìn)行總結(jié)。并針對案例存在的不足之處，提出優(yōu)化方案。告訴學(xué)生該怎樣去運(yùn)用知識，如何能快速的掌握重點(diǎn)、難點(diǎn)等知識，以便在后續(xù)的學(xué)習(xí)過程中能自我抓住學(xué)習(xí)重點(diǎn)、難點(diǎn)等知識。

任務(wù)實(shí)施，實(shí)踐制作這個(gè)階段主要是讓學(xué)生以小組為單位，合作完成該任務(wù)。如“實(shí)現(xiàn)留言板管理頁面功能”包括①布局頁面②用戶登陸的設(shè)置③在數(shù)據(jù)表中添加管理員信息④建立管理頁面⑤添加服務(wù)器行為等內(nèi)容，這么多任務(wù)在課內(nèi)是完不成的，這時(shí)我們要求學(xué)生在課外通過自我學(xué)習(xí)與團(tuán)隊(duì)協(xié)作相結(jié)合來實(shí)現(xiàn)，即要求學(xué)生既發(fā)揮主管能動性與創(chuàng)新精神，又要與小組成員充分地溝通交流。

學(xué)生評價(jià)，形成自己的知識經(jīng)驗(yàn)在學(xué)生完成“留言板”項(xiàng)目后，要求學(xué)生作小組匯報(bào)，學(xué)生當(dāng)著老師與同學(xué)的面當(dāng)場演示、解說“留言板”的自作過程，然后讓大家互相討論，各自提出自己的看法與見解，達(dá)到互相交流，取長補(bǔ)短的目的。教師在此過程中以實(shí)現(xiàn)預(yù)定的教學(xué)目標(biāo)為目的，適當(dāng)?shù)匾龑?dǎo)討論方向。以這種方式進(jìn)行學(xué)習(xí)效果的評價(jià)，給每位學(xué)生以表現(xiàn)的機(jī)會，使學(xué)生自我實(shí)現(xiàn)的需要得到滿足，從而帶動教學(xué)全過程，使學(xué)習(xí)成為學(xué)生內(nèi)在的需要