網頁設計與制作課程教學探討

序論：寫作是一種深度的自我表達。它要求我們深入探索自己的思想和情感，挖掘那些隱藏在內心深處的真相，好投稿為您帶來了一篇網頁設計與制作課程教學探討范文，愿它們成為您寫作過程中的靈感催化劑，助力您的創作。

網頁設計與制作課程教學探討:《網頁設計與制作》課程教學改革探索

摘 要：《網頁設計與制作》是計算機專業的必修課程，該課程集知識與實踐一體，深受學生的喜愛。目前多數院校在教學過程中，普遍存在“重制作，輕設計”的問題，致使學生制作出來的網頁粗糙拙劣。本文提出《網頁設計與制作》課程的教學應以“技術為設計服務”為指導思想，從教學內容、教學方法和課程考核等方面，對《網頁設計與制作》課程進行教學改革和創新研究，旨在提高學生的網頁設計與制作能力，為其適應市場需求打下良好基礎。

關鍵詞：網頁設計與制作 網頁與網站設計原則 教學改革

內蒙古科技大學是地方高等院校，畢業生大多到企業從事設計、生產、管理等技術工作，故人才培養定位于“工程實施型人才”，要求學生具有扎實的基礎理論和專業基礎知識，能夠教深入地掌握專業知識和流行生產技術，具有較強的工程實施能力，因此內蒙古科技大學的畢業生具有“上手快，留得住，后勁足”的特點，畢業生就業率連續多年位居自治區高校前列，被國務院授予“全國就業先進工作單位”光榮稱號。該校的計算機科學與技術專業在學校人才培養思想的指導下完成了專業定位，重新制定了人才培養方案和課程體系，在此背景下，計算機科學與技術專業開設了《網頁設計與制作》課程。

1 《網頁設計與制作》課程現狀及存在的問題

根據企業用人標準及對畢業生的回訪調查，總結出了網頁設計師的從業要求：具備優秀網站設計能力，能綜合運用各類軟件設計視覺創意網站，能獨立進行平面網頁的創意設計，具有良好的藝術觸覺和美術色彩搭配功底，深刻理解web標準，熟悉CSS+DIV模式，能手寫XHTML及CSS樣式代碼，懂得javascript應用，精通設計與網頁設計軟件，如photoshop、fireworks、dreamweaver等，能獨立完成網站的規劃和靜態頁面制作?？梢钥闯鲆粋€優秀的網頁設計師能夠對網頁的構成元素進行藝術規劃和創造性思維活動，通過網頁制作技術實現網頁設計的目的，達到了藝術與技術的和諧統一。[1]為了培養大一新生對計算機專業的學習興趣和熱情，許多高校包括我校在內，將《網頁設計與制作》課程規劃為必修課安排在大一下學期開課，目的通過本課程所見即所得的特點，激發新生對計算機專業的學生興趣和熱情?？稍谝酝谋菊n程教學內容安排上，重網頁制作技術的講授，對網頁設計相關知識涉及甚少，即便學生掌握了XHTML、css+div、JavaScript等網頁制作技術，可沒有遵循網站與網頁設計原則，致使學生制作出來的網頁粗糙拙劣，毫無美感可言，這樣的教學安排，難以培養學生的專業學習興趣和熱情。

2 《網頁設計與制作》課程改革思路

以適應企業需求為導向，以培養學生網頁設計能力為根本，以項目教學和案例教學為手段，以實際網站為目標，進行課程內容的編排和改革。[2]緊跟當前市場需求，及時對教學內容作出調整，特別強調網站與網頁設計原則理論知識，在講授網頁制作技術的過程中注重網頁設計基本理論與基礎知識的滲透，努力提高學生的審美情趣，在潛移默化中讓學生形成“技術為設計服務”的思想，讓這種思想指導其網頁設計與制作行為，最后將這種認識轉換為能力，最終體現在其網頁設計作品上。

3 《網頁設計與制作》課程教學改革方案

以“技術為設計服務”為指導思想，以項目教學和案例教學為手段，通過項目驅動，[3]讓學生在32學時講授+32學時上機的學習過程中，獨立完成上機項目。上機項目按照具備知識水平由易到難，需求由低到高，設計方案由局部到整體的梯度進行，符合教育教學的基本規律。結課后，以一個綜合項目的開發作為對學生學習效果的最后的評價。綜合項目的開發，實際上是學生實踐和獨立探究的過程，在此過程中，增長了學生的知識，培養了學生創造性思維和發現問題、解決問題的能力。

3.1 教學內容的編排

