引言：易發(fā)表網(wǎng)憑借豐富的文秘實踐，為您精心挑選了一篇網(wǎng)頁設(shè)計與制作課程教學(xué)探討范例。如需獲取更多原創(chuàng)內(nèi)容，可隨時聯(lián)系我們的客服老師。

網(wǎng)頁設(shè)計與制作課程教學(xué)探討:《網(wǎng)頁設(shè)計與制作》課程教學(xué)改革探索

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

關(guān)鍵詞：網(wǎng)頁設(shè)計與制作 網(wǎng)頁與網(wǎng)站設(shè)計原則 教學(xué)改革

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

1 《網(wǎng)頁設(shè)計與制作》課程現(xiàn)狀及存在的問題

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

2 《網(wǎng)頁設(shè)計與制作》課程改革思路

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

3 《網(wǎng)頁設(shè)計與制作》課程教學(xué)改革方案

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

3.1 教學(xué)內(nèi)容的編排

按照WEB標(biāo)準(zhǔn)，網(wǎng)頁由三部分組成：結(jié)構(gòu)（structure）、表現(xiàn)（presentation）和行為（behavior），因此，在教學(xué)內(nèi)容的編排上，將《網(wǎng)頁設(shè)計與制作》課程分為四大模塊進行講授和實踐。分別為：網(wǎng)頁與網(wǎng)站設(shè)計原則、XHTML基礎(chǔ)知識、css+div、javascript。

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

其他三個模塊為《網(wǎng)頁設(shè)計與制作》課程的技術(shù)范疇。通過XHTML、css+div、javascript的講授及配合各類上機項目的實踐，使學(xué)生具備認識網(wǎng)頁創(chuàng)建站點應(yīng)用網(wǎng)頁元素對網(wǎng)頁布局應(yīng)用CSS美化頁面給網(wǎng)頁添加動態(tài)行為的能力。最后以網(wǎng)頁與網(wǎng)站設(shè)計原則為指導(dǎo)，設(shè)計開發(fā)一個綜合項目。該綜合項目要求要有鮮明的主題，內(nèi)容與形式統(tǒng)一，個性突出、布局合理、配色美觀。可以看出，通過本課程技術(shù)層面的學(xué)習(xí)，為學(xué)生奠定了制作綜合項目的技術(shù)基礎(chǔ)，而其掌握的網(wǎng)頁與網(wǎng)站設(shè)計原則又將反作用于其網(wǎng)頁制作的行為上，提高其網(wǎng)頁制作水平，逐步達到技術(shù)與設(shè)計的和諧統(tǒng)一。

4 《網(wǎng)頁設(shè)計與制作》課程考核體系

本課程的考核方式為考察，主要考察學(xué)生的實踐能力及學(xué)生網(wǎng)頁與網(wǎng)站設(shè)計原則的掌握情況。將平時表現(xiàn)，上機項目完成情況、綜合項目的開發(fā)情況相結(jié)合，從而得出學(xué)生的最終成績。

考核方案設(shè)計如下。

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

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

綜合項目開發(fā)：通過本課程掌握的網(wǎng)站設(shè)計原則及制作方法，完成綜合項目的設(shè)計與制作。（50分）

設(shè)計要求（25分）：需求分析充分，欄目設(shè)計合理，功能完善，網(wǎng)站深度不低于3級別（5分）；主題鮮明，頁面布局合理，配色和諧，形式美觀，風(fēng)格統(tǒng)一（10分）；logo、banner的設(shè)計應(yīng)突出主題，與頁面風(fēng)格相協(xié)調(diào)（5分）；要有便捷的導(dǎo)航信息。網(wǎng)站內(nèi)容豐富，具有良好的可讀性（5分）。

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

5 結(jié)語

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

網(wǎng)頁設(shè)計與制作課程教學(xué)探討:高職網(wǎng)頁設(shè)計與制作課程教學(xué)改革探析

