前言：本站為你精心整理了網(wǎng)頁(yè)設(shè)計(jì)課程實(shí)訓(xùn)模式改革范文，希望能為你的創(chuàng)作提供參考價(jià)值，我們的客服老師可以幫助你提供個(gè)性化的參考范文，歡迎咨詢(xún)。

1.課程改革思路

工作過(guò)程是企業(yè)為完成一件工作任務(wù)并獲得工作成果而進(jìn)行的一個(gè)完整過(guò)程。生產(chǎn)復(fù)雜產(chǎn)品、完成重大項(xiàng)目都可能需要多個(gè)工作過(guò)程，從而構(gòu)成該產(chǎn)品、該項(xiàng)目的工作過(guò)程系統(tǒng)。基于工作過(guò)程即工作過(guò)程導(dǎo)向，是一種課程開(kāi)發(fā)方法，是2002年德國(guó)勞耐爾(Rauner)教授帶領(lǐng)下的不來(lái)梅大學(xué)技術(shù)與教育研究所與大眾汽車(chē)公司合作開(kāi)發(fā)的一種職業(yè)教育課程開(kāi)發(fā)方法。網(wǎng)頁(yè)設(shè)計(jì)課程面向的崗位群中最主要最具代表性的是前端工程師。所以在網(wǎng)頁(yè)設(shè)計(jì)課程的開(kāi)發(fā)過(guò)程中依托前端工程師崗位展開(kāi)。課題在研究過(guò)程中將通過(guò)走訪(fǎng)企業(yè)、校內(nèi)交流、理論應(yīng)用研究、調(diào)查問(wèn)卷等方法對(duì)網(wǎng)頁(yè)設(shè)計(jì)人才需求情況和課程開(kāi)展情況展開(kāi)分析。根據(jù)調(diào)查研究中所發(fā)現(xiàn)的網(wǎng)頁(yè)設(shè)計(jì)課程教學(xué)過(guò)程中所存在的問(wèn)題，結(jié)合企業(yè)對(duì)網(wǎng)頁(yè)設(shè)計(jì)人才能力的需求，對(duì)網(wǎng)頁(yè)設(shè)計(jì)師的工作過(guò)程進(jìn)行分析，分解出典型工作任務(wù)，分析各個(gè)環(huán)節(jié)的能力要求。再基于網(wǎng)頁(yè)設(shè)計(jì)師的工作過(guò)程，構(gòu)建網(wǎng)頁(yè)設(shè)計(jì)課程的實(shí)訓(xùn)教學(xué)模式，其中包括實(shí)訓(xùn)內(nèi)容、實(shí)訓(xùn)方法、考核方案等。并將構(gòu)建的實(shí)訓(xùn)教學(xué)模式應(yīng)用于教學(xué)實(shí)踐，借以激發(fā)學(xué)生的學(xué)習(xí)興趣和學(xué)習(xí)熱情，改進(jìn)教學(xué)效果。

2.前端工程師典型工作任務(wù)分解

通過(guò)調(diào)研，我們發(fā)現(xiàn)前端工程師的主要工作內(nèi)容是基于XHTML+CSS架構(gòu)根據(jù)網(wǎng)站策劃圖實(shí)現(xiàn)網(wǎng)站前端界面開(kāi)發(fā)，所采用的技術(shù)目前主要是HTML4+CSS2，但也有部分前端工程師為了達(dá)到更好的設(shè)計(jì)效果已經(jīng)升級(jí)到HTML5+CSS3。為了兼顧目前的主流技術(shù)，課程設(shè)計(jì)以HTML4+CSS2為主要教學(xué)內(nèi)容。但為了學(xué)生將來(lái)的技術(shù)升級(jí)和可持續(xù)發(fā)展，課程簡(jiǎn)單涉及到HTML5+CSS3的特點(diǎn)。將前端工程師的主要工作內(nèi)容進(jìn)行分析整理，結(jié)合前端工程師應(yīng)具備的能力和素質(zhì)，我們將前端工程師的典型工作過(guò)程分解為以下八個(gè)部分：網(wǎng)站規(guī)劃、頁(yè)面布局、簡(jiǎn)單元素添加、導(dǎo)航欄設(shè)計(jì)、圖文列表設(shè)計(jì)、特效腳本應(yīng)用、系統(tǒng)設(shè)計(jì)、兼容性測(cè)試。一個(gè)網(wǎng)站是由一個(gè)個(gè)網(wǎng)頁(yè)所組成的。任何一個(gè)網(wǎng)頁(yè)都要經(jīng)過(guò)除了網(wǎng)站規(guī)劃之外的七個(gè)步驟才能完成，每一個(gè)網(wǎng)頁(yè)的設(shè)計(jì)完成需要用到的知識(shí)基本類(lèi)似，所以這里我們以單個(gè)網(wǎng)頁(yè)的設(shè)計(jì)完成為主要目標(biāo)。前端工程師崗位的工作內(nèi)容在技術(shù)方面涉及到Photoshop、Flash等網(wǎng)頁(yè)設(shè)計(jì)圖形設(shè)計(jì)軟件的使用以及JavaScript特效腳本的應(yīng)用，這些都是網(wǎng)頁(yè)設(shè)計(jì)課程的前導(dǎo)課程或同期課程的講授內(nèi)容，所以在此只涉及到應(yīng)用，并不深入講解。