按照WEB標準，網頁由三部分組成：結構（structure）、表現（presentation）和行為（behavior），因此，在教學內容的編排上，將《網頁設計與制作》課程分為四大模塊進行講授和實踐。分別為：網頁與網站設計原則、XHTML基礎知識、css+div、javascript。

網頁與網站設計原則模塊：在本課程的教學過程中處于指導地位和核心地位。通過該模塊的教學，首先讓學生掌握網站的3C設計原則，即簡潔、一致性、對比度。通過一些優秀網站設計案例的展示，使學生對3C設計原則有初步的體會和認識。其次讓學生掌握頁面設計要點，包括：精心組織的內容、格式美觀的正文、和諧的色彩搭配、較好的對比度、生動的背景圖案、頁面元素大小適中，布局均勻、不同元素間的留白等。通過優秀網站設計案例的講解，讓學生初步體會每一個頁面設計要點。在隨后的課程講授及上機實踐中，通過具體案例，強調網頁與網站設計原則，讓學生對3C設計原則及頁面設計要點有更深的體會和認識，在潛移默化中，學會用網頁與網站設計原則指導自己的網站制作行為。

其他三個模塊為《網頁設計與制作》課程的技術范疇。通過XHTML、css+div、javascript的講授及配合各類上機項目的實踐，使學生具備認識網頁創建站點應用網頁元素對網頁布局應用CSS美化頁面給網頁添加動態行為的能力。最后以網頁與網站設計原則為指導，設計開發一個綜合項目。該綜合項目要求要有鮮明的主題，內容與形式統一，個性突出、布局合理、配色美觀?？梢钥闯觯ㄟ^本課程技術層面的學習，為學生奠定了制作綜合項目的技術基礎，而其掌握的網頁與網站設計原則又將反作用于其網頁制作的行為上，提高其網頁制作水平，逐步達到技術與設計的和諧統一。

4 《網頁設計與制作》課程考核體系

本課程的考核方式為考察，主要考察學生的實踐能力及學生網頁與網站設計原則的掌握情況。將平時表現，上機項目完成情況、綜合項目的開發情況相結合，從而得出學生的最終成績。

考核方案設計如下。

平時表現10分：包括上課出勤，上機出勤。有課堂主動回答問題的額外加3分。

上機實驗40分：內容包括：包含文本、圖像、超鏈接、多媒體的簡單網頁設計（3分）；包含表格的簡單網頁設計（3分）；包含表單的簡單網頁設計（3分）；利用框架進行簡單網頁設計（3分）；利用CSS樣式表美化網頁（10分）；利用表格進行網頁布局（3分）、利用DIV進行網頁布局（5分）、利用DIV嵌套表格進行網頁布局（5分）；利用javascript實現網頁特效（5分）。

綜合項目開發：通過本課程掌握的網站設計原則及制作方法，完成綜合項目的設計與制作。（50分）

設計要求（25分）：需求分析充分，欄目設計合理，功能完善，網站深度不低于3級別（5分）；主題鮮明，頁面布局合理，配色和諧，形式美觀，風格統一（10分）；logo、banner的設計應突出主題，與頁面風格相協調（5分）；要有便捷的導航信息。網站內容豐富，具有良好的可讀性（5分）。

技術要求（25分）：站點文件組織規劃合理，主頁必須以index命名（2分）；代碼書寫符合XHTML語法規范（3分）；用Div對網站進行總體布局，局部布局可用表格（6分）；用css進行頁面的美化，對樣式的定義統一寫在外部樣式表中（6分）；多媒體元素運用得當，適合網絡傳輸（3分）；頁面中包含有JavaScript實現的特效（5分）。

5 結語

改革后的《網頁設計與制作》課程重視學生網頁設計能力的培養，在每一次的教學實踐環節中，都在強調網頁與網站設計原則，在潛移默化中讓學生學會用網頁與網站設計原則來指導自己的制作行為。在此原則的指導下，74名學生完成的綜合項目開發作品中，符合網站與網頁設計原則的作品有62.3%，其中優秀作品比例為 12.6%，較未實行教改前學生的設計與制作水平有了明顯提高。實踐證明，以“技術為設計服務”為指導思想的《網頁設計與制作》課程教學改革實在可行，提高了學生網站設計與制作水平，為其以后的就業打下了良好基礎。

網頁設計與制作課程教學探討:高職網頁設計與制作課程教學改革探析

