林燁

摘 要 近年來，網(wǎng)頁設(shè)計是一個逐步發(fā)展成熟的領(lǐng)域，網(wǎng)絡(luò)技術(shù)的不斷提高為網(wǎng)頁設(shè)計創(chuàng)建了表現(xiàn)的基礎(chǔ)，因此該領(lǐng)域?qū)嶋H是一門新興的創(chuàng)意設(shè)計與計算機(jī)技術(shù)交叉的學(xué)科。在各中職學(xué)校的計算機(jī)專業(yè)中普遍開設(shè)了網(wǎng)頁設(shè)計的課程，并作為核心課程，那么如何開展這門課程的教學(xué)才能取得好的教學(xué)效果？本文主要通過分析現(xiàn)階段網(wǎng)頁設(shè)計教學(xué)中存在的普遍問題，同時結(jié)合筆者的教學(xué)經(jīng)驗(yàn)，對本課程的教學(xué)提出一些見解。

關(guān)鍵詞 中職 網(wǎng)頁設(shè)計 教學(xué)

中圖分類號：G424 文獻(xiàn)標(biāo)識碼：A

On the Teaching Reform of Secondary Vocational College Web Design Course

LIN Ye

（Fujian Economic School， Fuzhou， Fujian 350008）

Abstract In recent years， web design is a progressive development of mature fields， and continuously improve network technology to create the foundation for the performance of web design， so this is actually an emerging field of creative design and computer technology cross-disciplinary. In computer science in various vocational schools generally opened a web design course and as a core curriculum， how to carry out the teaching of this course in order to achieve good teaching results？ In this paper， by analyzing common problems teaching web design stage presence， combined with the author's self-teaching experience， offer some insights to teach this course.

Key words secondary vocational； web design； teaching

隨著網(wǎng)絡(luò)技術(shù)的飛速發(fā)展，人們的日常生活已經(jīng)和網(wǎng)絡(luò)緊密聯(lián)系在一起，比如通過網(wǎng)絡(luò)購物、學(xué)習(xí)、娛樂、異地辦公等，而網(wǎng)頁作為傳播信息的基本載體，發(fā)揮著重要作用。因此，如何吸引網(wǎng)民的關(guān)注，如何加快網(wǎng)頁的瀏覽速度就成為促進(jìn)網(wǎng)頁設(shè)計技術(shù)不斷發(fā)展的動力，同時它也成為一門熱門的技術(shù)，在各類IT人才需求中，誰掌握有過硬的網(wǎng)頁制作技術(shù)，誰就能夠在激烈的職場上占有優(yōu)勢。中職計算機(jī)教育的宗旨是面向社會培養(yǎng)在某一領(lǐng)域具有熟練技能的中等專門人才，為了適應(yīng)社會對網(wǎng)頁設(shè)計人才的需求，各中職校都普遍開設(shè)了該門課程，并作為計算機(jī)專業(yè)的核心課程，但實(shí)際效果如何？作為一名中職教師，從這幾年的教學(xué)情況看，按照目前的教學(xué)模式，大部分學(xué)生不能很好掌握該項(xiàng)技能，究其原因，筆者認(rèn)為主要是網(wǎng)頁設(shè)計涉及計算機(jī)圖像處理、美學(xué)設(shè)計理念、動態(tài)編程技術(shù)等諸多方面，需要對相關(guān)課程有一定的基礎(chǔ)，如果只是按照傳統(tǒng)的教學(xué)模式，即教師在多媒體教室分步驟講解案例，那么一堂課下來，學(xué)生只會跟著老師做一遍，但缺失的是設(shè)計理念，而這個正是網(wǎng)頁設(shè)計的靈魂，唯有突破傳統(tǒng)模式，才能培養(yǎng)學(xué)生的自主創(chuàng)新精神，形成獨(dú)立的設(shè)計理念。

1 課程體系，精選教材

圖1 網(wǎng)頁設(shè)計核心課程示意圖

網(wǎng)頁設(shè)計作為一種專業(yè)技能的培養(yǎng)，不是作為一門課程孤立存在的，它需要許多相關(guān)知識的支持，因此如何構(gòu)建一個科學(xué)的課程體系就成為目前最為關(guān)鍵的問題。我們可以把“網(wǎng)頁設(shè)計”的核心課程大致分為三類，如圖1：