摘要：網(wǎng)頁設(shè)計與制作在高職課程教學(xué)中的落實突出了課程的綜合性與操作性特征，這對于學(xué)生動手能力提高和創(chuàng)造性思維培養(yǎng)都有積極的導(dǎo)向作用。高職教育的核心在于學(xué)生職業(yè)素質(zhì)的培養(yǎng)，與企業(yè)專業(yè)技術(shù)崗位需求相結(jié)合，高職網(wǎng)頁設(shè)計與制作教學(xué)效果的提升需要從教學(xué)內(nèi)容改革出發(fā)，突出課程教學(xué)中應(yīng)用型人才培養(yǎng)優(yōu)勢，能夠?qū)⑺鶎W(xué)知識應(yīng)用于網(wǎng)頁設(shè)計當(dāng)中。網(wǎng)頁設(shè)計與制作的目標(biāo)在于網(wǎng)站建設(shè)，這就需要通過課程資源整合構(gòu)建全新的高職教育教學(xué)模式，促進課程教學(xué)改革。筆者從自身的教育教學(xué)實踐著手，借助能力本位思想對當(dāng)前高職網(wǎng)頁設(shè)計與制作的教學(xué)現(xiàn)狀及其課程特點進行了闡述，突出了就業(yè)崗位與課程實施之間的適應(yīng)性，以任務(wù)驅(qū)動教學(xué)為基礎(chǔ)提出了網(wǎng)頁設(shè)計與制作的課程改革思路。

關(guān)鍵詞：高職教學(xué)；網(wǎng)頁設(shè)計與制作；課程改革；崗位需求

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

1 高職網(wǎng)頁設(shè)計與制作的課程特點及其教學(xué)現(xiàn)狀

從現(xiàn)代職業(yè)技術(shù)教育的特點分析，高職網(wǎng)頁設(shè)計與制作的教學(xué)目標(biāo)除了表現(xiàn)在系統(tǒng)化的網(wǎng)頁制作理論知識外，還突出了對學(xué)生綜合動手能力、實踐創(chuàng)新能力和網(wǎng)頁設(shè)計能力的訓(xùn)練，以此促進學(xué)生實踐技能和理論知識的雙重發(fā)展，更好地將所學(xué)應(yīng)用于崗位就業(yè)當(dāng)中。操作性是高職網(wǎng)頁設(shè)計與制作課程的特點之一，這就決定了在網(wǎng)頁設(shè)計與制作教學(xué)中理論與實踐之間的相互配合，并將實訓(xùn)教學(xué)應(yīng)用于網(wǎng)頁設(shè)計課程教學(xué)的各環(huán)節(jié)當(dāng)中，這對于教學(xué)效果的提升意義重大。

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

2 高職網(wǎng)頁設(shè)計與制作課程教學(xué)改革的設(shè)計思路

2.1 與企業(yè)專業(yè)技術(shù)崗位需求相結(jié)合

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

2.2 項目驅(qū)動型教學(xué)模式

以往高職網(wǎng)頁設(shè)計與制作課程教學(xué)中關(guān)于案例教學(xué)法的運用僅僅是將網(wǎng)頁制作技術(shù)與案例分析相結(jié)合，其教學(xué)過程中學(xué)生仍處于極為被動的狀態(tài)，學(xué)生關(guān)注的核心在于某一個案例的制作過程，然卻忽略了自身對網(wǎng)站項目的制作及設(shè)計。項目驅(qū)動型教學(xué)在高職網(wǎng)頁設(shè)計與制作中的應(yīng)用能夠顯著改善當(dāng)前的教學(xué)現(xiàn)狀，推動課程教學(xué)改革的有序?qū)嵤＿@一教學(xué)模式的具體程序及環(huán)節(jié)包括以下幾點：

2.2.1 項目選擇

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

2.2.2 專題教學(xué)方式

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

2.2.3 組織討論

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

2.3 分階段型考核模式

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

2.3.1 網(wǎng)站選題

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