摘要：網頁設計與制作在高職課程教學中的落實突出了課程的綜合性與操作性特征，這對于學生動手能力提高和創造性思維培養都有積極的導向作用。高職教育的核心在于學生職業素質的培養，與企業專業技術崗位需求相結合，高職網頁設計與制作教學效果的提升需要從教學內容改革出發，突出課程教學中應用型人才培養優勢，能夠將所學知識應用于網頁設計當中。網頁設計與制作的目標在于網站建設，這就需要通過課程資源整合構建全新的高職教育教學模式，促進課程教學改革。筆者從自身的教育教學實踐著手，借助能力本位思想對當前高職網頁設計與制作的教學現狀及其課程特點進行了闡述，突出了就業崗位與課程實施之間的適應性，以任務驅動教學為基礎提出了網頁設計與制作的課程改革思路。

關鍵詞：高職教學；網頁設計與制作；課程改革；崗位需求

伴隨互聯網技術的高速發展，現代企業越發關注到自身門戶網站建設及維護問題，與此對應的專業技術崗位需求也偏向于對網頁設計與制作人才的渴求。高職教育立足于對專業技術人才的培養，職業教育在突出人才實踐技能訓練的同時也更加關注信息技術背景下學生的就業問題，這對于高職教育今后的發展至關重要。實踐性是高職網頁設計與制作課程的顯著特征，它不同于傳統的網絡技術教學模式，對于學生的動手能力和實踐創新能力都提出了更高的要求，教學方式和教學手段的選擇偏向于對學生實踐意識和主動意識的激發，這同時也是當前課程教學改革對高職網頁設計與制作學科提出的必然要求。只有切實與企業專業技術崗位需求相適應，才能更好地體現高職教育技術型人才的培養優勢。

1 高職網頁設計與制作的課程特點及其教學現狀

從現代職業技術教育的特點分析，高職網頁設計與制作的教學目標除了表現在系統化的網頁制作理論知識外，還突出了對學生綜合動手能力、實踐創新能力和網頁設計能力的訓練，以此促進學生實踐技能和理論知識的雙重發展，更好地將所學應用于崗位就業當中。操作性是高職網頁設計與制作課程的特點之一，這就決定了在網頁設計與制作教學中理論與實踐之間的相互配合，并將實訓教學應用于網頁設計課程教學的各環節當中，這對于教學效果的提升意義重大。

現階段網頁設計與制作課程在高職院校技術教育中的落實相較于以往網頁制作工具教學而言有了顯著進步，借助多媒體教室演示教學和實訓室教學激發學生的課堂教學主體意識，并以此培養學生的實踐創新能力。然而當前的網頁設計與制作教學還存在著實用性與理論性相脫節的問題，忽視了與企業專業技術崗位需求相結合，這就使得崗位工作和學科教學之間存在著較大差距，不利于教學效果的提升。高職學生本身在網頁制作能力方面有所欠缺，加之教學內容和教學方法中存在的弊端，不僅有礙于學生學習積極性的激發，同時也使得現代工作崗位與教學模式之間的差距拉大，課程改革亟需得到落實。在網頁設計與制作的課程考核方面，僅僅采用的是任課教師出題的方式，具體形式表現為上機操作和理論考核兩個部分，而其中學生出勤率以及平時作業卻占據了較小的比例，這不僅忽視了學生實際問題解決能力的培養，同時也使得學生的實踐創新意識被遏制，不利于學生個性品質的完善。高職網頁設計與制作涉及到多門學科內容，單一的考核形式顯然難以滿足現代化職業教育的根本需求，這就需要在課程改革中突出網頁設計與制作課程考核的多元化，以此激發學生的學習主動性。

2 高職網頁設計與制作課程教學改革的設計思路

2.1 與企業專業技術崗位需求相結合

從當前企業網站開發團隊的角色劃分角度分析，通常除了網頁設計師、網頁美工師和后臺開發工程師以外，還包括網絡測試人員及維護管理人員。由于網頁設計與制作課程教學對象自身專業的差異性，因此培養目標的構建也應當與學生知識結構及專業特點相對應，體現教學內容和教學目標的針對性，這是高職教育因材施教原則的集中體現。從具體分類上看，電子商務和計算機相關專業的學生在邏輯思維能力方面有著顯著優勢，作為電子商務網站建設與WEB應用程序開發的重要前導課程，這些專業學生在學習網頁設計與制作時可借助自身的編程基礎強化在網站及網頁制作方面的學習，至于Firework或是Photoshop這類圖形處理技術則不作過多要求，在網頁設計與制作課程學習中學生對于CSS樣式表以及HTML語言有了更加全面的了解，并且能夠借助JavaScript實現對網頁特效和Flash腳本的編寫，這是對學生專業技術崗位能力的培養過程。而藝術專業學生本身對于布局、構圖、色彩等內容較為敏感，因此可著重訓練學生的制圖能力，通過網頁制作與設計課程的學習引導學生立足于網頁界面的美觀設計，借助Flash使得網頁素材的呈現更有動感，這對于學生后期的職業生涯也有著積極的導向意義。

