以能力培養(yǎng)為導(dǎo)向的網(wǎng)頁設(shè)計(jì)課程教學(xué)改革與實(shí)踐

楊勇 黃國順

摘 要 本文分析了目前網(wǎng)頁設(shè)計(jì)課程教學(xué)中存在的問題，并根據(jù)教學(xué)目標(biāo)和學(xué)生學(xué)習(xí)特點(diǎn)，闡述了課程教學(xué)改革與實(shí)踐。在教學(xué)中采用案例講解、任務(wù)學(xué)習(xí)和項(xiàng)目實(shí)訓(xùn)三個(gè)緊密銜接的教學(xué)環(huán)節(jié)，同時(shí)選用合適的考核與評(píng)價(jià)，可以達(dá)到培養(yǎng)學(xué)生實(shí)踐能力的教學(xué)目標(biāo)。

關(guān)鍵詞 網(wǎng)頁設(shè)計(jì) 能力培養(yǎng) 教學(xué)改革

中圖分類號(hào)：G424 文獻(xiàn)標(biāo)識(shí)碼：A DOI：10.16400/j.cnki.kjdks.2016.05.041

Abstract This paper analyzes the current problems in the teaching of web design courses， and according to the teaching objectives and students' learning characteristics， this paper expounds the reform and practice of curriculum teaching. Teaching in the use of case study， task learning and project training three closely linked to the teaching process， at the same time select the appropriate assessment and evaluation， can achieve the goal of training students' practical ability.

Key words web design； ability training； teaching reform

0 引言

網(wǎng)頁設(shè)計(jì)課程是一門集實(shí)踐性、創(chuàng)造性、時(shí)代性為一體的課程，學(xué)生只有經(jīng)過充分的實(shí)踐才能真正掌握知識(shí)和技能。①傳統(tǒng)的教學(xué)方式往往重視教師的“教”，而輕視學(xué)生的“學(xué)”與“做”，忽視了培養(yǎng)學(xué)生獨(dú)立思考的能力，不利于學(xué)生創(chuàng)新能力的培養(yǎng)，妨礙了學(xué)生個(gè)性和創(chuàng)造性的發(fā)揮，難以達(dá)到培養(yǎng)學(xué)生實(shí)踐創(chuàng)新能力的教學(xué)目標(biāo)。②如何在教學(xué)中更好地提高學(xué)生的實(shí)踐創(chuàng)新能力，是此課程教學(xué)改革工作的一項(xiàng)重要內(nèi)容。

通過近幾年的教學(xué)探索和實(shí)踐，筆者根據(jù)教學(xué)目標(biāo)和學(xué)生學(xué)習(xí)特點(diǎn)，以新的教學(xué)理念和教學(xué)理論為指導(dǎo)，以學(xué)生實(shí)踐創(chuàng)新能力培養(yǎng)為導(dǎo)向，改革傳統(tǒng)的教學(xué)方法，在教學(xué)中采用案例講解、任務(wù)學(xué)習(xí)和項(xiàng)目實(shí)訓(xùn)三個(gè)緊密銜接的教學(xué)環(huán)節(jié)，同時(shí)選用合適的考核與評(píng)價(jià)，取得了較好的教學(xué)效果，現(xiàn)綜述如下。

1 教學(xué)中存在的問題

1.1 教學(xué)方法單調(diào)，難以激發(fā)學(xué)生學(xué)習(xí)興趣

以往網(wǎng)頁設(shè)計(jì)課程課堂教學(xué)與上機(jī)實(shí)踐一般分開進(jìn)行，教師先在課堂上講解網(wǎng)頁設(shè)計(jì)與制作的各個(gè)知識(shí)點(diǎn)，然后再安排學(xué)生上機(jī)驗(yàn)證教師之前講授的內(nèi)容。這種教學(xué)方式導(dǎo)致教學(xué)理論和教學(xué)實(shí)踐嚴(yán)重脫節(jié)，難以激發(fā)學(xué)生學(xué)習(xí)興趣，不利于調(diào)動(dòng)學(xué)生學(xué)習(xí)的積極性和主動(dòng)性。另外，在這種教學(xué)方式下，學(xué)生雖然能夠掌握一定的網(wǎng)頁制作理論和操作技能，但是很難承擔(dān)實(shí)際的網(wǎng)站開發(fā)與制作工作。

