彭　莉

(武漢工程職業(yè)技術(shù)學(xué)院　湖北　武漢：430080)

?

基于項(xiàng)目驅(qū)動(dòng)的《網(wǎng)頁(yè)設(shè)計(jì)與制作》課程教學(xué)研究

彭莉

(武漢工程職業(yè)技術(shù)學(xué)院湖北武漢：430080)

針對(duì)傳統(tǒng)教學(xué)存在的問(wèn)題，采用項(xiàng)目驅(qū)動(dòng)教學(xué)法對(duì)《網(wǎng)頁(yè)設(shè)計(jì)與制作》課程課堂教學(xué)進(jìn)行了改革，闡述了項(xiàng)目式教學(xué)設(shè)計(jì)理念，選取了合適的教學(xué)內(nèi)容，完善了考核方式，以此推動(dòng)計(jì)算機(jī)專(zhuān)業(yè)課程教學(xué)改革。

項(xiàng)目驅(qū)動(dòng)；網(wǎng)頁(yè)設(shè)計(jì)；教學(xué)研究

項(xiàng)目驅(qū)動(dòng)教學(xué)法是以項(xiàng)目為主線，將學(xué)生的學(xué)習(xí)活動(dòng)與實(shí)際的項(xiàng)目相結(jié)合，師生共同研究并實(shí)施一個(gè)具體的項(xiàng)目而進(jìn)行的教學(xué)活動(dòng)，是鼓勵(lì)學(xué)生積極參與、協(xié)作、創(chuàng)新的一種教學(xué)模式。在《網(wǎng)頁(yè)設(shè)計(jì)與制作》課程教學(xué)過(guò)程中引入具體的項(xiàng)目，以項(xiàng)目帶動(dòng)課程各知識(shí)點(diǎn)的學(xué)習(xí)，采用循序漸進(jìn)、由淺入深的方式開(kāi)展課堂教學(xué)，不僅能夠調(diào)動(dòng)學(xué)生學(xué)習(xí)的積極性，產(chǎn)生學(xué)習(xí)的興趣，還能培養(yǎng)他們的實(shí)踐動(dòng)手能力、協(xié)同工作能力和創(chuàng)新能力。

1　現(xiàn)狀分析

《網(wǎng)頁(yè)設(shè)計(jì)與制作》是計(jì)算機(jī)應(yīng)用技術(shù)專(zhuān)業(yè)的必修課，同時(shí)也是核心課，作為《Asp.net程序設(shè)計(jì)》的前導(dǎo)課程，需要學(xué)生熟練掌握網(wǎng)站前臺(tái)界面設(shè)計(jì)，為將來(lái)開(kāi)發(fā)動(dòng)態(tài)網(wǎng)站打下良好的基礎(chǔ)。然而，傳統(tǒng)教學(xué)存在問(wèn)題如下：

1.1教學(xué)方法難以吸引學(xué)生興趣

傳統(tǒng)方式由教師在多媒體教室講解，學(xué)生上機(jī)完成實(shí)驗(yàn)實(shí)例，雖然也能學(xué)到制作網(wǎng)頁(yè)的一些知識(shí)，但是很難激發(fā)學(xué)生學(xué)習(xí)的興趣。幾次上機(jī)后，部分同學(xué)就產(chǎn)生惰性情緒，布置的案例完成得越來(lái)越少，久而久之，甚至有少數(shù)學(xué)生放棄該課程學(xué)習(xí)。

1.2教學(xué)缺乏整體性

逐章節(jié)展開(kāi)的教學(xué)，盡管也涵蓋了網(wǎng)頁(yè)設(shè)計(jì)相關(guān)內(nèi)容，但是上機(jī)實(shí)驗(yàn)時(shí)只是完成案例中某部分相關(guān)知識(shí)點(diǎn)的實(shí)踐，學(xué)生還是不會(huì)制作一個(gè)完整的網(wǎng)站，缺乏對(duì)網(wǎng)站制作流程的系統(tǒng)性認(rèn)識(shí)。

1.3缺乏創(chuàng)新意識(shí)

