《網(wǎng)頁(yè)設(shè)計(jì)與制作》 課程中的差異化教學(xué)反思及初探

莫小梅

摘要：《網(wǎng)頁(yè)設(shè)計(jì)與制作》課程是我校面向文史管理類學(xué)生開設(shè)的公共計(jì)算機(jī)第二層次課程，在實(shí)際的教學(xué)過程中遇到了不同專業(yè)及不同基礎(chǔ)的學(xué)生之間差異化教學(xué)的挑戰(zhàn)。該文擬結(jié)合課程特點(diǎn)及學(xué)生特點(diǎn)進(jìn)行教學(xué)反思，并從實(shí)際調(diào)研等角度出發(fā)，對(duì)課程今后的差異化教學(xué)進(jìn)行初步的探討，提出實(shí)際可行的建議。

關(guān)鍵詞：網(wǎng)頁(yè)設(shè)計(jì)與制作；差異化；教學(xué)

中圖分類號(hào)：G64 文獻(xiàn)標(biāo)識(shí)碼：A 文章編號(hào)：1009-3044（2015）04-0106-02

Abstract： “Web Page Design and Making “course is a public computer second level course， and the course faces the challenge of difference-based teaching from students with different specialty and foundation. In this paper， we will reflect both on the course characteristic and the students characteristic， discuss future difference-based teaching of the course from the point of view of practical survey， and raise practical suggestion.

Key words： web page design and making； differentiation- based； teaching

1 概述

《網(wǎng)頁(yè)設(shè)計(jì)與制作》課程為我校公共計(jì)算機(jī)課程改革試點(diǎn)中的第二層次課程，面向全校文史管理類專業(yè)，由相關(guān)專業(yè)根據(jù)其專業(yè)的特點(diǎn)和教學(xué)需求在包括本課程在內(nèi)的五門課程中進(jìn)行自主選擇，屬于《大學(xué)計(jì)算機(jī)基礎(chǔ)》后設(shè)的進(jìn)階類課程。

本課程綜合講述了網(wǎng)頁(yè)設(shè)計(jì)與網(wǎng)站建設(shè)的基本原理、關(guān)鍵技術(shù)及其開發(fā)和應(yīng)用，主要內(nèi)容包括：（1） 網(wǎng)站的規(guī)劃與設(shè)計(jì)；（2） 使用Photoshop制作網(wǎng)頁(yè)圖片素材及網(wǎng)頁(yè)模型；（3） 使用Flash制作網(wǎng)頁(yè)中的動(dòng)畫元素；（4） 使用Dreamweaver制作站點(diǎn)及編輯網(wǎng)頁(yè)；（5） 綜合應(yīng)用多種工具，完成學(xué)期大作品。對(duì)這些課程內(nèi)容我們主要采用案例教學(xué)及任務(wù)推動(dòng)的教學(xué)方法，通過模仿案例的基礎(chǔ)練習(xí)與課程綜合大作品相結(jié)合的形式，使學(xué)生能夠及時(shí)地學(xué)以致用，以達(dá)到掌握基礎(chǔ)技能，提高綜合能力的目的。從課程第一次的選課及教學(xué)反饋來看，這一基本的教學(xué)思路能夠被各專業(yè)學(xué)生所接受和認(rèn)可，便于不同專業(yè)的學(xué)生較快地入門和提高。今后的課程教學(xué)仍可在此基本教學(xué)理念的基礎(chǔ)上繼續(xù)發(fā)揚(yáng)和完善。

另一方面，由于本課程是本校制定公共計(jì)算機(jī)課程教學(xué)改革后，第一次大面積地面向全校文史管理類學(xué)生所在專業(yè)進(jìn)行自主選課，而選擇該課程的不同專業(yè)和不同基礎(chǔ)學(xué)生的學(xué)習(xí)特點(diǎn)和接受能力差距比較大，這就對(duì)相關(guān)的任課教師提出了新的挑戰(zhàn)，并在首次的教學(xué)過程中需要結(jié)合教學(xué)反饋中學(xué)生的差異化特點(diǎn)，適時(shí)地調(diào)整教學(xué)內(nèi)容和教學(xué)案例的設(shè)計(jì)，以適應(yīng)教學(xué)的需求；同時(shí)，也促使相關(guān)的教師對(duì)本課程今后的差異化教學(xué)進(jìn)行了更多的反思與探討。該文擬結(jié)合課程特點(diǎn)及學(xué)生特點(diǎn)進(jìn)行教學(xué)反思，并從實(shí)際調(diào)研等角度出發(fā)，對(duì)課程今后的差異化教學(xué)進(jìn)行初步的探索及建議，以期起到拋磚引玉，進(jìn)一步提高課程教學(xué)效果的目的。