3.重新構(gòu)建教學(xué)體系

3.1實(shí)訓(xùn)內(nèi)容設(shè)計(jì)

網(wǎng)頁(yè)設(shè)計(jì)課程是以實(shí)踐為基礎(chǔ)的核心課程，所有理論知識(shí)必須在技能訓(xùn)練過(guò)程中得以掌握和運(yùn)用，所以必須注重培養(yǎng)學(xué)生理論知識(shí)的靈活運(yùn)用能力和網(wǎng)頁(yè)制作實(shí)訓(xùn)能力。網(wǎng)頁(yè)設(shè)計(jì)課程的實(shí)訓(xùn)內(nèi)容設(shè)計(jì)重點(diǎn)體現(xiàn)在以下幾個(gè)方面：

(1)以工作過(guò)程分解為依據(jù)。網(wǎng)頁(yè)設(shè)計(jì)課程以前端工程師的典型工作過(guò)程分解為依據(jù)，將實(shí)訓(xùn)內(nèi)容設(shè)計(jì)為包括局部設(shè)計(jì)、界面設(shè)計(jì)、兼容性測(cè)試、案例實(shí)訓(xùn)四個(gè)大的模塊，貼近前端工程師的工作過(guò)程，滿(mǎn)足前端工程師的崗位能力需求，使整個(gè)教學(xué)過(guò)程更加具有針對(duì)性。局部設(shè)計(jì)又由常用XHTML標(biāo)簽、DIV布局、CSS樣式美化、JavaScript頁(yè)面特效組成。局部模塊設(shè)計(jì)即兼顧網(wǎng)頁(yè)設(shè)計(jì)課程知識(shí)體系的系統(tǒng)性，又結(jié)合前端工程師的工作過(guò)程，即有利于加深學(xué)生對(duì)個(gè)別知識(shí)點(diǎn)的理解，又有利于學(xué)生網(wǎng)頁(yè)設(shè)計(jì)知識(shí)體系的構(gòu)建。

(2)基礎(chǔ)知識(shí)與綜合實(shí)訓(xùn)并重。實(shí)訓(xùn)內(nèi)容的前三個(gè)模塊屬于基礎(chǔ)知識(shí)學(xué)習(xí)部分，最后一個(gè)案例實(shí)訓(xùn)模塊屬于綜合實(shí)訓(xùn)。在整個(gè)課程設(shè)計(jì)中，綜合實(shí)訓(xùn)課時(shí)占整個(gè)課程課時(shí)的1/3以上。課程教學(xué)方式也從前期的講練結(jié)合，轉(zhuǎn)變?yōu)閷?shí)訓(xùn)輔導(dǎo)為主；授課對(duì)象從前期的面向整體為主，轉(zhuǎn)為面向個(gè)體為主。通過(guò)對(duì)綜合實(shí)訓(xùn)課時(shí)比例的增加，培養(yǎng)學(xué)生對(duì)知識(shí)點(diǎn)的綜合運(yùn)用能力，進(jìn)而無(wú)縫銜接前端工程師的崗位能力。