以教師為主體的教學(xué)最大弊病在于學(xué)生缺乏主動(dòng)意識(shí)，他們更多的是模仿教師給的案例或者互聯(lián)網(wǎng)上發(fā)布的網(wǎng)站，幾乎沒(méi)有創(chuàng)新。被動(dòng)的學(xué)習(xí)使得學(xué)生產(chǎn)生只要把老師布置的任務(wù)做完就萬(wàn)事大吉的心理，根本不會(huì)想到去主動(dòng)思考與創(chuàng)新。

1.4考核方式單一

對(duì)于這類(lèi)實(shí)踐性強(qiáng)的課程，以往的試卷考試難以對(duì)學(xué)生的動(dòng)手能力進(jìn)行評(píng)價(jià)，因此發(fā)掘新的考核方式，打破傳統(tǒng)思維著重考核學(xué)生的創(chuàng)新思維能力和動(dòng)手實(shí)踐能力就尤為必要了。

2　教學(xué)內(nèi)容選取

經(jīng)過(guò)市場(chǎng)調(diào)研，《網(wǎng)頁(yè)設(shè)計(jì)與制作》課程相關(guān)職業(yè)崗位主要是“網(wǎng)頁(yè)界面設(shè)計(jì)”和“網(wǎng)站管理與維護(hù)”，根據(jù)這兩個(gè)職業(yè)崗位能力要求，選取合適的教學(xué)內(nèi)容，如表1所示。

3　項(xiàng)目式教學(xué)設(shè)計(jì)

教學(xué)過(guò)程中，圍繞著“欣賞網(wǎng)站”、“設(shè)計(jì)網(wǎng)站”和“維護(hù)網(wǎng)站”展開(kāi)，如圖1所示。通過(guò)欣賞往屆優(yōu)秀學(xué)生作品以及國(guó)內(nèi)外不同網(wǎng)站風(fēng)格，引起學(xué)生學(xué)習(xí)的興趣。一個(gè)完整的項(xiàng)目網(wǎng)站由若干個(gè)分頁(yè)面構(gòu)成，因此各分頁(yè)面設(shè)計(jì)是教學(xué)的重點(diǎn)，也是難點(diǎn)。網(wǎng)站設(shè)計(jì)好后，需要定期對(duì)網(wǎng)站進(jìn)行維護(hù)，包括檢查和修復(fù)超級(jí)鏈接、內(nèi)容更新、網(wǎng)站推廣等等。

表1　崗位能力對(duì)應(yīng)的教學(xué)內(nèi)容表

圖1　網(wǎng)頁(yè)制作教學(xué)設(shè)計(jì)圖

分頁(yè)面設(shè)計(jì)分為初級(jí)階段和高級(jí)階段，初級(jí)階段以基于表格布局的頁(yè)面設(shè)計(jì)為主，高級(jí)階段以基于Web標(biāo)準(zhǔn)的頁(yè)面設(shè)計(jì)為依據(jù)，具體教學(xué)設(shè)計(jì)情境如表2所示。選取合適的項(xiàng)目實(shí)例是項(xiàng)目教學(xué)法能否成功實(shí)施的關(guān)鍵。項(xiàng)目的選取可依據(jù)職業(yè)崗位能力對(duì)應(yīng)的教學(xué)內(nèi)容，既要涵蓋該課程的基本知識(shí)點(diǎn)，又要考慮學(xué)生的實(shí)際基礎(chǔ)，難易得當(dāng)。在分析項(xiàng)目、討論、實(shí)施項(xiàng)目的過(guò)程中，學(xué)生即可在輕松、融洽的氛圍中掌握網(wǎng)頁(yè)制作的技巧。

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

4　考核方式改革

圖2　考試成績(jī)比例分布圖

根據(jù)學(xué)院要求，傳統(tǒng)課程一般按照期末卷面考試成績(jī)占60%，平時(shí)成績(jī)占40%計(jì)算出總評(píng)成績(jī)。顯然，這種分配制度已不適合新方法下的教學(xué)。因此，依據(jù)實(shí)際教學(xué)情況重新分配了成績(jī)比例，期末作品占50%，展示講解作品占20%，出勤平時(shí)表現(xiàn)占30%，如圖2所示。學(xué)生以分組或獨(dú)立的方式完成一個(gè)完整的網(wǎng)站作品，教師給出網(wǎng)站設(shè)計(jì)基本要求，期末采用集中講解、點(diǎn)評(píng)的方式，由每位學(xué)生在多媒體教室面對(duì)全班同學(xué)介紹網(wǎng)站的內(nèi)容、制作技巧、特色之處等，教師和學(xué)生進(jìn)行點(diǎn)評(píng)，肯定其優(yōu)點(diǎn)，同時(shí)對(duì)不足之處提出改進(jìn)思路。學(xué)生對(duì)此方式表現(xiàn)出強(qiáng)烈的熱情，遇到網(wǎng)頁(yè)中的與眾不同處會(huì)提出各種問(wèn)題，有時(shí)候甚至刨根問(wèn)底具體制作步驟。

