彭　莉

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

?

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

彭莉

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

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

項目驅(qū)動；網(wǎng)頁設(shè)計；教學(xué)研究

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

1　現(xiàn)狀分析

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

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

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

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

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

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

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

1.4考核方式單一

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

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

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

3　項目式教學(xué)設(shè)計

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

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

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

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

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

4　考核方式改革

圖2　考試成績比例分布圖

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

5　結(jié)語

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

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

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

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

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

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

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

[6]劉蔚.任務(wù)驅(qū)動與項目教學(xué)在網(wǎng)頁設(shè)計課程中的應(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é)研究項目“基于項目驅(qū)動的《網(wǎng)頁設(shè)計與制作》課程教學(xué)研究”(2015165)

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

G712

A

1671-3524(2016)03-0096-03