楊勇 黃國順

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

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

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

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

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

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

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

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

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

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

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

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

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

2.1 案例講解

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

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

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

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

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

2.3 項目實訓(xùn)

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

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

2.4 建立合適的考核評價機制

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

3 結(jié)束語

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

注釋

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

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

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

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

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