基于工作過程的《網(wǎng)頁(yè)設(shè)計(jì)與制作》課程的教學(xué)改革

袁堂青

【摘 要】高職院校深化課程的教學(xué)改革是培養(yǎng)專業(yè)技能型人才的有效手段，為了培養(yǎng)學(xué)生具備制作網(wǎng)站的專業(yè)技能，激發(fā)學(xué)生學(xué)習(xí)這門技術(shù)的興趣，專業(yè)教師結(jié)合多年的工作經(jīng)驗(yàn)及多年的教學(xué)經(jīng)驗(yàn)，對(duì)《網(wǎng)頁(yè)設(shè)計(jì)與制作》課程進(jìn)行了有效的教學(xué)改革，在教學(xué)內(nèi)容設(shè)置上更加突顯專業(yè)性、技能性及應(yīng)用性等方面的內(nèi)容，使本課程內(nèi)容符合本專業(yè)的培養(yǎng)目標(biāo)，教學(xué)設(shè)計(jì)上更加突顯工作場(chǎng)景的應(yīng)用，在考核標(biāo)準(zhǔn)上更加注重學(xué)生創(chuàng)新及制作能力的考核，在培養(yǎng)目標(biāo)上更加側(cè)重專業(yè)素質(zhì)及技能型人才的培養(yǎng)。

【關(guān)鍵詞】網(wǎng)頁(yè)設(shè)計(jì)與制作；互聯(lián)網(wǎng)+教學(xué)；教學(xué)改革；基于工作過程

《網(wǎng)頁(yè)設(shè)計(jì)與制作》課程是我院計(jì)算機(jī)多媒體技術(shù)專業(yè)和網(wǎng)站規(guī)劃與開發(fā)技術(shù)專業(yè)的一門專業(yè)核心課，具有專業(yè)性強(qiáng)，實(shí)用性強(qiáng)，獨(dú)立性強(qiáng)等特點(diǎn)，本課程在這兩個(gè)專業(yè)特別是網(wǎng)站專業(yè)的課程體系中處于核心地位。

1 課程培養(yǎng)目標(biāo)與企業(yè)用人標(biāo)準(zhǔn)

《網(wǎng)頁(yè)設(shè)計(jì)與制作》課程側(cè)重培養(yǎng)學(xué)生的網(wǎng)頁(yè)的基本設(shè)計(jì)能力及制作能力的訓(xùn)練，要求學(xué)生熟練掌握網(wǎng)站制作中的各種基本技能，具備設(shè)計(jì)、開發(fā)、維護(hù)中小型網(wǎng)站的基本知識(shí)和能力，使學(xué)生能夠具備從事職場(chǎng)工作的綜合素養(yǎng)。

1.1 企業(yè)用人標(biāo)準(zhǔn)

通過網(wǎng)上調(diào)研及與企業(yè)專業(yè)人士探討，對(duì)企業(yè)招聘的“網(wǎng)頁(yè)設(shè)計(jì)師”的大體要求總結(jié)為以下幾點(diǎn)：

1）要求具備良好的職業(yè)素養(yǎng)及個(gè)人素養(yǎng)，具有較強(qiáng)的團(tuán)隊(duì)合作意識(shí)，對(duì)工作認(rèn)真負(fù)責(zé)。

2）具有創(chuàng)新意識(shí)，能夠較好的把握網(wǎng)站的整體設(shè)計(jì)風(fēng)格和網(wǎng)站內(nèi)容整體規(guī)劃。

3）熟練使用Flash、PS、Dreamweaver等相關(guān)工具，能夠熟練地使用HTML+CSS對(duì)網(wǎng)頁(yè)進(jìn)行代碼的編寫，對(duì)從業(yè)人員要求具備系統(tǒng)的專業(yè)知識(shí)和具備一定的實(shí)踐經(jīng)驗(yàn)。

4）要求從業(yè)人員具備一定的代碼優(yōu)化能力和網(wǎng)站維護(hù)能力。

1.2 課程達(dá)到的教育標(biāo)準(zhǔn)

