網頁設計與制作課程教學的探討篇一：《網頁設計與制作》是計算機專業的必修課程，該課程集知識與實踐一體，深受學生的喜愛。目前多數院校在教學過程中，普遍存在“重制作，輕設計”的問題，致使學生制作出來的網頁粗糙拙劣。本文提出《網頁設計與制作》課程的教學應以“技術為設計服務”為指導思想，從教學內容、教學方法和課程考核等方面，對《網頁設計與制作》課程進行教學改革和創新研究，旨在提高學生的網頁設計與制作能力，為其適應市場需求打下良好基礎。內蒙古科技大學是地方高等院校，畢業生大多到企業從事設計、生產、管理等技術工作，故人才培養定位于“工程實施型人才”，要求學生具有扎實的基礎理論和專業基礎知識，能夠教深入地掌握專業知識和流行生產技術，具有較強的工程實施能力，因此內蒙古科技大學的畢業生具有“上手快，留得住，后勁足”的特點，畢業生就業率連續多年位居自治區高校前列，被國務院授予“全國就業先進工作單位”光榮稱號。該校的計算機科學與技術專業在學校人才培養思想的指導下完成了專業定位，重新制定了人才培養方案和課程體系，在此背景下，計算機科學與技術專業開設了《網頁設計與制作》課程。網頁設計與制作課程教學的探討《網頁設計與制作》課程現狀及存在的問題根據企業用人標準及對畢業生的回訪調查，總結出了網頁設計師的從業要求：具備優秀網站設計能力，能綜合運用各類軟件設計視覺創意網站，能獨立進行平面網頁的創意設計，具有良好的藝術觸覺和美術色彩搭配功底，深刻理解web標準，熟悉CSS+DIV模式，能手寫XHTML及CSS樣式代碼，懂得javascript應用，精通設計與網頁設計軟件，如photoshop、fireworks、dreamweaver等，能獨立完成網站的規劃和靜態頁面制作。可以看出一個優秀的網頁設計師能夠對網頁的構成元素進行藝術規劃和創造性思維活動，通過網頁制作技術實現網頁設計的目的，達到了藝術與技術的和諧統一。[1]為了培養大一新生對計算機專業的學習興趣和熱情，許多高校包括我校在內，將《網頁設計與制作》課程規劃為必修課安排在大一下學期開課，目的通過本課程所見即所得的特點，激發新生對計算機專業的學生興趣和熱情。可在以往的本課程教學內容安排上，重網頁制作技術的講授，對網頁設計相關知識涉及甚少，即便學生掌握了XHTML、css+div、JavaScript等網頁制作技術，可沒有遵循網站與網頁設計原則，致使學生制作出來的網頁粗糙拙劣，毫無美感可言，這樣的教學安排，難以培養學生的專業學習興趣和熱情。《網頁設計與制作》課程改革思路以適應企業需求為導向，以培養學生網頁設計能力為根本，以項目教學和案例教學為手段，以實際網站為目標，進行課程內容的編排和改革。[2]緊跟當前市場需求，及時對教學內容作出調整，特別強調網站與網頁設計原則理論知識，在講授網頁制作技術的過程中注重網頁設計基本理論與基礎知識的滲透，努力提高學生的審美情趣，在潛移默化中讓學生形成“技術為設計服務”的思想，讓這種思想指導其網頁設計與制作行為，最后將這種認識轉換為能力，最終體現在其網頁設計作品上。《網頁設計與制作》課程教學改革方案以“技術為設計服務”為指導思想，以項目教學和案例教學為手段，通過項目驅動，[3]讓學生在32學時講授+32學時上機的學習過程中，獨立完成上機項目。上機項目按照具備知識水平由易到難，需求由低到高，設計方案由局部到整體的梯度進行，符合教育教學的基本規律。結課后，以一個綜合項目的開發作為對學生學習效果的最后的評價。綜合項目的開發，實際上是學生實踐和獨立探究的過程，在此過程中，增長了學生的知識，培養了學生創造性思維和發現問題、解決問題的能力。網頁設計與制作課程教學的探討。教學內容的編排按照WEB標準，網頁由三部分組成：結構（structure）、表現（presentation）和行為（behavior），因此，在教學內容的編排上，將《網頁設計與制作》課程分為四大模塊進行講授和實踐。分別為：網頁與網站設計原則、XHTML基礎知識、css+div、javascript。網頁與網站設計原則模塊：在本課程的教學過程中處于指導地位和核心地位。通過該模塊的教學，首先讓學生掌握網站的3C設計原則，即簡潔、一致性、對比度。通過一些優秀網站設計案例的展示，使學生對3C設計原則有初步的體會和認識。其次讓學生掌握頁面設計要點，包括：精心組織的內容、格式美觀的正文、和諧的色彩搭配、較好的對比度、生動的背景圖案、頁面元素大小適中，布局均勻、不同元素間的留白等。通過優秀網站設計案例的講解，讓學生初步體會每一個頁面設計要點。在隨后的課程講授及上機實踐中，通過具體案例，強調網頁與網站設計原則，讓學生對3C設計原則及頁面設計要點有更深的體會和認識，在潛移默化中，學會用網頁與網站設計原則指導自己的網站制作行為。其他三個模塊為《網頁設計與制作》課程的技術范疇。通過XHTML、css+div、javascript的講授及配合各類上機項目的實踐，使學生具備認識網頁創建站點應用網頁元素對網頁布局應用CSS美化頁面給網頁添加動態行為的能力。最后以網頁與網站設計原則為指導，設計開發一個綜合項目。該綜合項目要求要有鮮明的主題，內容與形式統一，個性突出、布局合理、配色美觀。可以看出，通過本課程技術層面的學習，為學生奠定了制作綜合項目的技術基礎，而其掌握的網頁與網站設計原則又將反作用于其網頁制作的行為上，提高其網頁制作水平，逐步達到技術與設計的和諧統一。《網頁設計與制作》課程考核體系本課程的考核方式為考察，主要考察學生的實踐能力及學生網頁與網站設計原則的掌握情況。將平時表現，上機項目完成情況、綜合項目的開發情況相結合，從而得出學生的最終成績。改革后的《網頁設計與制作》課程重視學生網頁設計能力的培養，在每一次的教學實踐環節中，都在強調網頁與網站設計原則，在潛移默化中讓學生學會用網頁與網站設計原則來指導自己的制作行為。在此原則的指導下，74名學生完成的綜合項目開發作品中，符合網站與網頁設計原則的作品有62.3%，其中優秀作品比例為12.6%，較未實行教改前學生的設計與制作水平有了明顯提高。實踐證明，以“技術為設計服務”為指導思想的《網頁設計與制作》課程教學改革實在可行，提高了學生網站設計與制作水平，為其以后的就業打下了良好基礎。篇二：網頁設計與制作在高職課程教學中的落實突出了課程的綜合性與操作性特征，這對于學生動手能力提高和創造性思維培養都有積極的導向作用。高職教育的核心在于學生職業素質的培養，與企業專業技術崗位需求相結合，高職網頁設計與制作教學效果的提升需要從教學內容改革出發，突出課程教學中應用型人才培養優勢，能夠將所學知識應用于網頁設計當中。網頁設計與制作的目標在于網站建設，這就需要通過課程資源整合構建全新的高職教育教學模式，促進課程教學改革。筆者從自身的教育教學實踐著手，借助能力本位思想對當前高職網頁設計與制作的教學現狀及其課程特點進行了闡述，突出了就業崗位與課程實施之間的適應性，以任務驅動教學為基礎提出了網頁設計與制作的課程改革思路。伴隨互聯網技術的高速發展，現代企業越發關注到自身門戶網站建設及維護問題，與此對應的專業技術崗位需求也偏向于對網頁設計與制作人才的渴求。高職教育立足于對專業技術人才的培養，職業教育在突出人才實踐技能訓練的同時也更加關注信息技術背景下學生的就業問題，這對于高職教育今后的發展至關重要。實踐性是高職網頁設計與制作課程的顯著特征，它不同于傳統的網絡技術教學模式，對于學生的動手能力和實踐創新能力都提出了更高的要求，教學方式和教學手段的選擇偏向于對學生實踐意識和主動意識的激發，這同時也是當前課程教學改革對高職網頁設計與制作學科提出的必然要求。只有切實與企業專業技術崗位需求相適應，才能更好地體現高職教育技術型人才的培養優勢。高職網頁設計與制作的課程特點及其教學現狀從現代職業技術教育的特點分析，高職網頁設計與制作的教學目標除了表現在系統化的網頁制作理論知識外，還突出了對學生綜合動手能力、實踐創新能力和網頁設計能力的訓練，以此促進學生實踐技能和理論知識的雙重發展，更好地將所學應用于崗位就業當中。操作性是高職網頁設計與制作課程的特點之一，這就決定了在網頁設計與制作教學中理論與實踐之間的相互配合，并將實訓教學應用于網頁設計課程教學的各環節當中，這對于教學效果的提升意義重大。現階段網頁設計與制作課程在高職院校技術教育中的落實相較于以往網頁制作工具教學而言有了顯著進步，借助多媒體教室演示教學和實訓室教學激發學生的課堂教學主體意識，并以此培養學生的實踐創新能力。然而當前的網頁設計與制作教學還存在著實用性與理論性相脫節的問題，忽視了與企業專業技術崗位需求相結合，這就使得崗位工作和學科教學之間存在著較大差距，不利于教學效果的提升。高職學生本身在網頁制作能力方面有所欠缺，加之教學內容和教學方法中存在的弊端，不僅有礙于學生學習積極性的激發，同時也使得現代工作崗位與教學模式之間的差距拉大，課程改革亟需得到落實。在網頁設計與制作的課程考核方面，僅僅采用的是任課教師出題的方式，具體形式表現為上機操作和理論考核兩個部分，而其中學生出勤率以及平時作業卻占據了較小的比例，這不僅忽視了學生實際問題解決能力的培養，同時也使得學生的實踐創新意識被遏制，不利于學生個性品質的完善。高職網頁設計與制作涉及到多門學科內容，單一的考核形式顯然難以滿足現代化職業教育的根本需求，這就需要在課程改革中突出網頁設計與制作課程考核的多元化，以此激發學生的學習主動性。高職網頁設計與制作課程教學改革的設計思路與企業專業技術崗位需求相結合從當前企業網站開發團隊的角色劃分角度分析，通常除了網頁設計師、網頁美工師和后臺開發工程師以外，還包括網絡測試人員及維護管理人員。由于網頁設計與制作課程教學對象自身專業的差異性，因此培養目標的構建也應當與學生知識結構及專業特點相對應，體現教學內容和教學目標的針對性，這是高職教育因材施教原則的集中體現。從具體分類上看，電子商務和計算機相關專業的學生在邏輯思維能力方面有著顯著優勢，作為電子商務網站建設與WEB應用程序開發的重要前導課程，這些專業學生在學習網頁設計與制作時可借助自身的編程基礎強化在網站及網頁制作方面的學習，至于Firework或是Photoshop這類圖形處理技術則不作過多要求，在網頁設計與制作課程學習中學生對于CSS樣式表以及HTML語言有了更加全面的了解，并且能夠借助JavaScript實現對網頁特效和Flash腳本的編寫，這是對學生專業技術崗位能力的培養過程。而藝術專業學生本身對于布局、構圖、色彩等內容較為敏感，因此可著重訓練學生的制圖能力，通過網頁制作與設計課程的學習引導學生立足于網頁界面的美觀設計，借助Flash使得網頁素材的呈現更有動感，這對于學生后期的職業生涯也有著積極的導向意義。項目驅動型教學模式以往高職網頁設計與制作課程教學中關于案例教學法的運用僅僅是將網頁制作技術與案例分析相結合，其教學過程中學生仍處于極為被動的狀態，學生關注的核心在于某一個案例的制作過程，然卻忽略了自身對網站項目的制作及設計。項目驅動型教學在高職網頁設計與制作中的應用能夠顯著改善當前的教學現狀，推動課程教學改革的有序實施。這一教學模式的具體程序及環節包括以下幾點：項目選擇項目選擇的過程應當與教學大綱及課程教學內容相結合，控制好項目選擇的難度以及知識覆蓋面，使得項目教學的實施能夠連成一線，突出各環節課程教學的連貫性。教學實踐當中首先需要完成學生的分組工作，確定三至四人為一個小組，并確定其中一人為組長，網站主題的確立可由小組成員自由選擇，并于特定時間內完成主題資料收集和網站策劃書的編寫工作，并由組長在課堂教學中對其進行演示，完成小組方案的呈現與闡述，之后由其余小組對其提出合理建議。網站項目確定后需要由教師幫助學生完成項目開發進度表的制定，細化項目實施的具體內容。專題教學方式從網站項目實施的具體步驟分析，除了網站主題確定、資料整理、logo設計以及網站風格選擇外，還涉及到配色方案的選擇、網頁排版、主頁制作和網站測試等內容。依據具體的實施步驟，教師可與教學大綱相結合明確教學專題的開發進度，對基本元素、布局模式及網頁排版等問題組織學生進行討論。在對以往教學案例進行分析后，學生對于網站設計的理解更加深入，能夠在知識點的驅動下完成自我網頁的設計與制作。組織討論從教師本身知識結構及專業修養的差異性分析，在網站制作技術方面會對教學設計產生一些影響，因此針對存在疏漏的地方就需要對其進行討論與修改。通過優秀網站欣賞使得學生加深對網頁制作的感性認識，能夠從優秀網站中獲得網頁設計的靈感，體現自身創意設計水平，這對于學生知識面的擴展和分析問題能力的提高都有積極影響。分階段型考核模式這一考核模式將項目開發進度劃分為若干小的階段，學生完成階段工程匯報后再由師生共同參與考核，考核的重點在于對網站主題和頁面布局的考查，除此之外還需要對整體頁面的美觀性進行評定，檢查網站規劃中的各項功能以及頁面鏈接效果，具體包括：網站選題小組網站主題的擬定可由成員自行選擇，在對同類網站進行分析后分析自身技術路線和服務形式的異同，并與企業專業技術崗位需求相聯系，切實分析網站本身的維護成本及盈利模式。網站策劃書是這一階段需要完成的項目，組成對其進行必要的演