《網(wǎng)頁設(shè)計(jì)與制作》教學(xué)改革及實(shí)踐

宋文平

【摘要】根據(jù)國(guó)家教育改革的精神和我?！毒W(wǎng)頁設(shè)計(jì)與制作》課程教學(xué)過程中的落后情況，我們結(jié)合教學(xué)實(shí)踐，從教學(xué)方法、教學(xué)手段、教學(xué)模式、實(shí)訓(xùn)、教師、教材、考評(píng)方式等方面，大力進(jìn)行教學(xué)改革，充分發(fā)揮現(xiàn)代信息技術(shù)作用，來提高學(xué)生的技能水平，取得一定成功。

【關(guān)鍵詞】網(wǎng)頁設(shè)計(jì)與制作 ； 課程教學(xué) ； 改革

【中圖分類號(hào)】TP393.092 【文獻(xiàn)標(biāo)識(shí)碼】B 【文章編號(hào)】2095-3089（2015）15-0266-02

一、課程教學(xué)改革背景

我校的《網(wǎng)頁設(shè)計(jì)與制作》課程是信息技術(shù)專業(yè)的重要專業(yè)基礎(chǔ)課程，該課程操作性強(qiáng)，知識(shí)點(diǎn)多，主要學(xué)習(xí)設(shè)計(jì)與制作網(wǎng)站。教學(xué)存在一些問題和弊端，如教學(xué)方法脫離實(shí)踐、與市場(chǎng)需求脫節(jié)等?！秶?guó)家中長(zhǎng)期教育改革和發(fā)展規(guī)劃綱要（2010-2020年）》明確指出：“職業(yè)教育要深化教育教學(xué)改革，創(chuàng)新教育教學(xué)方法，推進(jìn)課程改革，加強(qiáng)教材建設(shè)，探索多種培養(yǎng)方式“。因此我們進(jìn)行了改革和實(shí)踐，以改變現(xiàn)狀。

二、課程教學(xué)改革基本思路

確定基本導(dǎo)向是“把企業(yè)需求作為出發(fā)點(diǎn)，以就業(yè)為導(dǎo)向，著力培養(yǎng)學(xué)生制作網(wǎng)站的技能水平與應(yīng)用操作能力”，在此基礎(chǔ)上醞釀教學(xué)改革：第一在教學(xué)計(jì)劃修訂、課程設(shè)置上進(jìn)行調(diào)整；第二重訂教學(xué)大綱、授課計(jì)劃；第三自創(chuàng)“案例—模塊—項(xiàng)目”正逆向啟發(fā)式教學(xué)模式。

三、課程教學(xué)改革的應(yīng)用

1.教學(xué)目標(biāo)改革

由原來的學(xué)會(huì)制作網(wǎng)頁改為根據(jù)市場(chǎng)需求設(shè)計(jì)制作出一個(gè)完整的靜態(tài)網(wǎng)站。

2.課程設(shè)置改革

1）重新設(shè)置課程內(nèi)容。確定四大內(nèi)容模塊：①Dreamweaver網(wǎng)頁制作；②Flash動(dòng)畫設(shè)計(jì)；③網(wǎng)頁圖像處理Photoshop；④基礎(chǔ)的動(dòng)態(tài)網(wǎng)頁制作。第四點(diǎn)是原來不曾有的知識(shí)點(diǎn)，根據(jù)調(diào)研加上去的。

2）調(diào)整課程設(shè)置目標(biāo)。以做出完整的網(wǎng)站為最終目標(biāo)和考核方式。

3）不同專業(yè)確定不同教學(xué)目標(biāo)。原來只要是開設(shè)了本課程的專業(yè)，教學(xué)目標(biāo)都一樣，現(xiàn)在針對(duì)不同專業(yè)制定不同的教學(xué)目標(biāo)。

3.教學(xué)內(nèi)容改革

1）Dreamweaver網(wǎng)頁制作中，在原有知識(shí)點(diǎn)上增加了“HTML“、網(wǎng)頁特效制作、WEB服務(wù)器設(shè)置、域名和網(wǎng)頁空間的申請(qǐng)、網(wǎng)站測(cè)試發(fā)布宣傳和推廣、網(wǎng)站的更新管理和維護(hù)等重要知識(shí)點(diǎn)，并將原來的“表格+層”布局改為“CSS+DIV”布局。