根據(jù)企業(yè)用人標(biāo)準(zhǔn)及本專業(yè)的的培養(yǎng)目標(biāo)、理論和實(shí)踐教學(xué)目標(biāo)形成了本課程所應(yīng)達(dá)到的教育標(biāo)準(zhǔn)，通過本課程的學(xué)習(xí)和實(shí)訓(xùn)， 學(xué)生能夠具備以下能力：web站點(diǎn)的規(guī)劃、網(wǎng)站策劃、構(gòu)建及發(fā)布的能力；網(wǎng)頁(yè)設(shè)計(jì)與制作能力；Flash動(dòng)畫的創(chuàng)意及制作能力；HTML+CSS代碼編寫能力；簡(jiǎn)單的網(wǎng)站優(yōu)化能力。

2 《網(wǎng)頁(yè)設(shè)計(jì)與制作》課程的教學(xué)設(shè)計(jì)

2.1 明確教學(xué)目標(biāo)，優(yōu)化教學(xué)內(nèi)容

高職院校的人才培養(yǎng)目標(biāo)和模式必須要迎合市場(chǎng)對(duì)人才的需求，培養(yǎng)具有創(chuàng)新意識(shí)、團(tuán)隊(duì)合作能力、分析問題、解決問題能力的綜合素質(zhì)的人才。為了提高本課程的教學(xué)效果，我們必須優(yōu)化教學(xué)內(nèi)容。

根據(jù)我院網(wǎng)站專業(yè)及計(jì)算機(jī)相關(guān)專業(yè)的人才培養(yǎng)方案要求學(xué)生具備相應(yīng)的專業(yè)知識(shí)外，還應(yīng)具有相應(yīng)的專業(yè)素養(yǎng)。為此，我們將對(duì)課程的教學(xué)內(nèi)容進(jìn)行優(yōu)化、細(xì)化，增加與實(shí)際工作相關(guān)的學(xué)習(xí)內(nèi)容，刪除或弱化與工作聯(lián)系不密切的內(nèi)容。使得課程教學(xué)內(nèi)容包括以下五部分：①網(wǎng)站入門；②DW軟件使用；③HTML+CSS代碼的學(xué)習(xí)；④網(wǎng)站策劃與開發(fā)；⑤網(wǎng)站測(cè)試與維護(hù)；⑥網(wǎng)站優(yōu)化（SEO），同時(shí)還要根據(jù)市場(chǎng)需求對(duì)課程進(jìn)行隨時(shí)的修訂。

2.2 教學(xué)模式的選擇

由于做網(wǎng)站對(duì)學(xué)生的創(chuàng)意能力及制作能力要求較高，所以本課程的課堂教學(xué)采用了多元化的模式：班級(jí)授課、互聯(lián)網(wǎng)+教學(xué)、個(gè)別化教學(xué)、實(shí)訓(xùn)指導(dǎo)。班級(jí)授課是在實(shí)訓(xùn)機(jī)房教師模擬真實(shí)的工作場(chǎng)景，結(jié)合講授，以多媒體信息展示教學(xué)內(nèi)容，并根據(jù)學(xué)生的反饋及時(shí)調(diào)整教學(xué)進(jìn)度，重點(diǎn)指導(dǎo)，強(qiáng)化重點(diǎn)；學(xué)生需要根據(jù)老師提出的項(xiàng)目任務(wù)進(jìn)行分析、分解、優(yōu)化并制作?；ヂ?lián)網(wǎng)+教學(xué)是以課后學(xué)生需要通過互聯(lián)網(wǎng)來復(fù)習(xí)、預(yù)習(xí)課程內(nèi)容，并且能根據(jù)老師提出的問題進(jìn)行思考為主要手段的一種方式，教師還應(yīng)通過互聯(lián)網(wǎng)能學(xué)生進(jìn)行適當(dāng)?shù)闹笇?dǎo)。

2.3 教學(xué)方法的設(shè)計(jì)