2.3.2 網(wǎng)站設(shè)計

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

2.3.3 網(wǎng)站制作

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

2.3.4 網(wǎng)站測試

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

2.3.5 網(wǎng)站

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

3 結(jié)束語

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

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

網(wǎng)頁設(shè)計與制作課程教學(xué)探討:淺談中職學(xué)校《網(wǎng)頁設(shè)計與制作》課程教學(xué)設(shè)計

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

【關(guān)鍵詞】計算機 中職學(xué)校 網(wǎng)頁設(shè)計與制作 教學(xué)設(shè)計

中等職業(yè)學(xué)校培養(yǎng)目標(biāo)是把學(xué)生培養(yǎng)成與我國社會主義現(xiàn)代化建設(shè)要求相適應(yīng)，具有綜合職業(yè)能力，在生產(chǎn)、服務(wù)一線工作的高素質(zhì)勞動者和技能型人才。本文以《網(wǎng)頁設(shè)計與制作》這門課程為例，淺談有關(guān)這門課程的教學(xué)設(shè)計。

一、教材分析

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

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

二、學(xué)情分析

我的授課對象是職校計算機專業(yè)二年級的學(xué)生。

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

（二）現(xiàn)有知識水平方面：通過一年級的基礎(chǔ)課程和部分專業(yè)課的學(xué)習(xí)，學(xué)生對計算機操作有了一定的了解和掌握，但對于學(xué)生剛接觸一門新開設(shè)的專業(yè)課程，還是很陌生的，需要由淺入深逐步引導(dǎo)學(xué)生入門。

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

三、教學(xué)目標(biāo)

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

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

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

四、教學(xué)重點難點

重點：學(xué)生能夠熟練地使用Dreamweaver 這個軟件來進行網(wǎng)頁設(shè)計與制作。

難點：熟悉網(wǎng)站制作流程、分析網(wǎng)頁的布局結(jié)構(gòu)、網(wǎng)頁色彩的搭配原理。

五、設(shè)計思想

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

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

六、考核方式的設(shè)計

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

為了能準(zhǔn)確反映出課堂的教學(xué)效果，《網(wǎng)頁設(shè)計與制作》課程主要以“項目考核制”為主，即學(xué)生個人獨立完成項目作為該課程的一種考核方式。《網(wǎng)頁設(shè)計與制作》課程的總評成績應(yīng)包括平時成績、實訓(xùn)課成績、項目考核成績以及展示作品成績。

對于一個整體項目，應(yīng)從以下幾方面進行評價：主頁面的設(shè)計風(fēng)格、子頁面的制作、網(wǎng)頁中的鏈接、頁面布局方式以及整體效果。要求整體風(fēng)格統(tǒng)一且有特色，主頁面、子頁布局完善且合理，文件夾組織有序、標(biāo)準(zhǔn)，文件命名正確、符合行業(yè)標(biāo)準(zhǔn)。評分時，教師應(yīng)結(jié)合平時實訓(xùn)的操作情況以及展示作品時其他學(xué)生的評價給出一個綜合分數(shù)。

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

網(wǎng)頁設(shè)計與制作課程教學(xué)探討:高校教育技術(shù)專業(yè)網(wǎng)頁設(shè)計與制作課程教學(xué)改革初探

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

關(guān)鍵詞 教育技術(shù)專業(yè) 網(wǎng)頁設(shè)計與制作 教學(xué)改革

0 引言

隨著網(wǎng)絡(luò)技術(shù)的飛速發(fā)展，利用互聯(lián)網(wǎng)獲取信息已成為人們生活學(xué)習(xí)不可缺少的部分，①同時作為各種教育類機構(gòu)在網(wǎng)絡(luò)信息時代的窗口，這些事企業(yè)單位急需大量的網(wǎng)頁制作人才，網(wǎng)頁設(shè)計與制作課程乃至相關(guān)的學(xué)科內(nèi)部方向，成為高校教育技術(shù)專業(yè)的核心課程。