根據(jù)以上的分類，我們可以根據(jù)目前社會上流行的使用工具進(jìn)行課程的安排，如表1：

表1 網(wǎng)頁設(shè)計系列課程學(xué)期分配表

在一個合理的課程體系的基礎(chǔ)之上，針對目前中職學(xué)生基礎(chǔ)差，學(xué)習(xí)積極性不高的特點(diǎn)，選擇一本好的教材，在一定程度上也影響了學(xué)生的學(xué)習(xí)興趣和教學(xué)效果。在選擇教材時，一定要堅(jiān)持少理論，多應(yīng)用實(shí)例的原則，如果條件允許，可以根據(jù)本校學(xué)生的實(shí)際情況編寫校本教材。比如，可以編寫一門《網(wǎng)頁美工設(shè)計》的教材，內(nèi)容分為Photoshop和Flash兩大部分，在Photoshop部分主要學(xué)習(xí)如何應(yīng)用該軟件處理網(wǎng)頁圖像以及設(shè)計網(wǎng)頁布局和對網(wǎng)頁進(jìn)行切片的技術(shù)，而在Flash部分主要是學(xué)習(xí)如何制作網(wǎng)頁的動態(tài)元素。考慮到中職學(xué)生英語基礎(chǔ)差，對程序代碼的理解能力有限，在動態(tài)網(wǎng)頁制作教材的選擇中，要優(yōu)先選擇利用Dreamweaver軟件的服務(wù)器行為實(shí)現(xiàn)動態(tài)技術(shù)的教材，盡可能減少對程序代碼的過多講述，以提高學(xué)生學(xué)習(xí)的興趣和自信心。

2 突出實(shí)踐能力，部分內(nèi)容實(shí)行協(xié)同教學(xué)

2.1 設(shè)計學(xué)習(xí)任務(wù)，激發(fā)學(xué)生的學(xué)習(xí)興趣

興趣是最好的老師。在進(jìn)行入門教學(xué)的時候，如何激發(fā)學(xué)生的學(xué)習(xí)興趣，使得學(xué)生在主觀上由“要我學(xué)”轉(zhuǎn)變?yōu)椤拔乙獙W(xué)”，是個關(guān)鍵問題。以講授網(wǎng)頁美工設(shè)計的內(nèi)容為例，在開始幾節(jié)課，要結(jié)合國內(nèi)外的幾個知名網(wǎng)站的整體結(jié)構(gòu)進(jìn)行分析，介紹知名網(wǎng)站在版面設(shè)計方面如何布局，在色彩搭配方面如何合理地統(tǒng)一網(wǎng)站的風(fēng)格、網(wǎng)站Logo和Banner的設(shè)計理念，以及如何對網(wǎng)頁圖片進(jìn)行處理才能更加吸引網(wǎng)民的眼球等，讓學(xué)生意識到網(wǎng)頁世界的豐富多彩，從而激發(fā)他們的學(xué)習(xí)興趣。與此同時，在每個學(xué)習(xí)階段結(jié)束的時候，都要求學(xué)生獨(dú)立完成一個任務(wù)，從最基本的圖片處理、Logo設(shè)計到整個網(wǎng)站結(jié)構(gòu)的布局和色彩搭配，這樣學(xué)生就會在自己心里形成一個風(fēng)格，這也是學(xué)生學(xué)習(xí)好網(wǎng)頁設(shè)計課程的基礎(chǔ)和前提。endprint

2.2 舉一反三，培養(yǎng)學(xué)生學(xué)習(xí)能動性