2.2 項目驅動型教學模式

以往高職網頁設計與制作課程教學中關于案例教學法的運用僅僅是將網頁制作技術與案例分析相結合，其教學過程中學生仍處于極為被動的狀態，學生關注的核心在于某一個案例的制作過程，然卻忽略了自身對網站項目的制作及設計。項目驅動型教學在高職網頁設計與制作中的應用能夠顯著改善當前的教學現狀，推動課程教學改革的有序實施。這一教學模式的具體程序及環節包括以下幾點：

2.2.1 項目選擇

項目選擇的過程應當與教學大綱及課程教學內容相結合，控制好項目選擇的難度以及知識覆蓋面，使得項目教學的實施能夠連成一線，突出各環節課程教學的連貫性。教學實踐當中首先需要完成學生的分組工作，確定三至四人為一個小組，并確定其中一人為組長，網站主題的確立可由小組成員自由選擇，并于特定時間內完成主題資料收集和網站策劃書的編寫工作，并由組長在課堂教學中對其進行演示，完成小組方案的呈現與闡述，之后由其余小組對其提出合理建議。網站項目確定后需要由教師幫助學生完成項目開發進度表的制定，細化項目實施的具體內容。

2.2.2 專題教學方式

從網站項目實施的具體步驟分析，除了網站主題確定、資料整理、logo設計以及網站風格選擇外，還涉及到配色方案的選擇、網頁排版、主頁制作和網站測試等內容。依據具體的實施步驟，教師可與教學大綱相結合明確教學專題的開發進度，對基本元素、布局模式及網頁排版等問題組織學生進行討論。在對以往教學案例進行分析后，學生對于網站設計的理解更加深入，能夠在知識點的驅動下完成自我網頁的設計與制作。

2.2.3 組織討論

從教師本身知識結構及專業修養的差異性分析，在網站制作技術方面會對教學設計產生一些影響，因此針對存在疏漏的地方就需要對其進行討論與修改。通過優秀網站欣賞使得學生加深對網頁制作的感性認識，能夠從優秀網站中獲得網頁設計的靈感，體現自身創意設計水平，這對于學生知識面的擴展和分析問題能力的提高都有積極影響。

2.3 分階段型考核模式

這一考核模式將項目開發進度劃分為若干小的階段，學生完成階段工程匯報后再由師生共同參與考核，考核的重點在于對網站主題和頁面布局的考查，除此之外還需要對整體頁面的美觀性進行評定，檢查網站規劃中的各項功能以及頁面鏈接效果，具體包括：

2.3.1 網站選題

小組網站主題的擬定可由成員自行選擇，在對同類網站進行分析后分析自身技術路線和服務形式的異同，并與企業專業技術崗位需求相聯系，切實分析網站本身的維護成本及盈利模式。網站策劃書是這一階段需要完成的項目，組成對其進行必要的演示操作，并由師生對其展開評價和提出意見。網站選題占總考核比重的10%。

2.3.2 網站設計

網站設計涉及到網站的色彩配搭、版面布局以及主題設計等方面內容，小組成員需要借助FireWork或是PhotoShop完成草圖制作，并由組長對設計理念進行陳述，師生對其提出建議。網站設計占總考核比重的15%。

2.3.3 網站制作

依據草圖設計完成對應的網站制作工作，由于頁面較多也可采用定期對開發進度進行報告的方式對關鍵頁面進行演示，這一過程中教師需要對演示進度進行控制。網站制作占總考核比重的25%。

2.3.4 網站測試

網站測試的內容除了包括頁面文字和圖片顯示、鏈接有效性以及瀏覽器使用情況外，還需要由小組成員完成對應的測試報告，認真剖析測試過程中存在的問題。網站測試占總考核比重的15%。

2.3.5 網站

在完成主頁空間的申請后借助FTP工具對網站實施操作，教師和學生可用各小組提供的域名訪問網站。網站占總考核比重的5%。

3 結束語

綜上所述，作為近年來高職教育新興的學科課程，網頁設計與制作重視對學生實踐創新能力的培養，通過實踐技能與理論知識的結合體現高職教育人才培養特點和企業專業技術崗位需求之間的契合。教學內容的豐富及其教學過程富于變化，使得網頁設計與制作這一課程在學生群體中引起了廣泛關注?，F階段高職網頁設計與制作課程研究的重點在于如何將學科教學與企業崗