教學(xué)過程中充分利用先進(jìn)的教學(xué)技術(shù)和方法，在實(shí)訓(xùn)機(jī)房模擬真實(shí)的工作環(huán)境，從小的任務(wù)開始，讓學(xué)生一開始就有一種職場(chǎng)的環(huán)境，并采取團(tuán)隊(duì)合作的方式，三五人一組，實(shí)行同學(xué)間幫扶、老師指導(dǎo)、團(tuán)隊(duì)合作的方式逐步提高同學(xué)們的專業(yè)職業(yè)能力。

2.3.1 模擬工作環(huán)境，精心為學(xué)生設(shè)計(jì)典型的工作任務(wù)

在知識(shí)的學(xué)習(xí)中，以“任務(wù)”為引導(dǎo)的真實(shí)工作環(huán)境教學(xué)，真實(shí)地模擬工作環(huán)境，給學(xué)生切實(shí)可行的工作任務(wù)。 同時(shí)，還要對(duì)任務(wù)中的學(xué)生進(jìn)行了解和觀察，根據(jù)他們的興趣設(shè)置合理的任務(wù)，把實(shí)際工作的場(chǎng)景帶到課堂中去，讓學(xué)生不單單是處于課堂的學(xué)習(xí)，更要有一種置身于工作的體驗(yàn)。使學(xué)習(xí)與工作融為一體，更加有效地驅(qū)動(dòng)學(xué)生前進(jìn)。

2.3.2 工作場(chǎng)景中的“項(xiàng)目”導(dǎo)向?qū)W習(xí)

在學(xué)生掌握了基本的知識(shí)后，就應(yīng)讓學(xué)生真正置身于工作環(huán)境中，在工作過程中提高自己的水平，在工作過程中學(xué)習(xí)的另一個(gè)方法就是給其設(shè)定“項(xiàng)目開發(fā)”的工作任務(wù)，工作場(chǎng)景中以“項(xiàng)目”為主導(dǎo)的核心理念是“以學(xué)生為主體，以項(xiàng)目為推動(dòng)學(xué)生前進(jìn)的動(dòng)力，以教師指導(dǎo)為輔助手段”，它強(qiáng)調(diào)在工作過程中以項(xiàng)目開發(fā)為整個(gè)工作任務(wù)，把所學(xué)知識(shí)綜合運(yùn)用到給定項(xiàng)目的開發(fā)中，在整個(gè)開發(fā)過程中他們會(huì)發(fā)現(xiàn)自己的薄弱環(huán)節(jié)，能夠更清楚自己在哪方面的欠缺，從而提高他們自己在此方面的學(xué)習(xí)動(dòng)力，并且能提高他們團(tuán)隊(duì)合作的意識(shí)。

3 《網(wǎng)頁(yè)設(shè)計(jì)與制作》課程的考核標(biāo)準(zhǔn)

3.1 課程考核標(biāo)準(zhǔn)

本課程的考核標(biāo)準(zhǔn)由以下三部分構(gòu)成：學(xué)生的職業(yè)素養(yǎng)、學(xué)生的專業(yè)基礎(chǔ)知識(shí)、學(xué)生的專業(yè)技能。各部分的具體內(nèi)容如下：

學(xué)生的職業(yè)素養(yǎng)：學(xué)生在工作中的工作態(tài)度、團(tuán)隊(duì)合作精神、再學(xué)習(xí)的精神及職業(yè)道德。

學(xué)生的專業(yè)基礎(chǔ)知識(shí)：各種文件的設(shè)計(jì)規(guī)范、命名規(guī)范、HTML+CSS的編寫規(guī)范、圖像處理規(guī)范，整站建設(shè)、維護(hù)及優(yōu)化等專業(yè)基礎(chǔ)知識(shí)。

學(xué)生的專業(yè)技能：網(wǎng)站策劃能力、網(wǎng)站規(guī)劃能力、圖像處理能力、網(wǎng)站的設(shè)計(jì)與制作 能力、網(wǎng)站的開發(fā)能力、網(wǎng)站維護(hù)能力及網(wǎng)站優(yōu)化能力。

