網頁設計與制作課程一體化教學思考

摘 要：目前，部分學校僅根據教學大綱的基本要求開設網頁設計與制作這門課程，但從職業教育的主旨上來看，這門課程應作為反映計算機專業學生綜合能力的重要環節。因此，本文提出，學校要加大投入，通過一體化教學的方式，不斷加強這方面的理論與實習教學，培養學生更好地適應專業的需要，并努力培養學生具備更扎實的專業素質。

關鍵詞：網頁設計與制作 一體化教學 對策

根據2014年1月16日CNNIC發布的第33次《中國互聯網絡發展狀況統計報告》，截至2013年12月，中國網民規模達6.18億，互聯網普及率為45.8%。中國網站數量為320萬個，中國網頁數量為1500億個，均處于快速增長態勢，這給網頁設計與制作人才的就業提供了廣闊的空間。但是從企業招聘員工時提出的“必須具備實戰經驗”的基本條件來看，網頁設計與制作專業課程的教學也應因勢而為，進行一體化教學改革，使學生更好地掌握職業崗位所需的知識和專業技能，畢業后盡快融入社會。

一、教學現狀

網頁設計是一門綜合性技能，包含市場需求研究、網站策劃、網頁平面設計、網頁頁面排版、網站推廣、網絡廣告設計、網站程序開發、數據庫設計等內容。其實很多學校僅將它作為一門獨立的課程進行基礎的教學，是遠遠不夠的，原因如下。

首先，網頁設計與制作課程的職業崗位定位是網頁設計與制作、網站管理、網頁編輯三個方面。在制定人才培養方案時，應重點從職業教育的角度出發，注重培養學生具備網頁設計、網頁美工、網站規劃、網站管理和維護的技能，以便形成良好的職業素養，提升學生的就業能力，使學生畢業后便可勝任網頁設計師、網頁美工師、網站管理維護員等工作，并逐步提升職業能力。

其次，理論教學和實踐教學可能會脫節，理論與實操課之間的知識可能會重復。考慮到學生在校的學時及課程的安排，網頁設計與制作的教學僅能占用一個學年的時間，如果按照常規，首先進行理論教學然后進行實踐教學，這樣會浪費太多的時間，同時又不能讓學生形成一個完整的思路，這樣就會造成知識的脫節，最后在進行實習教學時，又需要重新進行理論的復習。所以一定要打破教學常規，讓理論和實習教學進行有效配合，保證學生學得輕松。

再次，在學習中，有些知識不是全部都要求掌握的，只能根據實際需要有選擇性地進行學習。在網頁設計與制作的教學過程中，必須參照企業的運作模式，對學生進行分組，教師根據不同的模塊進行教學，保證學生在學習中能集中精力完成規定的任務，讓他們在實習的過程中既能得到技能的強化又能在理論上得到提升。

二、課程內容

一個具體的課題，應是先確定選題、調研，設計好項目開發流程，再將任務細分到開發團隊的相關成員。其實，教學管理部門應認真地對教師所具備的相關知識和技能進行評估，根據項目的內容要求分發給相關的教師，并由教師抽選具有相關興趣愛好的學生組成開發小組。大致來看，可以分為以下幾個部分。

1.網頁制作工具部分

包括Dreamweaver、Photoshop、Flash等，可以完成網頁素材的設計與制作、網頁動畫制作、頁面布局、表單的創建等內容。這部分是整個項目的基礎，所用的學時相對較多，要求每一位學生必須認真掌握。

2.網頁美工部分

包括視覺設計中所涉及的創意設計、結構版式、配色、圖形圖像、動畫設計、數碼攝影等知識和技能。其實，網頁的設計不是簡單地把各種素材拼湊起來就可以，而是要將色彩、圖形搭配得具有美感，并能更好地體現企業的文化和特點，以達到增加企業認知度和較高訪問率的效果。這一部分所涉及的知識比較特殊，主要是對網頁進行美化和品質的提升，要求教師能有較豐富的從業經驗和獨到的審美能力，并能培養學生形成較好的藝術素養和審美能力。