位相結合，促進學生職業素質和專業技能的發展。課程改革的有效性在于與市場就業需求相一致，將企業專業技術崗位需求納入網頁設計與制作課程教學改革的考慮范圍之內，使得崗位能力與教學內容相吻合，這對于學生團隊協作能力、網站管理能力和網頁設計能力的提高有著積極的促進意義，這是職業教育在人才培養方面資源優勢的集中體現。除此之外，關于網頁設計與制作課程教學改革的新一輪研究對于高職網絡技術等課程教學模式更新也有著不可忽視的啟發與借鑒意義。

網頁設計與制作課程教學探討:淺談中職學校《網頁設計與制作》課程教學設計

【摘 要】隨著計算機技術的發展，中職學校的“網頁設計與制作”教學存在的主要問題是傳統的理論教學內容過多，結合案例的內容偏少。只有在實際教學中突破傳統的教學模式，切實加強學生的實踐力度，才能讓學生在實際操作中循序漸進地了解和掌握“網頁設計與制作”的流程和方法，才能適應現代化社會的發展。

【關鍵詞】計算機 中職學校 網頁設計與制作 教學設計

中等職業學校培養目標是把學生培養成與我國社會主義現代化建設要求相適應，具有綜合職業能力，在生產、服務一線工作的高素質勞動者和技能型人才。本文以《網頁設計與制作》這門課程為例，淺談有關這門課程的教學設計。

一、教材分析

我校目前使用的教材是人民郵電出版社出版的《Dreamweaver CS3 網頁制作基礎教程》。該教材主要采用項目教學法，通過大量精心編排的項目由淺入深、循序漸進地介紹網頁制作的基礎知識，章末還安排了習題，以幫助學生在課后及時鞏固所學內容。

教材中采用的網頁制作軟件是Dreamweaver CS3。對于初學者來說，Dreamweaver 比較容易入門，具體表現在兩個方面：一是靜態頁面的編排，這和Microsoft等可視化辦公軟件是類似的；二是交互式網頁的制作，利用Dreamweaver可以比較容易地制作出交互式網頁，且很容易鏈接到Access、SQL Sever等數據庫。

二、學情分析

我的授課對象是職校計算機專業二年級的學生。

（一）思想觀念方面：中專學生一般由基礎薄弱、學習態度不端正的弱勢群體組成，他們很少得到賞識，缺乏自信。

（二）現有知識水平方面：通過一年級的基礎課程和部分專業課的學習，學生對計算機操作有了一定的了解和掌握，但對于學生剛接觸一門新開設的專業課程，還是很陌生的，需要由淺入深逐步引導學生入門。

（三）專業能力需求方面：大部分學生畢業以后都直接走向社會的工作崗位，他們更需要堅實的專業能力和職業素養。

三、教學目標

（一）知識與技能：1.能熟練地建立站點，創建和設置文檔。2.能在網頁中使用圖像和媒體，設置超級鏈接。3.能使用表格、框架和AP Div布局頁面。4.能創建表單頁面和使用行為。5.能使用庫和模板制作網頁。6.能使用時間軸制作動畫。7.能使用CSS樣式控制網頁外觀。8.能配置動態網站的運行環境。

（二）過程與方法：1.通過課堂教學過程中的觀察對比、實踐演練等形式，培養學生分析問題和解決問題的能力。2.采用任務驅動的方法，養成主動進行學習的習慣。3.采用項目教學法，培養學生的團隊合作精神。

（三）情感態度與價值觀：1.通過學生自主解決問題的過程，體會成就感，樹立自信心，為自主學習、主動學習奠定基礎。2.通過小組協作、任務驅動等形式，滲透團隊合作精神及研究探索知識的意識。

四、教學重點難點

重點：學生能夠熟練地使用Dreamweaver 這個軟件來進行網頁設計與制作。

難點：熟悉網站制作流程、分析網頁的布局結構、網頁色彩的搭配原理。

五、設計思想

（一）項目教學。為培養學生自主學習的能力，讓學生成為課堂的主體，本門課程采用了項目教學法。在課堂中，教師只是 起組織、引導的作用。教師先提項目要求，然后學生進行分析、討論，同時教師可以通過隨機點名提問或者舉手自薦的方法來總結學生遇到的問題，然后有針對性地進行理論知識和實際操作的講解。