網(wǎng)頁設(shè)計是一門專業(yè)技能，非常注重學(xué)生實(shí)際動手能力的培養(yǎng)。在實(shí)際教學(xué)中，教師要充分準(zhǔn)備大量的具體案例，采用提問法、任務(wù)驅(qū)動教學(xué)法、講練結(jié)合法等方法對學(xué)生進(jìn)行教學(xué)。在開始教授一個新的內(nèi)容時，要提出一個問題，讓學(xué)生帶著疑問去學(xué)習(xí)，這樣才能有的放矢。教師可以先在教師機(jī)上演示操作一個具體案例，在演示的過程中，采用邊講邊練的方式，讓學(xué)生在“做中學(xué)”，然后布置一個與此案例類似的任務(wù)，讓學(xué)生獨(dú)立完成，在任務(wù)結(jié)束的時候，根據(jù)學(xué)生的完成質(zhì)量情況，讓做得比較好的學(xué)生在教師機(jī)演示自己的成果，談?wù)勛约涸谧龅倪^程中的心得體會。這樣，在課堂上，大部分的時間就交給了學(xué)生，讓學(xué)生始終處于動手的狀態(tài)。作為教師，在學(xué)生實(shí)施任務(wù)的過程中，不要過多干涉學(xué)生，而是多給學(xué)生以引導(dǎo)，讓學(xué)生自己思考、設(shè)計、完善，讓學(xué)生在實(shí)踐中自我摸索，不斷提高。通過這種方式，不僅起到了舉一反三的教學(xué)效果，而且充分發(fā)揮了學(xué)生的學(xué)習(xí)能動性，使得學(xué)生學(xué)得扎實(shí)，記得牢固，也進(jìn)一步提高學(xué)生的分析問題和解決問題的能力。

2.3 部分內(nèi)容協(xié)同教學(xué)，明確分工

小組合作學(xué)習(xí)是同伴間的互助合作活動。它通過創(chuàng)設(shè)“組間同質(zhì)、組內(nèi)異質(zhì)”的小組形式來改變班級教學(xué)結(jié)構(gòu)，其目的在于促進(jìn)小組成員之間的互助和合作，并以此作為教學(xué)活動的動力。首先，合理分組是關(guān)鍵，它要求教師根據(jù)學(xué)生的性別、學(xué)習(xí)成績、能力差異，以及學(xué)生之間的人際交往和性格特征等進(jìn)行分組，而這些需要教師對該班級的學(xué)生有一定的了解，所以在前期教學(xué)中不宜采用這種方式，而在綜合實(shí)訓(xùn)環(huán)節(jié)，采用該方式可以很好地發(fā)揮每個學(xué)生的特長，培養(yǎng)團(tuán)隊(duì)合作的精神，促進(jìn)學(xué)生之間的協(xié)作學(xué)習(xí)。由于每個小組都是異質(zhì)的，所以就連帶產(chǎn)生了全班各小組間的同質(zhì)性，這就符合了合作學(xué)習(xí)的分組原則——組間同質(zhì)、組內(nèi)異質(zhì)。組內(nèi)異質(zhì)為學(xué)生之間的互相幫助提供了可能性，讓學(xué)得好的學(xué)生更加熟練掌握相關(guān)技能，差的學(xué)生更方便快捷地得到同學(xué)的幫助，同時由于組間是同質(zhì)的，這就保證了各小組間的公平競爭。根據(jù)網(wǎng)頁設(shè)計任務(wù)的組成要素，以及在省、國家級別職業(yè)技能比賽中相關(guān)項(xiàng)目人員分配情況看，合作小組的人數(shù)，一般建議為3個人。

組內(nèi)成員的分工，首先是角色分工。每個合作小組要選定小組長，以分配任務(wù)，監(jiān)督進(jìn)度情況，協(xié)調(diào)組內(nèi)成員等。對于小組內(nèi)的成員，要明確分工職責(zé)。以網(wǎng)頁設(shè)計綜合實(shí)訓(xùn)為例，面對一個完整的網(wǎng)站系統(tǒng)任務(wù)，需要3個小組成員，其中，一個負(fù)責(zé)網(wǎng)頁圖片素材、動態(tài)效果的處理，一個負(fù)責(zé)整體網(wǎng)站的布局、色彩搭配，以及切片導(dǎo)入Dreamweaver的工作，一個負(fù)責(zé)數(shù)據(jù)庫設(shè)計和后臺服務(wù)器行為的實(shí)現(xiàn)。當(dāng)然，為了讓每個學(xué)生都能夠全面掌握網(wǎng)頁設(shè)計的技術(shù)，每次合作時的角色也是應(yīng)該輪換的，而非固定不變，特別是小組長的輪換，體現(xiàn)了人人平等的精神，讓每個學(xué)生都體會到自己在小組中的重要性，從而激發(fā)他們內(nèi)在的能力。在任務(wù)實(shí)現(xiàn)過程中，通過協(xié)同合作，明確分工的方式，可以逐步培養(yǎng)學(xué)生的組織能力、交流能力、協(xié)調(diào)能力、相互尊重的態(tài)度等，以期學(xué)生在不同的學(xué)習(xí)任務(wù)中發(fā)展不同的能力，從而可以大大提高學(xué)習(xí)效率。