(3)化整為零、小小案例。前端工程師的工作過(guò)程是一個(gè)系統(tǒng)性非常強(qiáng)的、復(fù)雜的工程，由很多小的知識(shí)點(diǎn)組成，需要對(duì)知識(shí)點(diǎn)進(jìn)行綜合、靈活的應(yīng)用。針對(duì)知識(shí)點(diǎn)的案例往往并不適用于整體網(wǎng)頁(yè)設(shè)計(jì)，這就造成了知識(shí)點(diǎn)的學(xué)習(xí)與綜合實(shí)訓(xùn)的脫節(jié)，容易給學(xué)生造成一種無(wú)所適從感。課程實(shí)訓(xùn)設(shè)計(jì)將分布于綜合實(shí)訓(xùn)中的局部功能分解為基礎(chǔ)知識(shí)點(diǎn)的學(xué)習(xí)案例，一個(gè)個(gè)局部功能分解為一個(gè)個(gè)小小案例。這種方法也使得學(xué)生在做綜合實(shí)訓(xùn)時(shí)有一種親切感，方便學(xué)生知識(shí)體系從局部到整體的構(gòu)建。

3.2實(shí)訓(xùn)方法設(shè)計(jì)

課程實(shí)訓(xùn)方法設(shè)計(jì)結(jié)合實(shí)訓(xùn)內(nèi)容特點(diǎn)，采用“教、學(xué)、做”一體化的教學(xué)方法。局部設(shè)計(jì)主要采用理論實(shí)踐一體化的項(xiàng)目教學(xué)法和任務(wù)驅(qū)動(dòng)教學(xué)法，強(qiáng)調(diào)知識(shí)點(diǎn)在小案例中的應(yīng)用。綜合實(shí)訓(xùn)主要采用分組教學(xué)法和真實(shí)案例教學(xué)法，強(qiáng)調(diào)小組協(xié)作能力和綜合實(shí)訓(xùn)能力。

(1)項(xiàng)目教學(xué)法。項(xiàng)目教學(xué)法時(shí)一種由項(xiàng)目引入進(jìn)而展開(kāi)知識(shí)點(diǎn)的教學(xué)方法，一邊分析講解、一邊操作演示，講練結(jié)合，激發(fā)學(xué)生學(xué)習(xí)興趣，提高學(xué)生分析問(wèn)題、解決問(wèn)題的實(shí)際能力，輕松達(dá)到教學(xué)目標(biāo)。

(2)任務(wù)驅(qū)動(dòng)教學(xué)法。將實(shí)訓(xùn)內(nèi)容設(shè)計(jì)為一個(gè)個(gè)獨(dú)立任務(wù)，充分調(diào)動(dòng)學(xué)生的學(xué)習(xí)積極性和主動(dòng)性。任務(wù)也分為三種類(lèi)型：局部功能任務(wù)、整體設(shè)計(jì)任務(wù)、真實(shí)企業(yè)任務(wù)。任務(wù)的實(shí)施也是從簡(jiǎn)單的局部功能任務(wù)到整體設(shè)計(jì)任務(wù)，再到靈活運(yùn)用的真實(shí)企業(yè)任務(wù)的過(guò)程，逐步進(jìn)階。任務(wù)驅(qū)動(dòng)貫穿整個(gè)實(shí)訓(xùn)環(huán)節(jié)設(shè)計(jì)，有利于訓(xùn)練學(xué)生的職業(yè)態(tài)度，也有利于提高學(xué)生的知識(shí)應(yīng)用能力和創(chuàng)新能力。

(3)分組教學(xué)法。綜合實(shí)訓(xùn)階段的任務(wù)相對(duì)復(fù)雜，單個(gè)同學(xué)實(shí)現(xiàn)有一定的難度，所以采用分組教學(xué)的方法，有利于形成小組內(nèi)探討解決問(wèn)題的氛圍，也有利于加深對(duì)知識(shí)點(diǎn)的理解，能有效培養(yǎng)學(xué)生的團(tuán)隊(duì)意識(shí)。為充分發(fā)揮每個(gè)成員的潛能，形成足夠量的成員任務(wù)，在設(shè)計(jì)小組時(shí)人數(shù)不宜太多，一般以2-3人為宜。