傳統(tǒng)的教學(xué)模式培養(yǎng)的學(xué)生，往往不能適應(yīng)用人單位的要求。網(wǎng)頁設(shè)計與制作的教學(xué)內(nèi)容與市場需求相脫離，距離社會崗位要求甚遠，無法勝任事企業(yè)崗位等問題。②

1 課程改革原因分析

筆者認為，造成高校開設(shè)網(wǎng)頁設(shè)計與制作教學(xué)與事企業(yè)單位用人需求脫節(jié)的主要原因有以下幾個方面：

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

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

2 深入開展網(wǎng)頁設(shè)計與制作教學(xué)改革的探討

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

2.1 基礎(chǔ)知識扎實化

選擇了在網(wǎng)頁設(shè)計與制作課程方向的同學(xué)，所要求學(xué)習(xí)的知識是一個系統(tǒng)級的體系結(jié)構(gòu)，將網(wǎng)頁設(shè)計與制作的學(xué)習(xí)過程大致分為3個階段，如圖1所示：

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

第二階段學(xué)習(xí)HTML、DIV+CSS、JavaScript腳本，掌握網(wǎng)頁制作的前臺基礎(chǔ)。掌握Dreamweaver軟件的使用，結(jié)合網(wǎng)頁實例掌握DIV+CSS的各種布局方式。并對學(xué)生教授前端Js腳本技術(shù)，使其后續(xù)可以進行網(wǎng)站的交互式開發(fā)。

第三階段分兩個方向，學(xué)生在學(xué)習(xí)完數(shù)據(jù)庫基礎(chǔ)后選擇學(xué)習(xí)富客戶端編程或網(wǎng)頁制作后臺編程。富客戶端選擇用Flash進行教學(xué)，后續(xù)學(xué)習(xí)ActionScript的Flex編程；網(wǎng)頁制作后臺選擇用C#進行教學(xué)，后續(xù)學(xué)習(xí)的編程。

所有學(xué)生在最初學(xué)習(xí)平面設(shè)計課程組的基礎(chǔ)知識。當(dāng)?shù)诙A段開始時，正規(guī)課堂教學(xué)開設(shè)C語言，小組成員可以同時學(xué)習(xí)第二階段的課程。此后正規(guī)課堂開設(shè)了數(shù)據(jù)庫概論的課程，成員可以在鞏固第二階段的課程后開始進行第三階段分方向?qū)W習(xí)。整個過程在1～2年內(nèi)全部覆蓋到。

2.2 特長教育持續(xù)化

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

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

2.3 產(chǎn)學(xué)研用一體化

第一，最高層次的小組成員直接進入老師的項目。可以在項目組中進行后臺代碼或前端富客戶端的開發(fā)以及文檔的撰寫。第二，組織學(xué)生積極參加國內(nèi)外的各種大創(chuàng)比賽，鍛煉學(xué)生的水平、提升學(xué)生的積極性。第三，積極和事企業(yè)單位進行合作，將這些單位的項目分給學(xué)生制作，老師進行全程監(jiān)控；或者推薦學(xué)生到對方單位加入項目組進行實戰(zhàn)的開發(fā)。

3 結(jié)語

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

網(wǎng)頁設(shè)計與制作課程教學(xué)探討:淺析任務(wù)驅(qū)動教學(xué)法在網(wǎng)頁設(shè)計與制作課程教學(xué)中的應(yīng)用

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

關(guān)鍵詞 任務(wù)驅(qū)動教學(xué)法 網(wǎng)頁設(shè)計與制作 教學(xué)運用

0引言