1.2 項(xiàng)目教學(xué)在課程中的重視度偏低

項(xiàng)目教學(xué)法是以實(shí)際應(yīng)用為目的，通過師生共同完成教學(xué)項(xiàng)目而使學(xué)生獲知識(shí)和技能的一種教學(xué)方法。項(xiàng)目教學(xué)的關(guān)鍵在于在已制定項(xiàng)目任務(wù)的前提下如何督促每位學(xué)生最終順利完成該項(xiàng)目?，F(xiàn)行網(wǎng)頁設(shè)計(jì)課程實(shí)訓(xùn)課時(shí)分配少，且實(shí)訓(xùn)內(nèi)容也只是一些簡單的書本實(shí)訓(xùn)案例，而不是綜合性的應(yīng)用型項(xiàng)目。在實(shí)訓(xùn)課上，教師一般要求學(xué)生獨(dú)自地完成這些實(shí)訓(xùn)案例，所以學(xué)生難以達(dá)到培養(yǎng)項(xiàng)目創(chuàng)新設(shè)計(jì)與分工合作能力。

1.3 考核方式不到位，難以調(diào)動(dòng)學(xué)生學(xué)習(xí)主動(dòng)性

網(wǎng)頁設(shè)計(jì)課程的總評(píng)成績通常由平時(shí)成績（30%）與期末成績（70%）組成。平時(shí)成績由學(xué)生出勤率與平時(shí)任務(wù)完成情況評(píng)定，而期末成績由期末上機(jī)考試成績或期末上交作品完成情況評(píng)定。實(shí)踐表明，這種重視期末成績而輕視平時(shí)成績的評(píng)價(jià)方式，容易使部分學(xué)生平時(shí)放松了學(xué)習(xí)，更別說調(diào)動(dòng)他們的學(xué)習(xí)主動(dòng)性了。

2 教學(xué)改革與實(shí)踐

筆者以新的教學(xué)理念和教學(xué)理論為指導(dǎo)，以學(xué)生實(shí)踐創(chuàng)新能力培養(yǎng)為導(dǎo)向，針對(duì)教學(xué)中遇到的問題，對(duì)網(wǎng)頁設(shè)計(jì)課程進(jìn)行教學(xué)改革。實(shí)踐表明，在多媒體課室輔助下，采用案例講解、任務(wù)學(xué)習(xí)和項(xiàng)目實(shí)訓(xùn)三個(gè)緊密銜接的教學(xué)環(huán)節(jié)，同時(shí)選用合適的考核與評(píng)價(jià)，可以激發(fā)學(xué)生學(xué)習(xí)興趣，調(diào)動(dòng)學(xué)生學(xué)習(xí)積極性和主動(dòng)性，達(dá)到培養(yǎng)學(xué)生實(shí)踐創(chuàng)新能力的教學(xué)目標(biāo)。

2.1 案例講解

網(wǎng)頁設(shè)計(jì)課程教學(xué)內(nèi)容多，但課時(shí)安排少。在這種情況下，如果教師仍然采用傳統(tǒng)的教學(xué)方式，按照章節(jié)逐一講解知識(shí)點(diǎn)，那么將難以完成教學(xué)任務(wù)，更別說達(dá)到最佳教學(xué)效果了。因此，為了能在有限的學(xué)時(shí)內(nèi)讓學(xué)生掌握更豐富的知識(shí)這一目的，筆者采用案例教學(xué)法的方式講解課程的理論知識(shí)。為此，筆者緊扣各章節(jié)的教學(xué)內(nèi)容，把教學(xué)內(nèi)容設(shè)計(jì)成一個(gè)個(gè)生動(dòng)具體的案例，使各個(gè)分散的知識(shí)點(diǎn)融于案例中。通過案例講解，使得學(xué)生在生動(dòng)形象的案例教學(xué)中學(xué)習(xí)和理解每個(gè)知識(shí)點(diǎn)，這能夠激發(fā)學(xué)生學(xué)習(xí)興趣，有助于學(xué)生快速、準(zhǔn)確地掌握理論知識(shí)。