2 課程特點(diǎn)與學(xué)生特點(diǎn)分析

網(wǎng)頁(yè)設(shè)計(jì)課程涉及的知識(shí)面較廣，是技術(shù)和藝術(shù)的結(jié)合，需要根據(jù)學(xué)生的專業(yè)特點(diǎn)及需求進(jìn)行選擇，如計(jì)算機(jī)相關(guān)專業(yè)的學(xué)習(xí)可能更側(cè)重于代碼的編寫與后臺(tái)的開發(fā)應(yīng)用，而非計(jì)算機(jī)專業(yè)的學(xué)習(xí)則一般主要是應(yīng)用多種設(shè)計(jì)工具進(jìn)行前臺(tái)頁(yè)面的設(shè)計(jì)，并在必要的時(shí)候利用代碼編輯完善頁(yè)面內(nèi)容及功能，學(xué)習(xí)的方向和側(cè)重點(diǎn)是不同的。但即使是面向普通的文史管理類學(xué)生，學(xué)習(xí)的主要內(nèi)容為利用相關(guān)軟件進(jìn)行開發(fā)設(shè)計(jì)，仍然不可避免地涉及到技術(shù)和藝術(shù)的統(tǒng)籌兼顧。

就我校目前各專業(yè)的選課現(xiàn)狀而言，網(wǎng)頁(yè)的藝術(shù)性方面如配色要點(diǎn)等主要的設(shè)計(jì)原則都比較容易被學(xué)生理解和接受，而技術(shù)方面的接受和理解能力則與學(xué)生所在的專業(yè)、之前的學(xué)習(xí)基礎(chǔ)都有著較為直接的關(guān)系以及相對(duì)明顯的差異。例如同樣是學(xué)習(xí)Dreamweaver中網(wǎng)頁(yè)表格布局，公共關(guān)系專業(yè)的學(xué)生比國(guó)際漢語教育專業(yè)的學(xué)生總體的接受程度要差一些，而這種差異性不僅貫穿在課程教學(xué)的全程，也體現(xiàn)在同專業(yè)學(xué)生中個(gè)體之間的巨大差異。

此外，隨著社會(huì)教育民主程度的提高和網(wǎng)絡(luò)的不斷發(fā)展，“90 后”大學(xué)生獲取各類知識(shí)的方式方法不斷增多，與“80后”相比，他們個(gè)性更加自信和張揚(yáng)，甚至在某些領(lǐng)域比一般老師知道的還多還深入。同時(shí)，由于社會(huì)功利思想的日趨泛濫，“90后”大學(xué)生只做與自己利益相關(guān)的事情，只要沒有涉及到他個(gè)人利益的事情，基本上是漠不關(guān)心或者根本不聽老師的教誨。

3 教學(xué)反思與差異化教學(xué)初探

3.1 做好專業(yè)摸底，了解學(xué)生專業(yè)需求

由于受社會(huì)功利性思想的影響，目前“90”后大學(xué)生在學(xué)習(xí)每一門課程的時(shí)候可能會(huì)比以前的大學(xué)生更多地關(guān)注該課程對(duì)自己的專業(yè)學(xué)習(xí)或者是今后就業(yè)有沒有作用。這就要求教師從某種程度上迎合這種需求，除了準(zhǔn)備課程本身的專業(yè)知識(shí)以外，還需對(duì)相關(guān)的學(xué)生專業(yè)作一定的調(diào)研和深入了解?？梢酝ㄟ^以下幾種渠道進(jìn)行調(diào)研的嘗試：（1） 到相關(guān)的專業(yè)教學(xué)部門進(jìn)行調(diào)研，了解教學(xué)計(jì)劃及選課目的；（2） 利用已有的社會(huì)資源進(jìn)行調(diào)研；（3） 通過畢業(yè)生調(diào)查問卷等形式，了解相關(guān)專業(yè)學(xué)生在實(shí)際工作中對(duì)本課程相關(guān)知識(shí)的需求及應(yīng)用。調(diào)研的主體既可以是教師本人，也可以布置給課程的教學(xué)對(duì)象，即學(xué)生進(jìn)行調(diào)研。通過這些前期的準(zhǔn)備工作，可以使師生進(jìn)一步明確相關(guān)專業(yè)的課程學(xué)習(xí)目標(biāo)，提高學(xué)生的學(xué)習(xí)動(dòng)力與學(xué)習(xí)興趣。

