論中職校網頁設計課程的教學改革

林燁

摘 要 近年來，網頁設計是一個逐步發展成熟的領域，網絡技術的不斷提高為網頁設計創建了表現的基礎，因此該領域實際是一門新興的創意設計與計算機技術交叉的學科。在各中職學校的計算機專業中普遍開設了網頁設計的課程，并作為核心課程，那么如何開展這門課程的教學才能取得好的教學效果？本文主要通過分析現階段網頁設計教學中存在的普遍問題，同時結合筆者的教學經驗，對本課程的教學提出一些見解。

關鍵詞 中職 網頁設計 教學

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

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

1 課程體系，精選教材

圖1 網頁設計核心課程示意圖

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

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

表1 網頁設計系列課程學期分配表

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

2 突出實踐能力，部分內容實行協同教學

2.1 設計學習任務，激發學生的學習興趣

興趣是最好的老師。在進行入門教學的時候，如何激發學生的學習興趣，使得學生在主觀上由“要我學”轉變為“我要學”，是個關鍵問題。以講授網頁美工設計的內容為例，在開始幾節課，要結合國內外的幾個知名網站的整體結構進行分析，介紹知名網站在版面設計方面如何布局，在色彩搭配方面如何合理地統一網站的風格、網站Logo和Banner的設計理念，以及如何對網頁圖片進行處理才能更加吸引網民的眼球等，讓學生意識到網頁世界的豐富多彩，從而激發他們的學習興趣。與此同時，在每個學習階段結束的時候，都要求學生獨立完成一個任務，從最基本的圖片處理、Logo設計到整個網站結構的布局和色彩搭配，這樣學生就會在自己心里形成一個風格，這也是學生學習好網頁設計課程的基礎和前提。endprint

2.2 舉一反三，培養學生學習能動性

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

2.3 部分內容協同教學，明確分工

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

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

3 教師要及時指導，將德育教育融入教學過程

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

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

4 結束語

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

參考文獻

[1] 邰琦琿.中職計算機網頁設計教學的若干實踐探索[J].信息與電腦（理論版），2013（5）：208-209.

[2] 陳愛霞.中職《網頁設計》課程教學方法的實踐和探索[J].時代教育，2014（2）：92-93.

[3] 張國禎.中職計算機網頁設計教學的若干實踐和體會[J].就業與保障，2013（3）：27-28.

[4] 何麗萍.試論網頁設計教學結構的合理構建[J].包裝世界，2013（3）：70.endprint