3 教師要及時指導(dǎo)，將德育教育融入教學(xué)過程

在學(xué)生的學(xué)習(xí)過程中，無論是獨(dú)立學(xué)習(xí)還是合作學(xué)習(xí)，教師絕不能是旁觀者，而應(yīng)該是學(xué)生的合作伙伴和指導(dǎo)者。特別是在學(xué)生以小組為單位的合作學(xué)習(xí)過程中，教師不是更清閑了，而是擔(dān)負(fù)起了更大的職責(zé)。在合作學(xué)習(xí)中，教師要針對班級、小組的具體情況，在宏觀層面給學(xué)生以指導(dǎo)，涉及整個任務(wù)的管理，調(diào)控和引導(dǎo)，要充分展示各種問題的形成過程和解決過程。實(shí)踐證明，在合作學(xué)習(xí)過程中，如果有教師的及時指導(dǎo)，如指導(dǎo)學(xué)生一些合作學(xué)習(xí)的步驟，明確合作學(xué)習(xí)的規(guī)則，有利于學(xué)生順利開展學(xué)習(xí)，充分發(fā)揮小組協(xié)同合作的作用。

與此同時，要將德育教育融入到教學(xué)過程中?，F(xiàn)階段，作為網(wǎng)絡(luò)信息承載者的網(wǎng)頁是一把雙刃劍，各種信息充斥其中，對于這些正處于青春期的中職生，如何正確對待這些信息，將對他們的成長發(fā)揮重要作用。因此要將網(wǎng)頁作為德育教育的載體，通過制作以“健康、向上”為主題的網(wǎng)站，在搜集素材的過程中多接觸先進(jìn)人物、先進(jìn)事跡，無形中讓學(xué)生，逐步樹立正確的人生觀和價值觀，讓學(xué)生學(xué)會做人做事。

4 結(jié)束語

實(shí)踐證明，在以培養(yǎng)技能型人才為目標(biāo)的教育方針指導(dǎo)下，通過這些教學(xué)改革，在激發(fā)學(xué)生學(xué)習(xí)興趣的同時，也提高了學(xué)生的學(xué)習(xí)積極性，同時改善了網(wǎng)頁設(shè)計課程的教學(xué)效果。學(xué)生在學(xué)習(xí)的過程中，不但可以學(xué)到如何制作一個完整的網(wǎng)站，同時也培養(yǎng)了團(tuán)結(jié)協(xié)作的精神和溝通交流的能力。為了適應(yīng)中職教學(xué)改革的需要，在今后的教學(xué)過程中，我們將對該課程的教學(xué)方法論進(jìn)行進(jìn)一步的研究，在實(shí)踐中不斷提出新的教學(xué)思路，豐富教案內(nèi)容，設(shè)計更多的經(jīng)典案例，融入更健康、向上的設(shè)計主題，從各方面來培養(yǎng)中職學(xué)生，爭取更好的教學(xué)效果，使得學(xué)生成為21世紀(jì)所需要的技能型人才。

參考文獻(xiàn)

[1] 邰琦琿.中職計算機(jī)網(wǎng)頁設(shè)計教學(xué)的若干實(shí)踐探索[J].信息與電腦（理論版），2013（5）：208-209.

[2] 陳愛霞.中職《網(wǎng)頁設(shè)計》課程教學(xué)方法的實(shí)踐和探索[J].時代教育，2014（2）：92-93.

[3] 張國禎.中職計算機(jī)網(wǎng)頁設(shè)計教學(xué)的若干實(shí)踐和體會[J].就業(yè)與保障，2013（3）：27-28.

[4] 何麗萍.試論網(wǎng)頁設(shè)計教學(xué)結(jié)構(gòu)的合理構(gòu)建[J].包裝世界，2013（3）：70.endprint