3.2 構(gòu)建積件式教學(xué)平臺(tái)，實(shí)施差異化的教學(xué)方式

積件（Integrable ware）是從傳統(tǒng) CAI 課件的基礎(chǔ)上發(fā)展出來的新型 CAI。 它不是教學(xué)資源庫(kù)和多媒體制作工具的簡(jiǎn)單相加，而是由師生根據(jù)教學(xué)需要自己組合運(yùn)用多媒體教學(xué)信息資源的教學(xué)軟件系統(tǒng)。

按照積件式教學(xué)方法的理論，教師在進(jìn)行教學(xué)平臺(tái)設(shè)計(jì)時(shí)，應(yīng)盡可能地將每一節(jié)授課內(nèi)容實(shí)例化，將實(shí)例積件化，一個(gè)實(shí)例可以作為一個(gè)積件，也可以由幾個(gè)積件組成。 綜合的課程設(shè)計(jì)可以由底層的小積件搭建而成， 也可以由上層較大的積件組合而成，學(xué)生可以根據(jù)自己的實(shí)際情況選擇適當(dāng)?shù)姆e件完成學(xué)習(xí)及設(shè)計(jì)，使整門課程完全積件化。

比如今后《網(wǎng)頁(yè)設(shè)計(jì)與制作》課程的相關(guān)教師可以根據(jù)以往選課的情況及師生調(diào)研的情況共同探討出適合該課程相關(guān)專業(yè)的若干綜合案例，每一個(gè)案例由若干大的積件組成，如使用Photoshop制作主頁(yè)模型及相關(guān)圖片素材，使用Flash制作動(dòng)畫素材，使用Dreamweaver進(jìn)行網(wǎng)站建設(shè)及頁(yè)面布局等，每一個(gè)大的積件又可以分解為若干層次的小積件。教師在實(shí)際的教學(xué)過程中，可以結(jié)合學(xué)生專業(yè)及班級(jí)的特點(diǎn)選擇特定的綜合案例，通過案例效果及案例應(yīng)用的初步展示，充分調(diào)動(dòng)學(xué)生的學(xué)習(xí)興趣。在實(shí)際的教學(xué)過程中，先確定底層基本的教學(xué)積件，并結(jié)合學(xué)生的學(xué)習(xí)情況和教學(xué)反饋進(jìn)一步選擇和搭配其他進(jìn)階類的教學(xué)積件。

同時(shí)在制定實(shí)踐教學(xué)目標(biāo)時(shí)，不要求所有學(xué)生達(dá)到相同的教學(xué)要求，應(yīng)以充分調(diào)動(dòng)學(xué)生的積極性、最大程度的提高學(xué)生的實(shí)踐能力為目標(biāo)。允許學(xué)生在自主設(shè)計(jì)網(wǎng)站作品時(shí)，在達(dá)到基本要求的基礎(chǔ)上，根據(jù)自己的接受能力和學(xué)習(xí)進(jìn)度自主選擇相應(yīng)的積件進(jìn)行學(xué)習(xí)和再創(chuàng)作。這樣能夠使得不同基礎(chǔ)和能力的學(xué)生都能夠?qū)W到知識(shí)，提高能力。

4 其他改進(jìn)方向

4.1 根據(jù)學(xué)生的實(shí)際特點(diǎn)改進(jìn)教學(xué)設(shè)計(jì)