(4)真實(shí)案例教學(xué)法。將企業(yè)真實(shí)案例引入教學(xué)過(guò)程，能有效拉近課程教學(xué)與崗位能力需求之間的距離，充分激發(fā)學(xué)生的學(xué)習(xí)熱情，即能讓學(xué)生對(duì)崗位能力需求有更深刻的理解，也能增加學(xué)生的自我認(rèn)同感和成就感，進(jìn)而達(dá)到培養(yǎng)崗位人才的目的。

3.3考核方案設(shè)計(jì)

本課程的最終目的是要求學(xué)生應(yīng)用所學(xué)知識(shí)，根據(jù)網(wǎng)站策劃圖完成網(wǎng)站設(shè)計(jì)。前端工程師是一個(gè)注重實(shí)際能力的崗位，傳統(tǒng)的理論知識(shí)考試方式不能充分評(píng)價(jià)學(xué)生的學(xué)習(xí)成績(jī)和能力水平，對(duì)于學(xué)生實(shí)踐能力的提高，以及就業(yè)能力的提高是沒(méi)有多少益處的。也有部分研究者將考核形式改為考核學(xué)生完成網(wǎng)站作品制作的形式。這種考核方式相對(duì)理論知識(shí)考試有了很大的進(jìn)步，更加注重實(shí)踐能力的考核，但很多時(shí)候教師考核給出的網(wǎng)站策劃作品比較滯后，內(nèi)容相對(duì)簡(jiǎn)單，所有同學(xué)完成一樣的網(wǎng)站設(shè)計(jì)，難免存在抄襲的嫌疑。這就造成了很多同學(xué)覺(jué)得自己對(duì)課程內(nèi)知識(shí)掌握的不錯(cuò)，但看到企業(yè)復(fù)雜的網(wǎng)站策劃圖，依然不敢面試前端工程師崗位。因此課題組對(duì)考核方案進(jìn)行了大膽的改革，期末總評(píng)學(xué)習(xí)成績(jī)由三部分組成：過(guò)程考核(平時(shí)到課考勤、上課回答問(wèn)題和隨堂作品)占20%、技能考核(課內(nèi)分模塊作品以及綜合設(shè)計(jì)作品)占30%和項(xiàng)目考核(期末綜合作品)占50%。這種方式較為客觀的反應(yīng)了學(xué)生的學(xué)習(xí)情況和能力水平，主要特點(diǎn)包括：

(1)真題真做。將企業(yè)一線(xiàn)的多個(gè)真實(shí)案例拿來(lái)供學(xué)生選擇，作為項(xiàng)目考核題目。多種作業(yè)選擇能在一定程度上減少學(xué)生作業(yè)抄襲的情況。來(lái)自企業(yè)一線(xiàn)的真實(shí)案例與崗位能力要求高度契合，增強(qiáng)學(xué)生就業(yè)能力和自信心。

(2)注重過(guò)程考核。期末考核只占期末總評(píng)成績(jī)的50%，其余兩部分都是教學(xué)過(guò)程中完成的，屬于過(guò)程考核。這樣的考核方案設(shè)計(jì)能有效避免學(xué)生過(guò)分注重短時(shí)間的期末考核，能使學(xué)生更加重視知識(shí)技能積累的學(xué)習(xí)過(guò)程。

4.小結(jié)

基于工作過(guò)程的網(wǎng)頁(yè)設(shè)計(jì)課程實(shí)訓(xùn)模式開(kāi)發(fā)，以前端工程師的典型工作過(guò)程分解為依據(jù)，從簡(jiǎn)單到復(fù)雜，從局部到整體，符合學(xué)生的認(rèn)知學(xué)習(xí)規(guī)律。實(shí)踐內(nèi)容以來(lái)自企業(yè)一線(xiàn)的真實(shí)案例為基礎(chǔ)，真題真做，培養(yǎng)和提高學(xué)生的實(shí)踐動(dòng)手能力和綜合運(yùn)用能力，拉近課程培養(yǎng)與企業(yè)用人需求之間的距離，提高學(xué)生的就業(yè)能力和核心競(jìng)爭(zhēng)力，實(shí)現(xiàn)技術(shù)技能型人才的培養(yǎng)目標(biāo)。

作者：劉秀芹單位：天津?yàn)I海職業(yè)學(xué)院