對(duì)學(xué)生的專業(yè)基礎(chǔ)知識(shí)考核主要以日常的教學(xué)基本目標(biāo)為準(zhǔn)則，對(duì)職業(yè)素養(yǎng)的考核主要是以學(xué)生在團(tuán)隊(duì)中的表現(xiàn)為基準(zhǔn)對(duì)其進(jìn)行多方位的考核。

考核的原則以學(xué)生掌握的專業(yè)基礎(chǔ)知識(shí)和專業(yè)職業(yè)技能為重點(diǎn)，以職業(yè)素養(yǎng)為輔的考核原則，對(duì)于職業(yè)素養(yǎng)，一般是在平時(shí)的團(tuán)隊(duì)合作中完成，對(duì)于專業(yè)基礎(chǔ)知識(shí)的考核主要是在平時(shí)的工作任務(wù)中進(jìn)行，而對(duì)于專業(yè)職業(yè)技能則主要是在開發(fā)的項(xiàng)目案例中進(jìn)行。各部分考核的比重如下：專業(yè)職業(yè)素養(yǎng)（10%）+專業(yè)基礎(chǔ)知識(shí)（30%）+專業(yè)技能（60%）=100%。

傳統(tǒng)的《網(wǎng)頁(yè)設(shè)計(jì)與制作》課程考核標(biāo)準(zhǔn)側(cè)重于對(duì)專業(yè)的基礎(chǔ)知識(shí)的考核，目前我們對(duì)于學(xué)生能力的培養(yǎng)主要以職業(yè)能力為目標(biāo)，所以我們制訂的新標(biāo)準(zhǔn)應(yīng)側(cè)重于對(duì)學(xué)生職業(yè)能力的考核，更加注重對(duì)學(xué)生走向職場(chǎng)的綜合素質(zhì)的培養(yǎng)。

3.2 平時(shí)成績(jī)考核

1）出勤和課堂案例策劃：對(duì)于缺勤、遲到或早退都要扣相應(yīng)的分?jǐn)?shù)，對(duì)到課堂上布置的案例進(jìn)行分析的同學(xué)都有記錄，會(huì)有加分。

2）平時(shí)作業(yè)：課程最初階段我們是以小的任務(wù)作為課堂作業(yè)，而當(dāng)課程進(jìn)行到接近一半的時(shí)候，我們會(huì)要求學(xué)生選一個(gè)主題作為網(wǎng)站的名稱，開始網(wǎng)站的建設(shè)之路。這個(gè)簡(jiǎn)單的網(wǎng)站制作和平時(shí)的工作任務(wù)作為平時(shí)的成績(jī)。

3.3 期末考試成績(jī)

期末考試的作品對(duì)學(xué)生的要求比較高，教師提前一個(gè)周對(duì)學(xué)生布置一個(gè)主題，要求制作一個(gè)中小型的網(wǎng)站，要求在一個(gè)周內(nèi)完成。以公司對(duì)員工作品的要求的標(biāo)準(zhǔn)對(duì)學(xué)生的作品進(jìn)行考核，檢測(cè)學(xué)生對(duì)整站創(chuàng)作的理解、對(duì)創(chuàng)意、設(shè)計(jì)、題材理解、網(wǎng)站內(nèi)容規(guī)劃、圖像處理能力、動(dòng)畫制作能力、色彩理解能力、網(wǎng)站布局、站點(diǎn)管理、網(wǎng)站上傳下載、網(wǎng)站優(yōu)化等綜合能力。

本課程的改革使學(xué)生在工作中學(xué)習(xí)，學(xué)習(xí)的不僅僅是課本上的知識(shí)，更多的是做出來的作品，讓學(xué)生很有成就感，這必將激發(fā)學(xué)生的學(xué)習(xí)興趣，提高學(xué)生的自主學(xué)習(xí)和創(chuàng)新的能力，使學(xué)生的職業(yè)能力迅速提高，同時(shí)網(wǎng)站開發(fā)是一個(gè)綜合運(yùn)用各種知識(shí)的技術(shù)，在開發(fā)過程中學(xué)生的綜合能力也會(huì)得到提高，增強(qiáng)了學(xué)生的可持續(xù)發(fā)展的能力。

[責(zé)任編輯：王偉平]