結(jié)合過往的教學(xué)經(jīng)驗(yàn)以及部分學(xué)生可能出現(xiàn)的問題，通過適當(dāng)調(diào)整部分內(nèi)容的教學(xué)設(shè)計(jì)，減少學(xué)生因圖一時(shí)便利導(dǎo)致走更多的彎路。如在Photoshop網(wǎng)頁(yè)模型的制作過程中，本可以將Photoshop中制作好的網(wǎng)頁(yè)模型直接切片并導(dǎo)出為網(wǎng)頁(yè)格式，但在實(shí)際的教學(xué)過程中發(fā)現(xiàn)，由于有過第一次“快捷省力”的經(jīng)驗(yàn)，許多學(xué)生便對(duì)Dreamweaver中表格的布局和規(guī)劃不夠重視，從而不能夠用心地利用Dreamweaver中的表格技術(shù)重新規(guī)劃及減少圖片的使用，來制作出真正適用于互聯(lián)網(wǎng)傳播瀏覽的HTML網(wǎng)頁(yè)。因此可以嘗試暫時(shí)跳過Photoshop中的切片導(dǎo)出部分的講解，而是引導(dǎo)學(xué)生及時(shí)地結(jié)合制作好的網(wǎng)頁(yè)模型探討如何在Dreamweaver中利用表格對(duì)網(wǎng)頁(yè)進(jìn)行合理布局。只有當(dāng)學(xué)生掌握了網(wǎng)頁(yè)表格布局技術(shù)以后，再利用Photoshop提供適當(dāng)?shù)膱D片切片素材，才能夠避免學(xué)生急功近利，從而制作出不符合Web精簡(jiǎn)要求的網(wǎng)頁(yè)來。

4.2 點(diǎn)面結(jié)合進(jìn)行差異性輔導(dǎo)，提高教學(xué)效率

一方面，繼續(xù)發(fā)揮教師巡回輔導(dǎo)的作用，及時(shí)發(fā)現(xiàn)學(xué)生在學(xué)習(xí)操作中存在的共性問題并加以提醒，如容易忽略網(wǎng)頁(yè)標(biāo)題設(shè)置，未能及時(shí)養(yǎng)成在站點(diǎn)管理器中定義網(wǎng)站及編輯網(wǎng)頁(yè)的習(xí)慣等，實(shí)現(xiàn)以點(diǎn)帶面的輔導(dǎo)效果；另一方面，通過師生交流及巡回輔導(dǎo)發(fā)現(xiàn)基礎(chǔ)較好的學(xué)生，并通過推薦及學(xué)生自愿報(bào)名等方式成立輔導(dǎo)小組，利用輔導(dǎo)小組分解教師的輔導(dǎo)工作量，并起到較好的榜樣作用，以形成良好的教學(xué)氛圍，提高教學(xué)效率。

5 結(jié)束語

《網(wǎng)頁(yè)設(shè)計(jì)及制作》由于課程本身的特點(diǎn)以及開課對(duì)象的特點(diǎn)，對(duì)教師提出了更高的要求。在堅(jiān)持已有的案例教學(xué)及任務(wù)推動(dòng)的教學(xué)理念以外，還需要結(jié)合學(xué)生的專業(yè)特點(diǎn)及個(gè)體差異實(shí)施差異化的教學(xué)方式。只有這樣，課程的教學(xué)才能滿足社會(huì)對(duì)人才需要的多樣性，同時(shí)，這也是以人為本教育理念的重要體現(xiàn)。

參考文獻(xiàn)：

[1] 游琪.差異化教學(xué)在網(wǎng)頁(yè)設(shè)計(jì)基礎(chǔ)教學(xué)中的應(yīng)用[J].電腦知識(shí)與技術(shù)，2014（7）.

[2] 汪迎春.高職網(wǎng)頁(yè)設(shè)計(jì)課程任務(wù)驅(qū)動(dòng)教學(xué)設(shè)計(jì)與實(shí)踐[J].計(jì)算機(jī)時(shí)代，2010（6）.

[3] 李玉虹，張福峰.因材施教構(gòu)建積件式教學(xué)平臺(tái)[J].中國(guó)職業(yè)技術(shù)教育，2008（10）.

[4] 張鑒新.淺談網(wǎng)頁(yè)設(shè)計(jì)基礎(chǔ)案例教學(xué)[J].科技信息，2008（35）.