5　結(jié)語(yǔ)

實(shí)踐證明，在《網(wǎng)頁(yè)設(shè)計(jì)與制作》課程教學(xué)中采用項(xiàng)目驅(qū)動(dòng)教學(xué)法取得了良好的效果，學(xué)生從零起點(diǎn)到熟練掌握網(wǎng)頁(yè)設(shè)計(jì)技巧，變化突飛猛進(jìn)。幾乎所有的同學(xué)都能夠獨(dú)自搜集素材開(kāi)發(fā)一個(gè)小型的網(wǎng)站，并且在展示成果的過(guò)程中相互學(xué)習(xí)，取長(zhǎng)補(bǔ)短。

項(xiàng)目驅(qū)動(dòng)教學(xué)法改革了計(jì)算機(jī)類(lèi)課程教學(xué)模式、教學(xué)方法，更新了教學(xué)理念、教學(xué)內(nèi)容，完善了課程評(píng)價(jià)體系，使學(xué)生具備網(wǎng)站規(guī)劃，網(wǎng)頁(yè)制作、腳本代碼編寫(xiě)等綜合技能。如何在計(jì)算機(jī)類(lèi)專(zhuān)業(yè)課程中廣泛實(shí)施項(xiàng)目教學(xué)法，需要我們進(jìn)一步研究和實(shí)踐。

[1]陳靜.基于項(xiàng)目驅(qū)動(dòng)法的網(wǎng)頁(yè)設(shè)計(jì)基礎(chǔ)課程課堂教學(xué)改革探索[J].人才資源開(kāi)發(fā),2015,(20):186-187.

[2]殷玲玲,蘇劍鋒.談《網(wǎng)頁(yè)設(shè)計(jì)與制作》課程教學(xué)的改進(jìn)[J].考試周刊,2015,(9):116-117.

[3]彭莉.高職《網(wǎng)頁(yè)設(shè)計(jì)與制作》課程“以賽促學(xué)”教學(xué)改革實(shí)踐[J].武漢工程職業(yè)技術(shù)學(xué)院學(xué)報(bào),2015,(1):100-102.

[4]錢(qián)麗丹.小組協(xié)同式學(xué)習(xí)在網(wǎng)頁(yè)設(shè)計(jì)與制作課程中的應(yīng)用[J].計(jì)算機(jī)時(shí)代,2015,(4):60-61.

[5]王浩.基于項(xiàng)目化的《網(wǎng)頁(yè)設(shè)計(jì)》課程教學(xué)改革初探[J].信息與電腦(理論版),2014,(11):214.

[6]劉蔚.任務(wù)驅(qū)動(dòng)與項(xiàng)目教學(xué)在網(wǎng)頁(yè)設(shè)計(jì)課程中的應(yīng)用[J].信息與電腦(理論版),2014,(1):187-188.

(責(zé)任編輯：李文英)

Teaching Research of Webpage Design and Production Course Based on Project-Based Learning

Peng Li

(WuHan Engineering Institute， Wuhan 430080, Hubie)

Focused on problems existing in traditional teaching, I used project driving teaching method to reform the teaching of Webpage Design in the class, which clarified the project-style teaching concept and picked up proper teaching contents and improved assessment methods to further promote the teaching reform in computer major courses.

project driving; webpage design; teaching research

2016-07-29

武漢市市屬高等學(xué)校2015年度教學(xué)研究項(xiàng)目“基于項(xiàng)目驅(qū)動(dòng)的《網(wǎng)頁(yè)設(shè)計(jì)與制作》課程教學(xué)研究”(2015165)

彭莉(1981～)，女，碩士，副教授.E-mail：pl@wgxy.net

G712

A

1671-3524(2016)03-0096-03