2）Flash中強(qiáng)調(diào)變形動(dòng)畫、位移動(dòng)畫、遮罩動(dòng)畫、路徑動(dòng)畫、腳本動(dòng)畫等實(shí)踐性強(qiáng)的知識(shí)點(diǎn)操作，還增加了網(wǎng)頁制作、相冊(cè)制作等知識(shí)點(diǎn)。

3）圖像處理則以Photoshop繪制、設(shè)計(jì)、處理圖片、添加熱點(diǎn)、切片工具，制作？鄢.gif網(wǎng)頁圖像等為基礎(chǔ)，重點(diǎn)學(xué)習(xí)網(wǎng)頁布局設(shè)計(jì)、網(wǎng)站標(biāo)志設(shè)計(jì)、網(wǎng)站廣告圖片設(shè)計(jì)、網(wǎng)頁色彩搭配等常用知識(shí)。

4）動(dòng)態(tài)網(wǎng)頁制作使用ASP.NET技術(shù)開發(fā)平臺(tái)，要求能實(shí)現(xiàn)前臺(tái)用戶注冊(cè)、登陸和后臺(tái)管理員對(duì)用戶的添加、修改、刪除、審核等管理功能。

所有知識(shí)點(diǎn)囊括了從網(wǎng)頁構(gòu)思、規(guī)劃、制作和網(wǎng)站建設(shè)的全過程，一切為完成最終的網(wǎng)站項(xiàng)目服務(wù)。

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

1）自創(chuàng)“案例——模塊——項(xiàng)目“正逆向教學(xué)法。這種教學(xué)方法以案例為基礎(chǔ)，相關(guān)案例構(gòu)成一個(gè)模塊，幾個(gè)模塊構(gòu)成一個(gè)項(xiàng)目。其中案例是將課程內(nèi)容與教學(xué)內(nèi)容聯(lián)系起來，將要講授的知識(shí)點(diǎn)以實(shí)例的形式體現(xiàn)；模塊是按照教學(xué)大綱的思路，將幾個(gè)相近案例組合在一起，實(shí)現(xiàn)崗位技能的應(yīng)用，有明確的學(xué)習(xí)目標(biāo)、學(xué)習(xí)內(nèi)容和考核標(biāo)準(zhǔn)；項(xiàng)目是各案例模塊綜合起來的一個(gè)任務(wù)，根據(jù)制作完整網(wǎng)站項(xiàng)目任務(wù)分析，確定不同知識(shí)模塊。

2）輔以任務(wù)導(dǎo)向法、技術(shù)藝術(shù)法、趣味引入法、學(xué)生施教法、作品評(píng)價(jià)法、互動(dòng)教學(xué)法、討論教學(xué)法等多種教學(xué)方法因時(shí)制宜綜合運(yùn)用。

“案例——模塊——項(xiàng)目“正逆向教學(xué)法與其他多種教學(xué)方法并用，提高了學(xué)生的學(xué)習(xí)興趣，增強(qiáng)了課程的知識(shí)性、實(shí)踐性和趣味性。

5.教學(xué)手段改革

1）使用我校高質(zhì)量、高尖端的網(wǎng)絡(luò)教學(xué)平臺(tái)和教師端教學(xué)程序在實(shí)訓(xùn)室內(nèi)聯(lián)機(jī)教學(xué)，教師機(jī)能隨時(shí)點(diǎn)名、教學(xué)、演示、答疑，控制學(xué)生機(jī)的開關(guān)、收發(fā)作業(yè)，學(xué)生也能隨時(shí)提問、觀看教師演示，自己練習(xí)，目前該課程全部在實(shí)訓(xùn)室內(nèi)進(jìn)行。

2）利用廣闊的因特網(wǎng)做為學(xué)習(xí)空間，學(xué)生不但可鑒賞、觀摩國(guó)內(nèi)外優(yōu)秀網(wǎng)站、動(dòng)畫、版面、圖片、資料等，還可上傳自己制作的個(gè)人主頁和小型網(wǎng)站，學(xué)生學(xué)到許多課堂上接觸不到的知識(shí)。

3）到社區(qū)、學(xué)校、中小企業(yè)、政府機(jī)關(guān)、互聯(lián)網(wǎng)等廣闊的社會(huì)天地去實(shí)習(xí)、訓(xùn)練，讓學(xué)生接受生產(chǎn)一線的考驗(yàn)與鍛煉，畢業(yè)后不需培訓(xùn)即可進(jìn)入一線崗位。

6.教材改革

1）校本教材

①根據(jù)革新的授課內(nèi)容來制定教材，去掉不合理的增加實(shí)用的知識(shí)點(diǎn)，并按實(shí)際操作調(diào)整內(nèi)容排列順序。