（二）任務驅動：1.創設情境，引出任務。首先使用與課程相關的動畫短片、音樂、視頻、圖片等素材來創設情境，引出任務，然后提出任務的要求，目的是提供學生動手、動腦、參與的機會，明確任務。2.思考討論，分析任務。通過思考、分析、討論和教師的引導下，將任務細分為若干個小層次，逐個解決。這有利于提高學生的分析能力、思考能力。3.實施任務，完成任務。在思考、分析任務后接下來就是任務的實施階段。在這個階段，學生作為課堂的主體，通過自主探究、小組討論等方式來分析問題和解決問題。而教師就扮演組織引導的角色，在課堂中巡回觀察、指點學生更好、更快地完成任務。

六、考核方式的設計

《網頁設計與制作》是一門實踐性強的專業技能課程。為適應該課程培養學生自主學習能力、知識應用能力以及創新性專業人才的目標需要，在教學過程中，教師應重視理論與實踐相結合，注重培養學生運用理論進行觀察、分析和解決問題的能力。

為了能準確反映出課堂的教學效果，《網頁設計與制作》課程主要以“項目考核制”為主，即學生個人獨立完成項目作為該課程的一種考核方式?！毒W頁設計與制作》課程的總評成績應包括平時成績、實訓課成績、項目考核成績以及展示作品成績。

對于一個整體項目，應從以下幾方面進行評價：主頁面的設計風格、子頁面的制作、網頁中的鏈接、頁面布局方式以及整體效果。要求整體風格統一且有特色，主頁面、子頁布局完善且合理，文件夾組織有序、標準，文件命名正確、符合行業標準。評分時，教師應結合平時實訓的操作情況以及展示作品時其他學生的評價給出一個綜合分數。

總之，教無定法，貴在得法。以項目為載體、以任務為驅動的教學方法對中職學校的學生來說是一種能調動其學習積極性的行之有效的方法，能充分發揮教師的主導作用和學生的能動作用。學生在進行項目設計時，能充分發揮自己的想象，展示自己的設計思路，從而更主動地參與到教學活動中來，促使學生為完成項目而進行多渠道的自主學習，以擴大學生的知識面，實現個性化、層次化和彈性教學，提高學生解決問題和綜合應用知識的能力，培養學生的創新意識，實現學生與工作崗位間的零距離接觸，為以后走向社會打下了堅實的基礎。

網頁設計與制作課程教學探討:高校教育技術專業網頁設計與制作課程教學改革初探

摘 要 針對高校開設網頁設計與制作課程培養的學生無法滿足事企業單位需求的問題，文章以整個教育技術學課程體系為研究對象，研究如何將網頁設計與制作大方向的相關技術進行整合，在整個學習過程中將學生分層分級，將知識分階段，進行“教傳幫帶”的層層深入學習。

關鍵詞 教育技術專業 網頁設計與制作 教學改革

0 引言

隨著網絡技術的飛速發展，利用互聯網獲取信息已成為人們生活學習不可缺少的部分，①同時作為各種教育類機構在網絡信息時代的窗口，這些事企業單位急需大量的網頁制作人才，網頁設計與制作課程乃至相關的學科內部方向，成為高校教育技術專業的核心課程。

傳統的教學模式培養的學生，往往不能適應用人單位的要求。網頁設計與制作的教學內容與市場需求相脫離，距離社會崗位要求甚遠，無法勝任事企業崗位等問題。②

1 課程改革原因分析

筆者認為，造成高校開設網頁設計與制作教學與事企業單位用人需求脫節的主要原因有以下幾個方面：

（1）網頁設計與制作課程開設滯后。教育技術專業全程教學計劃中，在第二學期開設圖像制作課程；但是到第四學期才開設網頁設計與制作課程，而且學時受到壓縮，不僅學生學到的知識有限，還不能得到實際的鍛煉；而后續專業課程Flash和C#在第五學期才能開設；社會大量需求的如Flex和Ajax以及后臺代碼編程的或PHP在第六學期才能開設；而在第七學期開始專業方向訓練為時已晚，許多學生選擇去考研和盲目地開始實習。

（2）相關教材編寫沒有連續性。當前大多數網頁設計與制作方向的教材都是基礎知識的講解，提供的案例也都相對簡單且實用性不強。絕大多數的教材都沒有交叉性，無法體現出網頁設計與制作作為現今主流的B/S模式下系統開發體系在跨平臺性、交互性、開放性等方面的優勢。使得學生們總認為什么技術都只學個皮毛。

2 深入開展網頁設計與制作教學改革的探討