例如，在講解層疊樣式CSS時(shí)，筆者首先給學(xué)生展示了一個(gè)蝴蝶圖片網(wǎng)頁。該網(wǎng)頁以兩行四列的格式整齊地顯示八張形態(tài)各異的蝴蝶圖片，且每張蝴蝶圖片的邊框都一樣地添加了四種顏色：頂紅、底藍(lán)、右黃、左綠。觀看后，學(xué)生會(huì)意地笑了，每個(gè)人都躍躍欲試。接著筆者引導(dǎo)學(xué)生分析案例效果及其隱含的知識(shí)點(diǎn)。在這個(gè)過程中，要先讓學(xué)生互相交流，然后再由教師總結(jié)。經(jīng)短暫討論后，多數(shù)學(xué)生認(rèn)為只需要應(yīng)用表格布局、圖片插入和邊框修飾知識(shí)，便可以實(shí)現(xiàn)這個(gè)案例效果。緊接著，筆者明確地告訴了學(xué)生，使用已學(xué)過的表格布局，圖片插入及邊框修飾知識(shí)還難以實(shí)現(xiàn)這個(gè)案例效果，原因在于之前所學(xué)的邊框修飾知識(shí)只能添加同種顏色。當(dāng)學(xué)生明白后，筆者隨即給學(xué)生提出了兩個(gè)探索性問題：制作一個(gè)網(wǎng)頁，如何保證每張圖片的風(fēng)格一致？如果要求一個(gè)網(wǎng)站中所有網(wǎng)頁的圖片風(fēng)格一致，又該怎么辦？當(dāng)學(xué)生急切地想知道如何實(shí)現(xiàn)時(shí)，筆者再告訴學(xué)生今天所要學(xué)習(xí)的教學(xué)內(nèi)容是層疊樣式CSS。隨后，筆者向?qū)W生講解層疊樣式CSS的概念及其使用方法，然后操作演示了如何使用CSS來實(shí)現(xiàn)剛才提出的問題中所期望的效果。通過案例講解，學(xué)生不僅復(fù)習(xí)了已學(xué)過的知識(shí)，還能加深對(duì)新知識(shí)的理解和掌握。

2.2 任務(wù)學(xué)習(xí)

實(shí)踐教學(xué)在網(wǎng)頁設(shè)計(jì)課程教學(xué)中非常重要。通過實(shí)踐，學(xué)生可以提高實(shí)際動(dòng)手能力，以及分析問題、解決問題能力。教師應(yīng)遵循“以學(xué)生學(xué)習(xí)為主，教師指導(dǎo)為輔”的原則，把學(xué)習(xí)的主動(dòng)權(quán)交予學(xué)生。經(jīng)過探索，筆者采用任務(wù)驅(qū)動(dòng)教學(xué)法指導(dǎo)學(xué)生任務(wù)學(xué)習(xí)。當(dāng)教師完成某個(gè)案例的示范操作后，應(yīng)當(dāng)給學(xué)生布置上機(jī)“任務(wù)”，讓學(xué)生在完成“任務(wù)”中學(xué)習(xí)理論知識(shí)與操作技能。任務(wù)設(shè)計(jì)遵循從簡單到復(fù)雜、從單一到綜合的原則。③任務(wù)一般被設(shè)計(jì)成驗(yàn)證性任務(wù)和發(fā)散性思考任務(wù)。驗(yàn)證性任務(wù)只要求學(xué)生自己動(dòng)手實(shí)現(xiàn)教師所講的案例，而發(fā)散性思考任務(wù)則要求學(xué)生學(xué)會(huì)對(duì)案例舉一反三，培養(yǎng)學(xué)生獨(dú)自分析、解決任務(wù)的能力。