②教材中每小節(jié)知識(shí)點(diǎn)以案例的形式體現(xiàn)，數(shù)個(gè)案例形成一章，一章體現(xiàn)的就是一個(gè)模塊的內(nèi)容，數(shù)章體現(xiàn)的是一個(gè)項(xiàng)目。

③一章一章深入，內(nèi)容相互銜接，由易到難，由小到大，循序漸進(jìn)。

④完整的教材應(yīng)包括文字概述、案例、案例組成的模塊、模塊組成的項(xiàng)目，網(wǎng)站實(shí)例，課件、實(shí)訓(xùn)習(xí)題等。

2）優(yōu)先選用省部級(jí)以上獲獎(jiǎng)的高職高專優(yōu)秀教材。

7.實(shí)行考評(píng)改革

在考評(píng)上我們加大了平時(shí)考評(píng)的力度，由最初的試卷考評(píng)、認(rèn)證考評(píng)，到現(xiàn)在的通過平時(shí)作業(yè)完成情況、網(wǎng)站項(xiàng)目制作情況、創(chuàng)新、協(xié)作精神四個(gè)方面來考查學(xué)生的綜合素質(zhì)和動(dòng)手能力，確定學(xué)生的考評(píng)成績(jī)。

四、改革效果

1.提高了教學(xué)質(zhì)量

通過改革，教學(xué)質(zhì)量得到提高，學(xué)完本課程后，每個(gè)學(xué)生都能制作出一個(gè)完整的中小型網(wǎng)站來，畢業(yè)后就能赴生產(chǎn)一線崗位工作。像11級(jí)李海星的百姓鞋業(yè)網(wǎng)站、彭哲的音樂網(wǎng)站、柳志凡的手機(jī)網(wǎng)站、像12級(jí)的劉運(yùn)文制作的汽車網(wǎng)站、吳流芳婚紗網(wǎng)站、岳婷的茶葉網(wǎng)站，08級(jí)的等都贏得了客戶的好評(píng)。其中11級(jí)陳曉娟參加湖南省高職院校網(wǎng)站設(shè)計(jì)技能比賽獲得第六名的成績(jī)。

2.提高了教學(xué)效率

教改后，教學(xué)效率有了質(zhì)的飛躍，原來需要四五個(gè)課時(shí)才能講清的內(nèi)容，現(xiàn)在兩三個(gè)課時(shí)學(xué)生就能掌握。

3.提高學(xué)生學(xué)習(xí)積極性與創(chuàng)新思維

經(jīng)過教改后，學(xué)生學(xué)習(xí)積極性越來越高，學(xué)習(xí)越來越主動(dòng)，創(chuàng)新性作品不斷涌現(xiàn)。

4.提高學(xué)生團(tuán)結(jié)合作精神

在制作一個(gè)網(wǎng)站時(shí)，往往將其分成幾個(gè)模塊讓幾組學(xué)生共同完成。這樣學(xué)生參與團(tuán)隊(duì)工作，隨時(shí)會(huì)注意整體性和協(xié)調(diào)性，團(tuán)隊(duì)合作能力得到提高。

5.加強(qiáng)了課程建設(shè)

通過此次改革，重新定向課程目標(biāo)、更新課程內(nèi)容、理清了相關(guān)前后續(xù)課程，使課程結(jié)構(gòu)變得更加合理，課程內(nèi)容更加符合市場(chǎng)的需求、技術(shù)應(yīng)用型人才的培養(yǎng)。

五、總結(jié)

通過近兩年的網(wǎng)頁設(shè)計(jì)與制作課程教學(xué)全面改革，調(diào)動(dòng)了學(xué)生的學(xué)習(xí)積極性，培養(yǎng)了他們的科學(xué)創(chuàng)新思維，團(tuán)結(jié)協(xié)作能力與動(dòng)手操作能力。

參考文獻(xiàn)

[1]李淑珍，李曉賓. 《網(wǎng)頁設(shè)計(jì)與制作》課程在不同階段的不同教學(xué)方法探討[J].軟件導(dǎo)刊，2008，（04）：138-139.

[2]蔡伯峰.《網(wǎng)頁設(shè)計(jì)與制作》項(xiàng)目課程教學(xué)改革[J].泰州職業(yè)技術(shù)學(xué)院學(xué)報(bào)，2008，（04）：55-58.doi：10.3969/j.issn.1671-0142.2008. 02.018.endprint