湖北第二師范學院計算機信息技術系，從2011年開始，比照教育技術專業的多個大的方向，將學生分為多個課程組。提出“基礎知識扎實化；特長教育持續化；產學研用③一體化”的方針，進行了教育技術方向的“三化”教學改革。要求學生在學好本專業基礎課程的同時，還要掌握一種自己的特長技術，為勝任畢業后工作的需求對學生進行大學階段的全程培養。通過長時間的學習、討論、制定，兩年來，我們對2009、2010、2011這3個年級的近100名學生進行了分方向培養。網頁設計與制作為其教學改革的一個方向，培養學生人數為31人。

2.1 基礎知識扎實化

選擇了在網頁設計與制作課程方向的同學，所要求學習的知識是一個系統級的體系結構，將網頁設計與制作的學習過程大致分為3個階段，如圖1所示：

第一階段學習色彩與構圖、平面圖像處理等課程。在基礎知識學習的過程中就不斷地提供實踐案例進行分析講解。

第二階段學習HTML、DIV+CSS、JavaScript腳本，掌握網頁制作的前臺基礎。掌握Dreamweaver軟件的使用，結合網頁實例掌握DIV+CSS的各種布局方式。并對學生教授前端Js腳本技術，使其后續可以進行網站的交互式開發。

第三階段分兩個方向，學生在學習完數據庫基礎后選擇學習富客戶端編程或網頁制作后臺編程。富客戶端選擇用Flash進行教學，后續學習ActionScript的Flex編程；網頁制作后臺選擇用C#進行教學，后續學習的編程。

所有學生在最初學習平面設計課程組的基礎知識。當第二階段開始時，正規課堂教學開設C語言，小組成員可以同時學習第二階段的課程。此后正規課堂開設了數據庫概論的課程，成員可以在鞏固第二階段的課程后開始進行第三階段分方向學習。整個過程在1～2年內全部覆蓋到。

2.2 特長教育持續化

要求從大一就開始選擇方向并持續的開展上述知識的學習。提倡“教學為輔自學為主”的教學模式，和學以致用的精神。按上述三個學習階段通過考核將學生分成多個層次，每個層次分成同級別的多個小組。

課程的學習都是在正規課堂教學以外的時間來完成。教師首先對各個小組提出學習方向和目標，精確到每個星期，并指定教材和參考書目及相關網站。高層次的小組輪流安排學生為低層次的小組進行教學輔導，和布置任務，檢查作業。每個星期開會討論和總結。教師進行大方向的干預。最高層次的小組直接進入老師的項目或老師提供的項目，進行以項目為驅動的教學。④

2.3 產學研用一體化

第一，最高層次的小組成員直接進入老師的項目?？梢栽陧椖拷M中進行后臺代碼或前端富客戶端的開發以及文檔的撰寫。第二，組織學生積極參加國內外的各種大創比賽，鍛煉學生的水平、提升學生的積極性。第三，積極和事企業單位進行合作，將這些單位的項目分給學生制作，老師進行全程監控；或者推薦學生到對方單位加入項目組進行實戰的開發。

3 結語

通過兩年多時間的實踐和探討。學生在網頁設計與制作方向的實踐能力取得了穩步的提高，并形成了一套良性循環的教學模式。低級別的學生通過學習進入高級別，高級別的同學通過給低級別的學生教學而更加鞏固了知識，學生們的實踐制作能力得到了用人單位的肯定，達到了教學改革的效果。

網頁設計與制作課程教學探討:淺析任務驅動教學法在網頁設計與制作課程教學中的應用

摘 要 網頁設計與制作是計算機網絡技術專業中，一門知識面廣、實踐性強的課程。通過近幾年教學方法的改革，在教學過程中采用任務驅動法，不僅提高了課堂教學效率，而且為培養學生應用相關專業知識開發產品的能力提供了有效途徑。本文闡述了任務驅動教學法在網頁設計與制作課程教學中的運用。

關鍵詞 任務驅動教學法 網頁設計與制作 教學運用

0引言

隨著網絡時代的到來，網頁設計制作技術在IT領域得到越來越廣泛的應用，因此網頁設計與制作被納入到計算機網絡技術專業課程體系中，成為該專業的一門專業核心課程。該課程強調理論與實踐并重，通過對Html、Dreamweaver、動態網頁的學習，掌握網頁設計制作的各種技能，培養學生實踐動手能力，使學生能夠進行網站的建設和開發。

1任務驅動教學法的特點