隨著網(wǎng)絡(luò)時代的到來，網(wǎng)頁設(shè)計制作技術(shù)在IT領(lǐng)域得到越來越廣泛的應(yīng)用，因此網(wǎng)頁設(shè)計與制作被納入到計算機網(wǎng)絡(luò)技術(shù)專業(yè)課程體系中，成為該專業(yè)的一門專業(yè)核心課程。該課程強調(diào)理論與實踐并重，通過對Html、Dreamweaver、動態(tài)網(wǎng)頁的學(xué)習(xí)，掌握網(wǎng)頁設(shè)計制作的各種技能，培養(yǎng)學(xué)生實踐動手能力，使學(xué)生能夠進行網(wǎng)站的建設(shè)和開發(fā)。

1任務(wù)驅(qū)動教學(xué)法的特點

網(wǎng)頁設(shè)計與制作課程不僅實踐性和操作性強，應(yīng)用面廣，而且與崗位聯(lián)系非常密切，因此在教學(xué)過程中，如何啟發(fā)學(xué)生的思維，培養(yǎng)學(xué)生的應(yīng)用能力，使學(xué)生形成自主學(xué)習(xí)的習(xí)慣是教學(xué)的主要目標(biāo)。這就需要在教學(xué)的過程中充分調(diào)動學(xué)生的積極性，使學(xué)生參與進來，培養(yǎng)學(xué)生的實踐操作能力，注意引導(dǎo)學(xué)生將理論知識應(yīng)用于實踐操作。任務(wù)驅(qū)動法打破了傳統(tǒng)的“教師講、學(xué)生聽”的填鴨式教學(xué)方法，建構(gòu)“教師積極引導(dǎo)、學(xué)生主動學(xué)習(xí)”的教學(xué)方法，使學(xué)生由被動接受轉(zhuǎn)變?yōu)橹鲃铀伎迹箤W(xué)生在完成任務(wù)的過程中學(xué)習(xí)到了新的知識，并且培養(yǎng)了學(xué)生發(fā)現(xiàn)問題、分析問題和解決問題的能力，以及團隊合作的精神。

2任務(wù)驅(qū)動教學(xué)法在網(wǎng)頁設(shè)計與制作課程中的實施

任務(wù)驅(qū)動教學(xué)法在實訓(xùn)教學(xué)過程中采用“目標(biāo)+任務(wù)”的教學(xué)模式，通過任務(wù)驅(qū)動使學(xué)生掌握單個內(nèi)容知識點，任務(wù)由淺入深，使學(xué)生得到清晰的思路、方法、技能脈絡(luò)，培養(yǎng)學(xué)生發(fā)現(xiàn)問題、分析問題、解決問題的能力。

2.1設(shè)計任務(wù)，創(chuàng)建情境

首先，教師向?qū)W生布置學(xué)習(xí)任務(wù)，要求學(xué)生帶著任務(wù)和問題去學(xué)習(xí)。在教學(xué)初期，教師可推薦一些有特色的網(wǎng)站供學(xué)生欣賞，將學(xué)生帶入真實的環(huán)境中，激發(fā)他們學(xué)習(xí)的興趣，同時引導(dǎo)他們?nèi)ニ伎既绾卧O(shè)計網(wǎng)頁、建設(shè)網(wǎng)站，由此確定本課程的總體任務(wù)――建成一個網(wǎng)站。其次，教師要針對課程中每一部分知識點將總體任務(wù)細分為若干大任務(wù)，如：文本、圖像、鏈接、表格、框架、表單等，再將這些大任務(wù)進一步細分為一些小任務(wù)。任務(wù)從易到難，小任務(wù)緊密圍繞總體任務(wù)逐一實現(xiàn)。教師要充分結(jié)合網(wǎng)頁設(shè)計與制作的特點，創(chuàng)建可以引發(fā)學(xué)生學(xué)習(xí)興趣的任務(wù)，為學(xué)生營造一個愉快的學(xué)習(xí)氛圍，以使他們積極主動地參與進來。

2.2分析任務(wù)，提出問題

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

2.3自主學(xué)習(xí)，探索研究

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

2.4測評反饋，形成結(jié)果

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

2.5知識轉(zhuǎn)移，自主創(chuàng)新

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

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