3.網頁編程部分

包括HTML語言、CSS+DIV和JavaScript語言等知識和技能。這一部分主要是提升網頁的編輯效率，實現較復雜的網頁組織，難度較大，同時又是本課程的重點，對教師的要求相應地會更高，這也會直接決定整個網頁的質量。如果能讓學生嫻熟地掌握這一技能，本課程的教學將會達到一個新的高度。

4.網站數據庫技術部分

包括Access、SQL等知識和技能。這一部分是整個教學的難點，它將為網站提供技術支持，為用戶的訪問提供強大的數據支持，這也是整個網站的靈魂。

對于初學者而言，以上課程是最基礎也是最重要的，完成這些課程的講授將會占到總課時的60%以上，如果把握不好，將會影響整個教學的進度。但從目前來看，很多學校僅將這些課程單獨處理，并深入到各自的應用領域。如果能將他們與網頁制作聯系起來，將會更好地把學生的注意力集中到具體的任務上來，使學生能迅速判斷如何學、學什么，而不至于讓他們在學習中毫無目的，久而久之將會產生迷茫、失落、厭學的情緒。

三、需要注意的問題

為了達到較好的教學效果，并在規定的學時完成教學任務，還得有組織地執行相關任務，并做好協調。

一是網站的設計與制作必須有總體規劃。在這一方面，應由有企業實踐工作經歷、參與過企業實際工作任務、清楚企業生產工作流程的企業工作者帶領專業負責人實施，這是整個項目的核心和靈魂，若不周密或可行性差，將會直接導致教學任務的失敗。

二是在網頁布局中，相關學生會對Dreamweaver、HTML語言、CSS+DIV進行深入的學習，并利用相關知識完成網頁的布局。同時，指導教師應在較短的時間里提高教學效率，將較抽象的知識以深入淺出的方式傳授，使學生能容易地接受并立即投入到實踐中去。

三是在網頁布局的同時，相關學生應根據網站的特點準備相關的素材，包括圖形圖像處理、動畫的制作、文本內容的收集和整理。教師要讓學生迅速熟悉Photoshop、Flash等軟件的使用技巧，通過實例進行引導，分組完成網頁中所用到的圖像、動畫等素材。

綜觀以上幾個方面，負責各組的教師必須強調以學生為主體、教師為主導的學習與工作過程，密切關注學生各階段的學習成果。先由布局者將各組的內容進行整合，形成一個個有效的網頁，由學生自己對網站進行訪問，對出現的問題及缺陷進行討論和分析，總結經驗并拿出整改方案，然后將這些具有突破性的意見下達到各組，讓他們對所學到的知識和技能進行評估，找出差距和不足。

其實，在實施階段，有些任務是交叉或并行實現的，教師中應根據項目的進度，有針對性地選取教學內容，除了保證教學的質量，必須要保證能在自己所承擔的責任范圍里完成規定的任務。特別是要充分引導學生主動參與，激發他們的主觀能動性，在課堂中給他們充分的時間進行思考和訓練，并采用學生自主提問的教學方法，以學生質疑為切入點，學生合作解決問題貫穿整個教學過程。

總之，學校要嚴格按照一體化教學的規律進行教學管理，從職業教育的本質出發，注重培養學生具備相關專業技能，促進學生形成良好的職業素養，提升學生在相關崗位的就業能力，這也將會為職業技術學校的發展注入巨大的動力。

參考文獻：

[1]陳丁君，何琳，許昭霞.ASP動態網頁編程[M].北京：電子工業出版社，2011.

[2]李木杰，湯偉群，鐘秀平.技工院校一體化課程體系構建與實施[M].北京：中國勞動社會保障出版社，2012.

[3]徐磊.網頁制作與網站建設技術大全[M].北京：清華大學出版社，2011.

（作者單位：張家界市高級技工學校）