例如，當(dāng)蝴蝶圖片網(wǎng)頁的示范操作演示結(jié)束后，筆者把八張蝴蝶圖片素材發(fā)給學(xué)生，然后要求他們制作一個(gè)類似的蝴蝶圖片網(wǎng)頁。當(dāng)學(xué)生能夠正確地完成這個(gè)驗(yàn)證性任務(wù)后，筆者再給學(xué)生布置了一個(gè)發(fā)散性思考任務(wù)：在自己的蝴蝶圖片網(wǎng)頁上修改第一行的圖片邊框風(fēng)格，但必須保證所做的修改不會(huì)影響到第二行的圖片邊框風(fēng)格，然后應(yīng)用層疊樣式CSS給每行圖片添加相同風(fēng)格的標(biāo)題。在多媒體教室上課，每位學(xué)生都可以及時(shí)上機(jī)操作，完成教師布置的“任務(wù)”，并且學(xué)生在完成“任務(wù)”的過程中，如果遇到問題，可以與教師進(jìn)行討論，及時(shí)解決。通過完成驗(yàn)證性任務(wù)，學(xué)生可以鞏固剛學(xué)到的知識(shí)；通過完成發(fā)散性思考任務(wù)，學(xué)生可以掌握新的理論知識(shí)和操作技能，學(xué)會(huì)知識(shí)遷移應(yīng)用，提高其綜合能力。每堂課中學(xué)生都有所收獲，這將逐步地增強(qiáng)他們對(duì)后續(xù)課程學(xué)習(xí)的積極性和主動(dòng)性。

2.3 項(xiàng)目實(shí)訓(xùn)

網(wǎng)頁設(shè)計(jì)課程的教學(xué)目標(biāo)是使學(xué)生熟練掌握網(wǎng)頁設(shè)計(jì)中的理論知識(shí)和技能，培養(yǎng)學(xué)生實(shí)踐創(chuàng)新能力。另外，當(dāng)今社會(huì)要求大學(xué)生具有較強(qiáng)的合作能力，在課程中加入小組合作環(huán)節(jié)有利于培養(yǎng)學(xué)生的團(tuán)隊(duì)合作意識(shí)。④在實(shí)訓(xùn)課中，教師可以運(yùn)用項(xiàng)目教學(xué)法指導(dǎo)學(xué)生開發(fā)綜合項(xiàng)目。⑤為此，筆者依照項(xiàng)目的選擇要求，設(shè)計(jì)了幾個(gè)綜合實(shí)訓(xùn)項(xiàng)目。通過項(xiàng)目實(shí)訓(xùn)，使學(xué)生處于整個(gè)項(xiàng)目開發(fā)進(jìn)程中，這樣有利于鍛煉他們開發(fā)項(xiàng)目的能力，以及培養(yǎng)他們互相溝通、協(xié)力合作的能力。

例如，在“班級(jí)網(wǎng)站制作”實(shí)訓(xùn)中，由學(xué)生自愿、教師調(diào)配的原則指導(dǎo)下，筆者將全班29位學(xué)生分為5組，每組5～6人，采取組長負(fù)責(zé)制，由組長統(tǒng)籌安排其組內(nèi)成員的分工。在欣賞幾個(gè)優(yōu)秀的班級(jí)網(wǎng)站后，引導(dǎo)學(xué)生討論“班級(jí)網(wǎng)站”的主題，并最終確定了五個(gè)主題：班級(jí)首頁、班級(jí)動(dòng)態(tài)、班級(jí)作品、班級(jí)相冊(cè)和班級(jí)留言。接著讓組長組織組員分析討論各組的主題，制定一份確實(shí)可行的主題實(shí)施計(jì)劃書，然后搜集素材并制作網(wǎng)頁。在此過程中，針對(duì)學(xué)生遇到的一些易錯(cuò)性、關(guān)鍵性問題，教師要及時(shí)提示引導(dǎo)。在各小組作品完成后，筆者讓每組選派一名組員對(duì)小組作品進(jìn)行展示，介紹作品的主題、特色，所使用的技術(shù)，以及制作經(jīng)驗(yàn)。最后要求學(xué)生對(duì)各組作品進(jìn)行評(píng)價(jià)，并要求每組依據(jù)評(píng)價(jià)結(jié)果修改完善小組作品。評(píng)價(jià)方式采取小組互評(píng)和教師評(píng)價(jià)相結(jié)合的方式。在制作作品中遇到問題，學(xué)生可以在組內(nèi)討論解決，組員之間互相幫助、協(xié)力合作，這有利于培養(yǎng)他們的團(tuán)隊(duì)合作能力與意識(shí)。

