以能力培養為導向的網頁設計課程教學改革與實踐

楊勇 黃國順

摘 要 本文分析了目前網頁設計課程教學中存在的問題，并根據教學目標和學生學習特點，闡述了課程教學改革與實踐。在教學中采用案例講解、任務學習和項目實訓三個緊密銜接的教學環節，同時選用合適的考核與評價，可以達到培養學生實踐能力的教學目標。

關鍵詞 網頁設計 能力培養 教學改革

中圖分類號：G424 文獻標識碼：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 引言

網頁設計課程是一門集實踐性、創造性、時代性為一體的課程，學生只有經過充分的實踐才能真正掌握知識和技能。①傳統的教學方式往往重視教師的“教”，而輕視學生的“學”與“做”，忽視了培養學生獨立思考的能力，不利于學生創新能力的培養，妨礙了學生個性和創造性的發揮，難以達到培養學生實踐創新能力的教學目標。②如何在教學中更好地提高學生的實踐創新能力，是此課程教學改革工作的一項重要內容。

通過近幾年的教學探索和實踐，筆者根據教學目標和學生學習特點，以新的教學理念和教學理論為指導，以學生實踐創新能力培養為導向，改革傳統的教學方法，在教學中采用案例講解、任務學習和項目實訓三個緊密銜接的教學環節，同時選用合適的考核與評價，取得了較好的教學效果，現綜述如下。

1 教學中存在的問題

1.1 教學方法單調，難以激發學生學習興趣

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

1.2 項目教學在課程中的重視度偏低

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

1.3 考核方式不到位，難以調動學生學習主動性

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

2 教學改革與實踐

筆者以新的教學理念和教學理論為指導，以學生實踐創新能力培養為導向，針對教學中遇到的問題，對網頁設計課程進行教學改革。實踐表明，在多媒體課室輔助下，采用案例講解、任務學習和項目實訓三個緊密銜接的教學環節，同時選用合適的考核與評價，可以激發學生學習興趣，調動學生學習積極性和主動性，達到培養學生實踐創新能力的教學目標。

2.1 案例講解

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

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

2.2 任務學習

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

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

2.3 項目實訓

網頁設計課程的教學目標是使學生熟練掌握網頁設計中的理論知識和技能，培養學生實踐創新能力。另外，當今社會要求大學生具有較強的合作能力，在課程中加入小組合作環節有利于培養學生的團隊合作意識。④在實訓課中，教師可以運用項目教學法指導學生開發綜合項目。⑤為此，筆者依照項目的選擇要求，設計了幾個綜合實訓項目。通過項目實訓，使學生處于整個項目開發進程中，這樣有利于鍛煉他們開發項目的能力，以及培養他們互相溝通、協力合作的能力。

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

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

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

3 結束語

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

注釋

① 倪寧.高職《網頁設計》任務驅動改革的實踐和思考[J].科技創新導報，2009（8）：135-135.

② 趙鑫.項目教學法在高職《網頁設計與制作》課程教學中的應用[D].華中師范大學，2009.

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

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

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