網頁設計與制作課程不僅實踐性和操作性強，應用面廣，而且與崗位聯系非常密切，因此在教學過程中，如何啟發學生的思維，培養學生的應用能力，使學生形成自主學習的習慣是教學的主要目標。這就需要在教學的過程中充分調動學生的積極性，使學生參與進來，培養學生的實踐操作能力，注意引導學生將理論知識應用于實踐操作。任務驅動法打破了傳統的“教師講、學生聽”的填鴨式教學方法，建構“教師積極引導、學生主動學習”的教學方法，使學生由被動接受轉變為主動思考，使學生在完成任務的過程中學習到了新的知識，并且培養了學生發現問題、分析問題和解決問題的能力，以及團隊合作的精神。

2任務驅動教學法在網頁設計與制作課程中的實施

任務驅動教學法在實訓教學過程中采用“目標+任務”的教學模式，通過任務驅動使學生掌握單個內容知識點，任務由淺入深，使學生得到清晰的思路、方法、技能脈絡，培養學生發現問題、分析問題、解決問題的能力。

2.1設計任務，創建情境

首先，教師向學生布置學習任務，要求學生帶著任務和問題去學習。在教學初期，教師可推薦一些有特色的網站供學生欣賞，將學生帶入真實的環境中，激發他們學習的興趣，同時引導他們去思考如何設計網頁、建設網站，由此確定本課程的總體任務――建成一個網站。其次，教師要針對課程中每一部分知識點將總體任務細分為若干大任務，如：文本、圖像、鏈接、表格、框架、表單等，再將這些大任務進一步細分為一些小任務。任務從易到難，小任務緊密圍繞總體任務逐一實現。教師要充分結合網頁設計與制作的特點，創建可以引發學生學習興趣的任務，為學生營造一個愉快的學習氛圍，以使他們積極主動地參與進來。

2.2分析任務，提出問題

任務提出之后，不要急于講解，而是要先讓學生對任務進行思考、分析和討論，提出完成任務需要解決哪些問題。提出的問題中，一些是學生以前已經學過的，這些問題學生自己就能解決；另一些是沒有學過的，即隱含在任務中的新知識點，這也正是任務所要解決的問題，這些問題最好由學生提出，因為解決一個問題僅僅是技能而已，而提出新問題、從新的角度去看舊問題，卻需要較強的思維能力。在學生學習過程中，教師應給予適當的提示，引導問題的提出時，要采取先粗后細、逐步求精的辦法。另外，學生不可能一次把所有的問題都提出來，對于一些任務中存在的問題，學生只有親自做到相應步驟時才有可能提出。同時，也只有在完成任務的過程中提出并解決相應的問題才有助于學生對問題的理解。

2.3自主學習，探索研究

問題提出后，教師不要直接告訴學生如何去做，而應向學生提供解決該問題的線索。要以線索引起和維持學生的學習興趣和動機。學生結合已有知識自行完成任務，通過自主探索或團隊協作開展解決問題的工作。在完成任務的過程中鞏固舊知識、掌握新知識，并將所學知識融會貫通，進而運用到實際任務中去。教師最好讓學生自己去設計具有個性化的網頁，發揮學生的主動性，激發學生的創造力。完成任務的過程是學生有意識將技能運用的過程，在這一過程中，學生圍繞設計主題搜索資料，深入學習，完成對問題的理解、知識的應用和意識的構建。

2.4測評反饋，形成結果

鑒于高職院校學生的特點，在整個教學過程中，教師不應過多地看重學生所獲得知識的對與錯，而應重視學生參與教學活動的態度，解決問題的能力和創造性的發揮，以及獲取的經驗與教訓。測評是對學生能力的客觀評價，應既符合技能教學的要求，又注重學生的個性發展。同時要注意，測評不僅要指出學生的優點，也要看到學生的缺點，以有利于學生的創新能力和自學能力的充分發揮。對每個學生完成的任務，都要在多媒體教學環境中進行交流展示，師生共同討論點評，及時對學生的任務結果做出反饋。

2.5知識轉移，自主創新

學生只有將所學的知識有效地運用于不同的實際環境之中，實現知識的轉移，才能說實現了真正的掌握。在經過測評反饋之后，大部分學生已經能熟練掌握操作技能，鑒于網頁設計制作課程的特點，此時應按照不同的網站類別，如：個人網站、公司網站、學校網站等，給學生布置幾個完整的網頁設計主題，讓學生了解常見網頁設計制作的流程，鼓勵學生進行創新，培養學生的創新思維能力和創新精神。

總之，教師進行任務設計時，要仔細推敲每個知識點、統籌兼顧，為學生設計出一系列典型的操作性任務，讓學生在完成任務過程中掌握知識、技能和方法，真正實現“學中做、做中學”，充分發揮學生的主觀能動性，訓練他們的創造性思維，全面提高學生的綜合素質。