2.4 建立合適的考核評(píng)價(jià)機(jī)制

合適的課程科目考核評(píng)價(jià)機(jī)制，可以有效調(diào)動(dòng)學(xué)生的學(xué)習(xí)主動(dòng)性。為了充分體現(xiàn)學(xué)生的實(shí)際學(xué)習(xí)情況，引導(dǎo)學(xué)生重視任務(wù)和項(xiàng)目實(shí)踐，筆者改變以往“平時(shí)成績（30%）+期末考試（70%）”的評(píng)價(jià)方式，取消期末上機(jī)考試，采取平時(shí)考核（10%），任務(wù)考核（40%）和項(xiàng)目考核（50%）相結(jié)合的考核評(píng)價(jià)方式。平時(shí)考核旨在考查學(xué)生出勤率與平時(shí)表現(xiàn)情況，任務(wù)考核旨在考查學(xué)生完成任務(wù)情況，而項(xiàng)目考核旨在考查學(xué)生在項(xiàng)目中完成的工作量、工作質(zhì)量和表現(xiàn)情況。項(xiàng)目考核的最終評(píng)價(jià)由學(xué)生自評(píng)、小組互評(píng)和教師評(píng)價(jià)三者按比例組成。實(shí)踐證明，這種綜合性的考核評(píng)價(jià)體系能夠有效地促進(jìn)學(xué)生對(duì)本課程的學(xué)習(xí)。

3 結(jié)束語

網(wǎng)頁設(shè)計(jì)課程既是一門計(jì)算機(jī)應(yīng)用基礎(chǔ)課程，又是一門包含網(wǎng)頁技術(shù)和數(shù)據(jù)庫技術(shù)的綜合性課程。因此，它除了具有一般課程的普遍特征外，還具有自身的特性。只有采取符合學(xué)生學(xué)習(xí)特點(diǎn)的教學(xué)方法，才有可能達(dá)到預(yù)期的教學(xué)目標(biāo)。實(shí)踐表明，這些教學(xué)改革措施能夠使學(xué)生真正成為教學(xué)活動(dòng)的主體，能夠激發(fā)學(xué)生的學(xué)習(xí)興趣，切實(shí)提高了學(xué)生的實(shí)踐創(chuàng)新能力，培養(yǎng)了學(xué)生的自我學(xué)習(xí)能力和團(tuán)隊(duì)合作意識(shí)，取得了良好的教學(xué)效果。

注釋

① 倪寧.高職《網(wǎng)頁設(shè)計(jì)》任務(wù)驅(qū)動(dòng)改革的實(shí)踐和思考[J].科技創(chuàng)新導(dǎo)報(bào)，2009（8）：135-135.

② 趙鑫.項(xiàng)目教學(xué)法在高職《網(wǎng)頁設(shè)計(jì)與制作》課程教學(xué)中的應(yīng)用[D].華中師范大學(xué)，2009.

③ 吳曉，沈亞強(qiáng).基于行動(dòng)導(dǎo)向的教學(xué)設(shè)計(jì)研究[J].吉林工程技術(shù)師范學(xué)院學(xué)報(bào)，2010.26（1）：27-31.

④ 王建平，韓鳳英.“團(tuán)隊(duì)協(xié)作，角色分工”個(gè)性化教學(xué)在課改中的探索——以網(wǎng)頁設(shè)計(jì)與制作課程教學(xué)為例[J].計(jì)算機(jī)教育，2010（7）：134-136.

⑤ 勞飛.基于項(xiàng)目化教學(xué)的“網(wǎng)頁設(shè)計(jì)與制作”課程改革與實(shí)踐[J].教育與職業(yè)，2014（29）：139-140.