時(shí)間：2023-09-04 16:24:56
序論：在您撰寫高級(jí)網(wǎng)頁設(shè)計(jì)時(shí)，參考他人的優(yōu)秀作品可以開闊視野，小編為您整理的7篇范文，希望這些建議能夠激發(fā)您的創(chuàng)作熱情，引導(dǎo)您走向新的創(chuàng)作高度。
目前，隨著我國經(jīng)濟(jì)的發(fā)展和社會(huì)的進(jìn)步，計(jì)算機(jī)網(wǎng)頁制作越來越成為社會(huì)發(fā)展中一個(gè)重要的組成部分。信息時(shí)代的到來和高新技術(shù)的快速發(fā)展對計(jì)算機(jī)廣告制作專業(yè)提出了新的要求。而且網(wǎng)頁設(shè)計(jì)項(xiàng)目已成為世界技能大賽的競賽項(xiàng)目，因此對網(wǎng)頁設(shè)計(jì)上要求不僅信息傳達(dá)合乎頁面要求，而且網(wǎng)頁的藝術(shù)美感以及高新軟件的整合應(yīng)用也是不容忽視的。學(xué)生的藝術(shù)感也應(yīng)體現(xiàn)在網(wǎng)頁設(shè)計(jì)課程之中，這也是計(jì)算機(jī)廣告制作專業(yè)的重要組成部分，但是現(xiàn)階段課程的教學(xué)存在設(shè)計(jì)和制作的整合問題，降低了網(wǎng)頁設(shè)計(jì)課程教學(xué)的整體水平。新的要求促使網(wǎng)頁設(shè)計(jì)教程進(jìn)行教學(xué)改革，以適應(yīng)時(shí)代的發(fā)展。
2教學(xué)改革的目的
計(jì)算機(jī)廣告制作專業(yè)依托信息技術(shù)的不斷進(jìn)步逐漸發(fā)展起來，新的發(fā)展需要新的教學(xué)模式來與之相適應(yīng)，因此促進(jìn)計(jì)算機(jī)廣告制作專業(yè)的網(wǎng)頁設(shè)計(jì)課程的教學(xué)改革的主要目的是適應(yīng)社會(huì)發(fā)展對于計(jì)算機(jī)教學(xué)的要求。廣告專業(yè)學(xué)生可以結(jié)合所學(xué)的字體版式設(shè)計(jì)、動(dòng)畫設(shè)計(jì)、色彩設(shè)計(jì)、界面設(shè)計(jì)等課程，適應(yīng)時(shí)代變化對專業(yè)發(fā)展的需求，拓寬設(shè)計(jì)類學(xué)生的應(yīng)用能力。原有的教學(xué)模式已經(jīng)不適應(yīng)新時(shí)期教育事業(yè)發(fā)展的新要求，因此實(shí)行教學(xué)改革、改變傳統(tǒng)的教學(xué)方式是發(fā)展計(jì)算機(jī)教育事業(yè)的重中之重。
（一）改變傳統(tǒng)的教學(xué)模式，適應(yīng)時(shí)展
隨著計(jì)算機(jī)技術(shù)的不斷發(fā)展，傳統(tǒng)的教學(xué)模式已經(jīng)不適應(yīng)時(shí)代的發(fā)展和社會(huì)的進(jìn)步，促進(jìn)教學(xué)改革，在原有的基礎(chǔ)上進(jìn)行教學(xué)模式的改革和創(chuàng)新已經(jīng)成為計(jì)算機(jī)廣告制作專業(yè)的必然要求?，F(xiàn)階段網(wǎng)頁設(shè)計(jì)教程中的知識(shí)結(jié)構(gòu)和授課方式仍然屬于傳統(tǒng)層面，對于教學(xué)效率的提高產(chǎn)生了不利的影響。促進(jìn)教學(xué)改革的主要目的是為了改變傳統(tǒng)的教學(xué)模式，適應(yīng)時(shí)代的發(fā)展。例如引入行為導(dǎo)向教學(xué)法，模擬現(xiàn)實(shí)情境，將學(xué)生工作的崗位特性搬入課堂，讓學(xué)生體會(huì)真實(shí)場景的操作。
（二）強(qiáng)化教學(xué)目的，提高教學(xué)效率
教育事業(yè)的發(fā)展強(qiáng)調(diào)的是教學(xué)效率的提高以及學(xué)生學(xué)習(xí)能力的增強(qiáng)，傳統(tǒng)的教育方式和教學(xué)方法單純的重視教學(xué)成績，忽視了學(xué)生綜合能力的發(fā)展。計(jì)算機(jī)廣告設(shè)計(jì)專業(yè)的學(xué)生在學(xué)習(xí)時(shí)更需要全面發(fā)展，掌握更多的計(jì)算機(jī)技術(shù)，提高他們的專業(yè)素質(zhì)和能力。網(wǎng)頁設(shè)計(jì)課程是一門復(fù)雜、知識(shí)點(diǎn)繁瑣的課程，不僅僅需要靈活的授課方式，也需要學(xué)生靈活接受各種網(wǎng)頁設(shè)計(jì)的知識(shí)和技術(shù)。進(jìn)行教學(xué)改革在傳統(tǒng)教學(xué)模式和方法的基礎(chǔ)上進(jìn)行創(chuàng)新，不僅僅能夠提高學(xué)生的學(xué)習(xí)能力和效率，也能促進(jìn)教學(xué)效率和教學(xué)水平的提高，為計(jì)算機(jī)廣告制作專業(yè)的發(fā)展提供了新的動(dòng)力。
（三）培養(yǎng)學(xué)生實(shí)踐能力和技術(shù)水平
網(wǎng)頁設(shè)計(jì)課程是新時(shí)期計(jì)算機(jī)教育事業(yè)發(fā)展中一個(gè)重要課程，對于廣告設(shè)計(jì)專業(yè)的進(jìn)步一發(fā)展有關(guān)鍵作用。廣告設(shè)計(jì)專業(yè)的學(xué)生在學(xué)習(xí)網(wǎng)頁設(shè)計(jì)課程時(shí)需要大量的實(shí)踐活動(dòng)，只學(xué)習(xí)書本上的文字知識(shí)是不能將網(wǎng)頁設(shè)計(jì)技術(shù)熟練運(yùn)用的。傳統(tǒng)的網(wǎng)頁設(shè)計(jì)教程大部分都是教師“填鴨式”授課，學(xué)生聽一節(jié)課能真正學(xué)到或者是熟練運(yùn)用的技術(shù)很少，使得教學(xué)效率大大降低，也不利于學(xué)生學(xué)習(xí)學(xué)習(xí)效率的提高。進(jìn)行教學(xué)改革，加大實(shí)踐課程所占的比重，讓學(xué)生在學(xué)習(xí)的過程中多進(jìn)行實(shí)踐訓(xùn)練。促進(jìn)教學(xué)改革，有利于培養(yǎng)學(xué)生的實(shí)踐能力和技術(shù)水平，使其能夠熟練運(yùn)用網(wǎng)頁設(shè)計(jì)的相關(guān)知識(shí)和技術(shù)。
3教學(xué)改革的創(chuàng)新點(diǎn)
改革的實(shí)質(zhì)是在傳統(tǒng)的基礎(chǔ)上揚(yáng)長避短，進(jìn)行繼承和發(fā)展創(chuàng)新。計(jì)算機(jī)廣告制作專業(yè)關(guān)于網(wǎng)頁設(shè)計(jì)教程的改革創(chuàng)新也是在原有的基礎(chǔ)上進(jìn)行創(chuàng)新發(fā)展，并不是完全摒棄傳統(tǒng)的教學(xué)方式，而是在繼承中發(fā)展、創(chuàng)新。因此改革的前提是尋找創(chuàng)新點(diǎn)，逐步進(jìn)行創(chuàng)新點(diǎn)的改革，從而對網(wǎng)頁設(shè)計(jì)教程開展全方面的改革。
（一）如何在平面設(shè)計(jì)與技術(shù)之間找平衡點(diǎn)
平面設(shè)計(jì)是溝通傳播、風(fēng)格化和通過文字和圖像解決問題的藝術(shù)，廣告制作過程中經(jīng)常會(huì)運(yùn)用到平面設(shè)計(jì)的技術(shù)和方法，因此促進(jìn)網(wǎng)頁設(shè)計(jì)教學(xué)課程的改革其中一大突破點(diǎn)就是在平面設(shè)計(jì)的技術(shù)之間尋找平衡點(diǎn)。平面設(shè)計(jì)中有很多繁瑣復(fù)雜的內(nèi)容需要計(jì)算機(jī)技術(shù)輔助設(shè)計(jì)，在教學(xué)改革的過程中，應(yīng)該使其能夠適應(yīng)平面設(shè)計(jì)發(fā)展的需要，促進(jìn)二者發(fā)展的平衡。
（二）合理構(gòu)建教學(xué)內(nèi)容，采用多媒體教學(xué)網(wǎng)絡(luò)系統(tǒng)示范教學(xué)
教學(xué)內(nèi)容的構(gòu)建和改革是網(wǎng)頁設(shè)計(jì)教程改革的重點(diǎn)，傳統(tǒng)的教學(xué)方式只是教師講解或者簡單示范網(wǎng)頁設(shè)計(jì)的相關(guān)知識(shí)，這種方法沒有讓學(xué)生在學(xué)習(xí)過程中留下深刻的印象，更無法讓其熟練運(yùn)用相關(guān)技術(shù)。因此在教學(xué)改革的過程中，要合理構(gòu)建教學(xué)內(nèi)容，適當(dāng)增加實(shí)踐訓(xùn)練課的比重，做到理論和上機(jī)相結(jié)合，老師可以現(xiàn)場示范教學(xué)、答疑，解決理論和實(shí)踐脫節(jié)的問題。采用多媒體網(wǎng)絡(luò)示范教學(xué)，以提高教學(xué)效率和學(xué)生的實(shí)踐能力以及技術(shù)水平。
4如何進(jìn)行教學(xué)改革和實(shí)踐
針對計(jì)算機(jī)廣告制作專業(yè)的現(xiàn)狀，進(jìn)行教育改革已經(jīng)是必然要進(jìn)行的了，如何進(jìn)行教學(xué)改革和實(shí)踐也成為了計(jì)算機(jī)教育事業(yè)需要關(guān)心的重要問題。網(wǎng)頁設(shè)計(jì)教程的改革主要應(yīng)該從以下幾個(gè)方面進(jìn)行：教學(xué)模式應(yīng)該從原有的基礎(chǔ)上進(jìn)行創(chuàng)新發(fā)展，選擇一種合適網(wǎng)頁設(shè)計(jì)的教學(xué)模式；教學(xué)內(nèi)容要改變原來單一枯燥的知識(shí)灌輸方式，轉(zhuǎn)變?yōu)閹熒?dòng)的交流模式，同時(shí)也要加強(qiáng)實(shí)踐訓(xùn)練，鞏固課堂上學(xué)到的知識(shí)；考核方式上，原有的方式主要是以考察為主，改革的過程中可以適當(dāng)加大考試考核的比重，以督促學(xué)生更好的掌握網(wǎng)頁設(shè)計(jì)的相關(guān)技術(shù)。
（一）教學(xué)模式改革
針對現(xiàn)階段計(jì)算機(jī)技術(shù)的發(fā)展和網(wǎng)頁設(shè)計(jì)教程教育模式的現(xiàn)狀，教師在授課的過程中應(yīng)該多與學(xué)生互動(dòng)，采用知識(shí)講解和實(shí)踐訓(xùn)練相結(jié)合的方式來促進(jìn)學(xué)生對于網(wǎng)頁設(shè)計(jì)技術(shù)的理解和運(yùn)用。引進(jìn)項(xiàng)目教學(xué)法，讓學(xué)生直接參與到項(xiàng)目中，既可以提升學(xué)生的整體操控能力，又讓學(xué)生在項(xiàng)目要求中得到鍛煉。在引進(jìn)項(xiàng)目中讓學(xué)生親身參與，了解從設(shè)計(jì)初稿到中期客戶要求修改反饋意見到后期制作完成的全過程，做到課堂書本與實(shí)踐相結(jié)合。如我們自己編制的校本教材在案例《熊出沒》中，網(wǎng)頁首頁的效果圖如下：
（二）教學(xué)內(nèi)容改革
教學(xué)內(nèi)容的改革涉及的是網(wǎng)頁設(shè)計(jì)課程的一些相關(guān)技術(shù)，在教學(xué)過程中，以基礎(chǔ)操作為主，實(shí)際應(yīng)用加入其中不應(yīng)該將全部的知識(shí)和技術(shù)都灌輸給學(xué)生，而應(yīng)該是有選擇的講解。比如網(wǎng)頁設(shè)計(jì)中有關(guān)平面設(shè)計(jì)的知識(shí)和技術(shù)是整個(gè)課程的重點(diǎn)內(nèi)容，著重講解的同時(shí)應(yīng)該加強(qiáng)實(shí)踐訓(xùn)練，加深學(xué)生的記憶和理解程度。對于那些不重要或者是理解難度較小的知識(shí)，可以使當(dāng)?shù)臏p少課時(shí)，這種詳略得當(dāng)?shù)慕虒W(xué)方式可以促進(jìn)教學(xué)內(nèi)容具體化，并且可以提高學(xué)生學(xué)習(xí)的效率。教學(xué)內(nèi)容的改革是整個(gè)改革中較為重要的一部分，需要師生互動(dòng)才能取得更好的效果，在提高教學(xué)效率的同時(shí)鞏固學(xué)生所學(xué)到的知識(shí)。
（三）考核方式改革
考核方式一直是教育事業(yè)中的一個(gè)重要環(huán)節(jié)，關(guān)系著學(xué)生學(xué)習(xí)成績和學(xué)習(xí)能力的評(píng)價(jià)。大部分關(guān)于計(jì)算機(jī)技術(shù)的考核都是以考察為主，不能準(zhǔn)確地反映學(xué)生學(xué)習(xí)的真實(shí)水平和能力。在網(wǎng)頁設(shè)計(jì)與制作中，可以以真題假作的形式考核，讓學(xué)生發(fā)揮自己的審美能力和軟件操作能力，以整體效果、版面設(shè)計(jì)、色彩搭配、內(nèi)容主次分明等方面作為現(xiàn)場考核的標(biāo)準(zhǔn)，然而現(xiàn)階段針對考核方式的改革應(yīng)該增加考試考核的比重，根據(jù)學(xué)生的考試成績來判斷他們的學(xué)習(xí)能力和知識(shí)的接受程度，進(jìn)一步改進(jìn)教學(xué)過程中遇到的問題，促進(jìn)教學(xué)水平的提高。
5結(jié)語
關(guān)鍵詞：網(wǎng)頁設(shè)計(jì)；職業(yè)定位；人才培養(yǎng)
中圖分類號(hào)：G712 文獻(xiàn)標(biāo)識(shí)碼：A 文章編號(hào)：1674-7712 （2013） 04-0130-03
一、網(wǎng)頁設(shè)計(jì)人才培養(yǎng)現(xiàn)狀
高職院校網(wǎng)頁設(shè)計(jì)課程體系與教學(xué)之間存在許多弊端，概括起來，主要有以下幾個(gè)方面：
（1）課程與教學(xué)內(nèi)容理論性強(qiáng)，實(shí)踐教學(xué)方法、教學(xué)手段不適應(yīng)行業(yè)需求，學(xué)生職業(yè)能力和創(chuàng)新能力的培養(yǎng)沒有真正落實(shí)。
（2）師資力量存在缺陷，普遍現(xiàn)象是：大部分老師是從校門進(jìn)校門，沒有企業(yè)的從業(yè)經(jīng)驗(yàn)，也沒有實(shí)際項(xiàng)目開發(fā)經(jīng)驗(yàn)，基本上是“照本宣科”，所謂的項(xiàng)目驅(qū)動(dòng)，項(xiàng)目的開發(fā)流程屬于模擬范疇，與實(shí)際客戶的需求，還相差甚遠(yuǎn)。目前高職院校已意識(shí)到這個(gè)問題，通過各種方式尋求校企合作，實(shí)現(xiàn)校企互動(dòng)的新模式，如何盡快解決師資在理論知識(shí)和實(shí)踐應(yīng)用方面的不足是十分迫切的。
（3）課程設(shè)置不盡合理，課程內(nèi)容上重“設(shè)計(jì)”輕“技術(shù)”。教學(xué)上按照以往的教學(xué)模式，僅僅在多媒體教室中講解操作步驟、做典型范例是遠(yuǎn)遠(yuǎn)不夠的。應(yīng)著重培養(yǎng)學(xué)生的創(chuàng)新意識(shí)和獨(dú)立開發(fā)網(wǎng)站的能力。藝術(shù)性與技術(shù)性的高度統(tǒng)一是今后網(wǎng)頁設(shè)計(jì)發(fā)展的大趨勢，不斷探索新的教學(xué)模式和教學(xué)理念，根據(jù)行業(yè)需求來構(gòu)建合理的課程體系。
二、網(wǎng)頁設(shè)計(jì)專業(yè)的職業(yè)崗位
根據(jù)對沈陽、大連地區(qū)IT行業(yè)的發(fā)展現(xiàn)狀與趨勢、人才需求狀況、企業(yè)調(diào)研等方面調(diào)查分析，可以將網(wǎng)頁設(shè)計(jì)崗位分為網(wǎng)頁設(shè)計(jì)、網(wǎng)頁制作、網(wǎng)站編輯、網(wǎng)站管理四大崗位群。
三、構(gòu)建科學(xué)合理的網(wǎng)頁設(shè)計(jì)人才培養(yǎng)體系
（一）網(wǎng)頁設(shè)計(jì)人才培養(yǎng)目標(biāo)的定位
本專業(yè)培養(yǎng)適應(yīng)社會(huì)與區(qū)域經(jīng)濟(jì)發(fā)展需要，德、智、體、美全面發(fā)展，熟悉網(wǎng)站的配色及制作流程，掌握網(wǎng)站設(shè)計(jì)與策劃、網(wǎng)站的安全與服務(wù)器配置以及網(wǎng)站的搜索引擎優(yōu)化技術(shù)；掌握動(dòng)態(tài)網(wǎng)站編程技術(shù)，具有獨(dú)立制作整站系統(tǒng)的能力，在企事業(yè)單位、網(wǎng)絡(luò)公司、廣告公司等IT行業(yè)從事網(wǎng)頁設(shè)計(jì)、網(wǎng)站美工、各類網(wǎng)站的開發(fā)與維護(hù)等工作的網(wǎng)頁設(shè)計(jì)師、高級(jí)技師和高級(jí)網(wǎng)站程序員。
（二）網(wǎng)頁設(shè)計(jì)專業(yè)的課程體系
根據(jù)網(wǎng)頁設(shè)計(jì)行業(yè)的職業(yè)崗位分析及人才需求，確定網(wǎng)頁設(shè)計(jì)的人才培養(yǎng)目標(biāo)。按人才的職業(yè)能力的培養(yǎng)為主線構(gòu)建了該專業(yè)的課程體系。確定了該專業(yè)的核心專業(yè)課程，課程體系結(jié)構(gòu)如圖1所示。
按課程的培養(yǎng)目標(biāo)，將網(wǎng)頁設(shè)計(jì)的專業(yè)課程分成以下四個(gè)模塊：網(wǎng)頁設(shè)計(jì)基礎(chǔ)模塊、客戶端開發(fā)模塊、數(shù)據(jù)庫操作模塊和Web應(yīng)用程序開發(fā)模塊。
模塊一：網(wǎng)頁設(shè)計(jì)基礎(chǔ)模塊，對應(yīng)的課程是《網(wǎng)頁設(shè)計(jì)與制作》，主講內(nèi)容是“網(wǎng)頁三劍客”，DW也就是Dreamweaver（網(wǎng)頁制作），F(xiàn)W是Firework（矢量圖形制作和圖像處理），F(xiàn)lash（動(dòng)畫制作）。這三種軟件能相互合作。比較實(shí)用的操作方式是：在Firework中做好主要頁面，然后導(dǎo)出，在Dreamweaver中加以修改，添加鏈接等，便做出一個(gè)非常好看的頁面。
模塊二：客戶端開發(fā)模塊，對應(yīng)的課程是《JavaScript》或《VBScript》，《JavaScript》是一種由Netscape的LiveScript發(fā)展而來的原型化繼承的面向?qū)ο蟮膭?dòng)態(tài)類型的客戶端腳本語言，該語言區(qū)分大小寫，主要目的是解決服務(wù)器端語言（比如Perl）遺留的速度問題，為客戶端提供更流暢的瀏覽效果。
模塊三：數(shù)據(jù)庫操作模塊，對應(yīng)的課程是《SQLServer》或《Access》或《mySQL》，作為網(wǎng)站的后臺(tái)數(shù)據(jù)庫管理系統(tǒng)，負(fù)責(zé)網(wǎng)站的實(shí)時(shí)更新，對數(shù)據(jù)進(jìn)行存儲(chǔ)，在網(wǎng)站的建設(shè)中起著至關(guān)重要的作用。
模塊四：Web應(yīng)用程序開發(fā)模塊，對應(yīng)的課程是《》或《JSP》或《PHP》，主要講述動(dòng)態(tài)Web頁面的實(shí)用技術(shù)。
模塊教學(xué)采用理實(shí)一體化教學(xué)模式，采用了“任務(wù)驅(qū)動(dòng)”教學(xué)法，教學(xué)任務(wù)分為：課堂教學(xué)模擬、企業(yè)真實(shí)項(xiàng)目操作兩部分，這些任務(wù)的設(shè)計(jì)遵循了由簡單到復(fù)雜，由單人獨(dú)立操作到項(xiàng)目組成員共同完成，充分調(diào)動(dòng)了學(xué)生的學(xué)習(xí)積極性和主動(dòng)性，有效提高學(xué)生的知識(shí)應(yīng)用能力和創(chuàng)新能力。
教學(xué)評(píng)價(jià)建議改變單一的總結(jié)性評(píng)價(jià)的方法，采用評(píng)價(jià)過程、階段評(píng)價(jià)和綜合評(píng)價(jià)相結(jié)合的評(píng)價(jià)方法。教學(xué)中要注重學(xué)生學(xué)習(xí)的過程，精心設(shè)計(jì)對學(xué)生學(xué)習(xí)過程的記錄及評(píng)價(jià)，如學(xué)習(xí)的形式、獲取信息的方式、討論的要點(diǎn)、設(shè)計(jì)的方案等進(jìn)行記錄，并對作品進(jìn)行交流、自評(píng)和互評(píng)等，從而讓學(xué)生學(xué)會(huì)學(xué)習(xí)。
（三）網(wǎng)頁設(shè)計(jì)專業(yè)課程的教學(xué)評(píng)價(jià)標(biāo)準(zhǔn)
制訂本專業(yè)各核心課程的教學(xué)評(píng)價(jià)標(biāo)準(zhǔn)，此標(biāo)準(zhǔn)以《動(dòng)態(tài)網(wǎng)頁設(shè)計(jì)》課程為例。
1.考核方式
本學(xué)習(xí)領(lǐng)域的課程考核宜采用過程考核、公共考核和期末考試相結(jié)合，具體考核內(nèi)容及權(quán)重見表3。期末考試分為理論考試和實(shí)踐考試。其中，理論考試主要考核8個(gè)學(xué)習(xí)情境中的主要知識(shí)點(diǎn)，試卷分值100分，其中填空題（占25%）、選擇題（25%）、判斷題（20%）、簡答題（30%），試卷從不同角度考查學(xué)生基礎(chǔ)知識(shí)的掌握能力；實(shí)踐考試內(nèi)容為2至3道上機(jī)操作題，主要考核學(xué)生的上機(jī)設(shè)計(jì)和調(diào)試能力，及對知識(shí)的綜合運(yùn)用能力。
（四）網(wǎng)頁設(shè)計(jì)專業(yè)的師資建設(shè)
建立一支高素質(zhì)的師資隊(duì)伍是網(wǎng)頁設(shè)計(jì)專業(yè)建設(shè)的關(guān)鍵，這支隊(duì)伍不僅要具有網(wǎng)頁設(shè)計(jì)相關(guān)的理論知識(shí)和實(shí)踐經(jīng)驗(yàn)的特長，而且還熟悉整個(gè)網(wǎng)站的運(yùn)作和前臺(tái)后臺(tái)維護(hù)管理等方面的理論知識(shí)。教師的培養(yǎng)可以通過以下的方法：
1.以行業(yè)為基地進(jìn)行專業(yè)培訓(xùn)，加快與行業(yè)的聯(lián)系。
2.組織教師到其它兄弟學(xué)校進(jìn)行交流和調(diào)研，提高教師業(yè)務(wù)水平。
3.積極從國內(nèi)外及相關(guān)行業(yè)引進(jìn)、或者借用專家人才，提高教師隊(duì)伍水平。
4.專業(yè)教師自身應(yīng)該時(shí)時(shí)刻刻跟蹤、掌握電網(wǎng)頁設(shè)計(jì)發(fā)展的最新動(dòng)態(tài)，掌握網(wǎng)頁設(shè)計(jì)最前沿的知識(shí)，不斷地更新知識(shí)?？傊?，網(wǎng)頁設(shè)計(jì)專業(yè)人才培養(yǎng)應(yīng)當(dāng)以企業(yè)需要什么樣的人才為出發(fā)點(diǎn)，總結(jié)過去的經(jīng)驗(yàn)和教訓(xùn)，從實(shí)際出發(fā)，嚴(yán)格按照客觀規(guī)律來建立網(wǎng)頁設(shè)計(jì)人才培養(yǎng)的模式和體系，這樣才能培養(yǎng)出符合社會(huì)需要的合格人才。
參考文獻(xiàn)：
[1]高云.高職高?！毒W(wǎng)頁設(shè)計(jì)》課程改革探索[J].吉林省教育學(xué)院學(xué)報(bào)，2009，11：2.
[2]趙京丹，閆寧.任務(wù)驅(qū)動(dòng)教學(xué)法在Dreamweaver網(wǎng)頁制作教學(xué)設(shè)計(jì)中的應(yīng)用[J].職業(yè)教育研究，2007，7.
關(guān)鍵詞 教育技術(shù)專業(yè) 網(wǎng)頁設(shè)計(jì)與制作 教學(xué)改革
中圖分類號(hào)：G424 文獻(xiàn)標(biāo)識(shí)碼：A
0 引言
隨著網(wǎng)絡(luò)技術(shù)的飛速發(fā)展，利用互聯(lián)網(wǎng)獲取信息已成為人們生活學(xué)習(xí)不可缺少的部分，①同時(shí)作為各種教育類機(jī)構(gòu)在網(wǎng)絡(luò)信息時(shí)代的窗口，這些事企業(yè)單位急需大量的網(wǎng)頁制作人才，網(wǎng)頁設(shè)計(jì)與制作課程乃至相關(guān)的學(xué)科內(nèi)部方向，成為高校教育技術(shù)專業(yè)的核心課程。
傳統(tǒng)的教學(xué)模式培養(yǎng)的學(xué)生，往往不能適應(yīng)用人單位的要求。網(wǎng)頁設(shè)計(jì)與制作的教學(xué)內(nèi)容與市場需求相脫離，距離社會(huì)崗位要求甚遠(yuǎn)，無法勝任事企業(yè)崗位等問題。②
1 課程改革原因分析
筆者認(rèn)為，造成高校開設(shè)網(wǎng)頁設(shè)計(jì)與制作教學(xué)與事企業(yè)單位用人需求脫節(jié)的主要原因有以下幾個(gè)方面：
（1）網(wǎng)頁設(shè)計(jì)與制作課程開設(shè)滯后。教育技術(shù)專業(yè)全程教學(xué)計(jì)劃中，在第二學(xué)期開設(shè)圖像制作課程；但是到第四學(xué)期才開設(shè)網(wǎng)頁設(shè)計(jì)與制作課程，而且學(xué)時(shí)受到壓縮，不僅學(xué)生學(xué)到的知識(shí)有限，還不能得到實(shí)際的鍛煉；而后續(xù)專業(yè)課程Flash和C#在第五學(xué)期才能開設(shè)；社會(huì)大量需求的如Flex和Ajax以及后臺(tái)代碼編程的或PHP在第六學(xué)期才能開設(shè)；而在第七學(xué)期開始專業(yè)方向訓(xùn)練為時(shí)已晚，許多學(xué)生選擇去考研和盲目地開始實(shí)習(xí)。
（2）相關(guān)教材編寫沒有連續(xù)性。當(dāng)前大多數(shù)網(wǎng)頁設(shè)計(jì)與制作方向的教材都是基礎(chǔ)知識(shí)的講解，提供的案例也都相對簡單且實(shí)用性不強(qiáng)。絕大多數(shù)的教材都沒有交叉性，無法體現(xiàn)出網(wǎng)頁設(shè)計(jì)與制作作為現(xiàn)今主流的B/S模式下系統(tǒng)開發(fā)體系在跨平臺(tái)性、交互性、開放性等方面的優(yōu)勢。使得學(xué)生們總認(rèn)為什么技術(shù)都只學(xué)個(gè)皮毛。
2 深入開展網(wǎng)頁設(shè)計(jì)與制作教學(xué)改革的探討
湖北第二師范學(xué)院計(jì)算機(jī)信息技術(shù)系，從2011年開始，比照教育技術(shù)專業(yè)的多個(gè)大的方向，將學(xué)生分為多個(gè)課程組。提出“基礎(chǔ)知識(shí)扎實(shí)化；特長教育持續(xù)化；產(chǎn)學(xué)研用③一體化”的方針，進(jìn)行了教育技術(shù)方向的“三化”教學(xué)改革。要求學(xué)生在學(xué)好本專業(yè)基礎(chǔ)課程的同時(shí)，還要掌握一種自己的特長技術(shù)，為勝任畢業(yè)后工作的需求對學(xué)生進(jìn)行大學(xué)階段的全程培養(yǎng)。通過長時(shí)間的學(xué)習(xí)、討論、制定，兩年來，我們對2009、2010、2011這3個(gè)年級(jí)的近100名學(xué)生進(jìn)行了分方向培養(yǎng)。網(wǎng)頁設(shè)計(jì)與制作為其教學(xué)改革的一個(gè)方向，培養(yǎng)學(xué)生人數(shù)為31人。
2.1 基礎(chǔ)知識(shí)扎實(shí)化
選擇了在網(wǎng)頁設(shè)計(jì)與制作課程方向的同學(xué)，所要求學(xué)習(xí)的知識(shí)是一個(gè)系統(tǒng)級(jí)的體系結(jié)構(gòu)，將網(wǎng)頁設(shè)計(jì)與制作的學(xué)習(xí)過程大致分為3個(gè)階段，如圖1所示：
第一階段學(xué)習(xí)色彩與構(gòu)圖、平面圖像處理等課程。在基礎(chǔ)知識(shí)學(xué)習(xí)的過程中就不斷地提供實(shí)踐案例進(jìn)行分析講解。
第二階段學(xué)習(xí)HTML、DIV+CSS、JavaScript腳本，掌握網(wǎng)頁制作的前臺(tái)基礎(chǔ)。掌握Dreamweaver軟件的使用，結(jié)合網(wǎng)頁實(shí)例掌握DIV+CSS的各種布局方式。并對學(xué)生教授前端Js腳本技術(shù)，使其后續(xù)可以進(jìn)行網(wǎng)站的交互式開發(fā)。
第三階段分兩個(gè)方向，學(xué)生在學(xué)習(xí)完數(shù)據(jù)庫基礎(chǔ)后選擇學(xué)習(xí)富客戶端編程或網(wǎng)頁制作后臺(tái)編程。富客戶端選擇用Flash進(jìn)行教學(xué)，后續(xù)學(xué)習(xí)ActionScript的Flex編程；網(wǎng)頁制作后臺(tái)選擇用C#進(jìn)行教學(xué)，后續(xù)學(xué)習(xí)的編程。
所有學(xué)生在最初學(xué)習(xí)平面設(shè)計(jì)課程組的基礎(chǔ)知識(shí)。當(dāng)?shù)诙A段開始時(shí)，正規(guī)課堂教學(xué)開設(shè)C語言，小組成員可以同時(shí)學(xué)習(xí)第二階段的課程。此后正規(guī)課堂開設(shè)了數(shù)據(jù)庫概論的課程，成員可以在鞏固第二階段的課程后開始進(jìn)行第三階段分方向?qū)W習(xí)。整個(gè)過程在1～2年內(nèi)全部覆蓋到。
2.2 特長教育持續(xù)化
要求從大一就開始選擇方向并持續(xù)的開展上述知識(shí)的學(xué)習(xí)。提倡“教學(xué)為輔自學(xué)為主”的教學(xué)模式，和學(xué)以致用的精神。按上述三個(gè)學(xué)習(xí)階段通過考核將學(xué)生分成多個(gè)層次，每個(gè)層次分成同級(jí)別的多個(gè)小組。
課程的學(xué)習(xí)都是在正規(guī)課堂教學(xué)以外的時(shí)間來完成。教師首先對各個(gè)小組提出學(xué)習(xí)方向和目標(biāo)，精確到每個(gè)星期，并指定教材和參考書目及相關(guān)網(wǎng)站。高層次的小組輪流安排學(xué)生為低層次的小組進(jìn)行教學(xué)輔導(dǎo)，和布置任務(wù)，檢查作業(yè)。每個(gè)星期開會(huì)討論和總結(jié)。教師進(jìn)行大方向的干預(yù)。最高層次的小組直接進(jìn)入老師的項(xiàng)目或老師提供的項(xiàng)目，進(jìn)行以項(xiàng)目為驅(qū)動(dòng)的教學(xué)。④
2.3 產(chǎn)學(xué)研用一體化
第一，最高層次的小組成員直接進(jìn)入老師的項(xiàng)目?？梢栽陧?xiàng)目組中進(jìn)行后臺(tái)代碼或前端富客戶端的開發(fā)以及文檔的撰寫。第二，組織學(xué)生積極參加國內(nèi)外的各種大創(chuàng)比賽，鍛煉學(xué)生的水平、提升學(xué)生的積極性。第三，積極和事企業(yè)單位進(jìn)行合作，將這些單位的項(xiàng)目分給學(xué)生制作，老師進(jìn)行全程監(jiān)控；或者推薦學(xué)生到對方單位加入項(xiàng)目組進(jìn)行實(shí)戰(zhàn)的開發(fā)。
3 結(jié)語
通過兩年多時(shí)間的實(shí)踐和探討。學(xué)生在網(wǎng)頁設(shè)計(jì)與制作方向的實(shí)踐能力取得了穩(wěn)步的提高，并形成了一套良性循環(huán)的教學(xué)模式。低級(jí)別的學(xué)生通過學(xué)習(xí)進(jìn)入高級(jí)別，高級(jí)別的同學(xué)通過給低級(jí)別的學(xué)生教學(xué)而更加鞏固了知識(shí)，學(xué)生們的實(shí)踐制作能力得到了用人單位的肯定，達(dá)到了教學(xué)改革的效果。
注釋
① 胡曉紅，王麗芬，張景峰.基于職業(yè)能力培養(yǎng)的《網(wǎng)頁設(shè)計(jì)與制作》教學(xué)改革的研究[J].電腦知識(shí)與技術(shù)，2012.8（20）.
② 閆奇峰，張莉平.高?！毒W(wǎng)頁設(shè)計(jì)與制作》課程的教學(xué)改革與探析[J].中國校外教育，2012（8）.
關(guān)鍵詞:網(wǎng)頁設(shè)計(jì);網(wǎng)頁教學(xué);能力培養(yǎng)
中圖分類號(hào):G642文獻(xiàn)標(biāo)識(shí)碼:A文章編號(hào):1009-3044(2009)26-7472-02
Teaching Exploration and Practice of the Course "Web Design"
YE Gen-mei
(Maanshan Teachers's College, Maanshan 243041, China)
Abstract: With the web page's widely using in people's life, higher vocationa and teacher's colleges pay more attention to web teaching. According to the teaching practice in Ma anshan teacher's college, from aspects such as the content, method and test,the author explored how to improve the quality of web teaching and the practical ability of students.
Key words: web design; web teaching; capacity building
隨著計(jì)算機(jī)技術(shù)的快速發(fā)展和應(yīng)用的普及,網(wǎng)頁技術(shù)的發(fā)展也隨之迅猛。越來越多的單位或企業(yè)通過網(wǎng)站來為自己的文化和服務(wù)等做宣傳,信息,與之同時(shí),越來越多的用戶習(xí)慣并趨向于借助網(wǎng)絡(luò)獲取相關(guān)信息,以足不出戶就能享受網(wǎng)絡(luò)的快捷與方便,而網(wǎng)頁無疑成為或獲取信息的主要渠道。同時(shí),隨著我國經(jīng)濟(jì)和教育的發(fā)展,以市場人才需求和就業(yè)為導(dǎo)向,培養(yǎng)具有綜合素質(zhì)的、能在生產(chǎn)一線從事生產(chǎn)、服務(wù)、管理和技術(shù)的應(yīng)用型、技能型高級(jí)人才已成為高職高專教育的一個(gè)重要目標(biāo)?；诰W(wǎng)頁的巨大市場和需求,高職高專院校必須進(jìn)一步加快高職高專院校網(wǎng)頁課程的建設(shè)與發(fā)展,使得學(xué)生切實(shí)具備理論和實(shí)踐上的能力,同時(shí)要求教學(xué)的內(nèi)容和知識(shí)的實(shí)踐性、應(yīng)用性以及知識(shí)的更新跟上網(wǎng)頁技術(shù)的發(fā)展和要求。這無疑對網(wǎng)頁的教學(xué)提出了更高的要求。
1 分層次分專業(yè)教學(xué),突出教學(xué)重點(diǎn)
基于網(wǎng)頁技術(shù)的巨大需求和市場,目前計(jì)算機(jī)很多相關(guān)專業(yè)都開設(shè)了網(wǎng)頁制作課程,如我校的計(jì)算機(jī)多媒體技術(shù)專業(yè)、軟件專業(yè)、網(wǎng)絡(luò)專業(yè)、計(jì)算機(jī)教育專業(yè)均在不同的階段設(shè)置了網(wǎng)頁課程。如何根據(jù)學(xué)生和專業(yè)的特點(diǎn),結(jié)合網(wǎng)頁課程的教學(xué)目標(biāo)進(jìn)行分層次分專業(yè)教學(xué)就成為亟待解決的問題。采用“一刀切”的教學(xué)方式只會(huì)偏離教學(xué)目標(biāo),學(xué)生也不能各取其應(yīng)用所需。因此,有必要集合網(wǎng)頁教學(xué)相關(guān)教師,明確各專業(yè)學(xué)生的基礎(chǔ)及發(fā)展需要,了解學(xué)生已具備基礎(chǔ)知識(shí)及后續(xù)課程的需求,分層次分專業(yè)制定教學(xué)大綱,突出教學(xué)重點(diǎn),擬定教學(xué)計(jì)劃,并以各專業(yè)課程體系和網(wǎng)頁技術(shù)的更新發(fā)展為導(dǎo)向,不斷調(diào)整方案,以適應(yīng)不同的需求。
對于不同的專業(yè)和層次的學(xué)生,網(wǎng)頁課程的重點(diǎn)設(shè)置有所不同,但對于基礎(chǔ)性知識(shí)及網(wǎng)頁制作必需知識(shí)在教學(xué)中應(yīng)當(dāng)給予強(qiáng)調(diào)并有所體現(xiàn)。
首先,對于網(wǎng)頁設(shè)計(jì)而言,學(xué)生最基本的要求是能夠運(yùn)用至少一門網(wǎng)頁制作軟件編輯簡單的頁面,這也是教學(xué)的一個(gè)基本目標(biāo)。因此,負(fù)責(zé)教學(xué)的教師應(yīng)該選擇一門合適的軟件進(jìn)行教學(xué)。目前進(jìn)行網(wǎng)頁制作的軟件比較多,大多具有“所見即所得”的可視化界面。但是運(yùn)用得更為普遍的當(dāng)推Frontpage和Dreamweaver。Dreamweaver是Macromedia公司的產(chǎn)品,軟件的綜合性較Frontpage強(qiáng),是建立 Web 站點(diǎn)和應(yīng)用程序的專業(yè)工具,擴(kuò)展性好,功能強(qiáng)大,與Firewords、Flash統(tǒng)稱“網(wǎng)頁三劍客”,能較好地一起完成網(wǎng)頁中的圖像、動(dòng)畫等元素的處理。目前教學(xué)中廣泛使用的 Macromedia Dreamweaver 8。
其次,理解HTML的地位和作用。HTML是超文本標(biāo)記語言(HyperText Markup Language)的縮寫,是制作網(wǎng)頁的一種標(biāo)準(zhǔn)語言,以代碼的方式來進(jìn)行網(wǎng)頁設(shè)計(jì)。由于目前的網(wǎng)頁編輯軟件均能自動(dòng)生成HTML代碼,且在教學(xué)中不提倡直接用HTML代碼來編輯實(shí)現(xiàn)網(wǎng)頁,因此不少學(xué)生對HTML的學(xué)習(xí)缺乏重視,認(rèn)為無關(guān)緊要。事實(shí)上,HTML是網(wǎng)頁的靈魂,無論什么類型的網(wǎng)頁其本質(zhì)均是由HTML標(biāo)記控制和顯示,學(xué)習(xí)好HTML語言,對于用戶從根本上了解網(wǎng)頁設(shè)計(jì)和使用Dreamweaver十分有益,掌握了HTML也有助于理解并學(xué)習(xí)別人網(wǎng)頁的結(jié)構(gòu)和部分內(nèi)容,學(xué)習(xí)動(dòng)態(tài)網(wǎng)頁更需要較好的HTML基礎(chǔ)。
再次,重視網(wǎng)站結(jié)構(gòu)的規(guī)劃。剛接觸網(wǎng)頁制作的學(xué)生往往把重點(diǎn)都放在了具體頁面的實(shí)現(xiàn)上,而對網(wǎng)站的規(guī)劃敷衍了事。事實(shí)上,隨著頁面的增多,網(wǎng)站的規(guī)劃顯得尤為重要,雜亂無序的網(wǎng)頁不僅容易出錯(cuò),且維護(hù)起來也相當(dāng)?shù)睦щy,因此,必須從一開始就建立學(xué)生網(wǎng)站規(guī)劃的意識(shí)和習(xí)慣,從規(guī)范的文件命名做起,做好站點(diǎn)結(jié)構(gòu)的搭建。
另外,理解并掌握CSS的使用。一個(gè)精美的網(wǎng)頁離不開CSS的設(shè)置和使用。CSS是層疊樣式表(Cascading Style Sheets)的縮寫,是一系列的格式規(guī)則。使用CSS可以非常靈活并且更好地控制網(wǎng)頁外觀,它不僅彌補(bǔ)了HTML對標(biāo)記屬性控制的不足,而且能夠更精確、更細(xì)致地布局網(wǎng)頁,如行間距、字間距、段落縮進(jìn)、段間距和圖片定位等屬性,再者,利用CSS可以極大地提高網(wǎng)頁設(shè)計(jì)和運(yùn)行的效率,一個(gè)CSS樣式,可以同時(shí)應(yīng)用于多個(gè)網(wǎng)頁,既減少了代碼的長度,減輕下載負(fù)擔(dān),又提高了瀏覽器的瀏覽速度和網(wǎng)頁的更新速度。
2 以能力培養(yǎng)為導(dǎo)向,靈活應(yīng)用多種教學(xué)方法
2.1 課堂教學(xué)
根據(jù)計(jì)算機(jī)課程的實(shí)際要求,網(wǎng)頁制作課程的教學(xué)一般在多媒體教室進(jìn)行,通過投影儀使得教師的講解內(nèi)容和操作過程同步顯示在屏幕上,從而使得上課的內(nèi)容更加直觀形象,加深學(xué)生的理解。同時(shí),根據(jù)教學(xué)內(nèi)容的需要,合理安排學(xué)生上機(jī),以上機(jī)操作鞏固學(xué)生對知識(shí)的理解和運(yùn)用,從而形成自己的知識(shí)體系。多媒體網(wǎng)絡(luò)教學(xué)環(huán)境,充分發(fā)揮了教師在教學(xué)中的主導(dǎo)作用和學(xué)生在學(xué)習(xí)過程中的主體作用,但是,為了達(dá)到大容量、高效率的教學(xué)效果,培養(yǎng)學(xué)生網(wǎng)頁制作的實(shí)際能力,教師必須探索研究更好的教學(xué)方法。傳統(tǒng)的教師傳遞、學(xué)生接受的教學(xué)模式和復(fù)習(xí)舊課―講授新課―作業(yè)布置的教學(xué)過程已不能很好地發(fā)揮學(xué)生的主體作用,且使學(xué)生的學(xué)習(xí)陷入很大的盲目和被動(dòng)的境地。為了切實(shí)提高教學(xué)效果,順應(yīng)市場經(jīng)濟(jì)下對培養(yǎng)高質(zhì)量的技能型人才的需求,經(jīng)過教學(xué)工作者的不斷摸索和實(shí)踐,形成了兩種主要的課堂教學(xué)方法,即任務(wù)驅(qū)動(dòng)教學(xué)法和案例驅(qū)動(dòng)教學(xué)法。
任務(wù)驅(qū)動(dòng)法,是一種問題推進(jìn)式的教學(xué)方法,即教師將教學(xué)內(nèi)容巧妙地設(shè)計(jì)在一個(gè)個(gè)“任務(wù)”中,學(xué)生根據(jù)教師提出的“任務(wù)”,在自己的思考或教師的引導(dǎo)下提出解決“任務(wù)”的思路和方法,然后進(jìn)行具體操作,循序漸進(jìn)地解決問題,從中學(xué)習(xí)并運(yùn)用新概念、新知識(shí)。其流程為:呈現(xiàn)任務(wù)―明確任務(wù)―解決任務(wù)―任務(wù)評(píng)價(jià)。在這種教學(xué)方法下,教師的角色由“主角”轉(zhuǎn)換成了“配角”,學(xué)生根據(jù)任務(wù)需求來學(xué)習(xí)知識(shí),從而由被動(dòng)地接受學(xué)習(xí)向主動(dòng)地尋求知識(shí)轉(zhuǎn)變。這種教學(xué)方法,能充分調(diào)動(dòng)學(xué)生的學(xué)習(xí)積極性,讓學(xué)生自發(fā)地學(xué)習(xí)知識(shí),完成任務(wù),從而主動(dòng)學(xué)習(xí)、樂于學(xué)習(xí)。這種教學(xué)方法要求,教師將教學(xué)內(nèi)容中的關(guān)鍵知識(shí)點(diǎn)分成若干模塊,合理地隱含在具體的“任務(wù)”中,任務(wù)的提出要具有明確性、可操作性,由淺入深,循序漸進(jìn)。
案例驅(qū)動(dòng)教學(xué)法,是一種以案例為基礎(chǔ)的教學(xué)法,一般通過三個(gè)階段來完成教學(xué)內(nèi)容,實(shí)現(xiàn)教學(xué)目標(biāo):第一階段是設(shè)計(jì)范例、呈現(xiàn)范例、分析范例、利用范例引出知識(shí)點(diǎn)的學(xué)習(xí);第二階段是設(shè)計(jì)任務(wù)、布置任務(wù)、完成任務(wù),通過任務(wù)完成知識(shí)遷移,鞏固知識(shí)點(diǎn);第三階段是作品評(píng)價(jià),總結(jié)提煉知識(shí)點(diǎn)。其中,在第一階段,課前,教師根據(jù)教學(xué)內(nèi)容和教學(xué)目標(biāo),把握重難點(diǎn),結(jié)合學(xué)生水平和操作技能設(shè)計(jì)范例。教學(xué)中,教師首先呈現(xiàn)范例,通過對范例的分析,引導(dǎo)學(xué)生發(fā)現(xiàn)問題, 繼而引入新知識(shí),并作必要的演示和講解,以解決問題、掌握技能;第二階段,教師在課前設(shè)計(jì)任務(wù),給學(xué)生搭建學(xué)習(xí)平臺(tái),設(shè)置好相關(guān)的軟硬件環(huán)境,提供學(xué)習(xí)資源,安排學(xué)生上機(jī),并在課上提出明確的上機(jī)任務(wù),要求學(xué)生提交個(gè)人作品。教師參與學(xué)生的學(xué)習(xí)活動(dòng),及時(shí)發(fā)現(xiàn)問題,點(diǎn)撥指導(dǎo),引導(dǎo)學(xué)生完成知識(shí)遷移,盡量自主完成任務(wù)。同時(shí),根據(jù)學(xué)生反饋的問題和課堂中發(fā)現(xiàn)的問題作出及時(shí)的調(diào)整和補(bǔ)救;第三階段,收集學(xué)生的作品,進(jìn)行集中展示,同樣在教師的引導(dǎo)下讓學(xué)生對自己和他人作品中的優(yōu)點(diǎn)與不足形成認(rèn)識(shí)。展示的作品應(yīng)體現(xiàn)一定的層次,既有典型性,又有風(fēng)格特點(diǎn),讓學(xué)生自己從中發(fā)現(xiàn)問題,找到解決的辦法,吸取優(yōu)秀作品的設(shè)計(jì)和構(gòu)思,體驗(yàn)不同的風(fēng)格,從而充分調(diào)動(dòng)學(xué)生的主觀能動(dòng)性和提高學(xué)習(xí)的興趣。在這種教學(xué)方法的實(shí)施過程中,范例和任務(wù)的設(shè)計(jì)至關(guān)重要,要求教師精選范例甚至根據(jù)實(shí)際情況自行設(shè)計(jì)范例,任務(wù)的設(shè)計(jì)要以學(xué)生為主體,有一定的實(shí)際意義,能涵蓋要學(xué)習(xí)的知識(shí)技能。范例教學(xué)方法將傳授知識(shí)、發(fā)展智力、培養(yǎng)情感結(jié)合起來,使學(xué)生處在不斷接受教育和培養(yǎng)的狀態(tài)中,強(qiáng)化了學(xué)生的問題意識(shí),提高了教學(xué)質(zhì)量。
2.2 課程考核
考核是檢測教與學(xué)的重要手段,也是教學(xué)中一個(gè)重要環(huán)節(jié)。但是,對于網(wǎng)頁這門課程而言,閉卷考試不能反映學(xué)生掌握和運(yùn)用知識(shí)的實(shí)際情況,因此有必要采取一種靈活多樣的考核方式來替代完全的閉卷考試。一種較為全面的考核方式是學(xué)生成績采用由平時(shí)成績、綜合大作業(yè)和期末考試三部分組成的綜合成績。三者按照一定的比例進(jìn)行分布。學(xué)生的平時(shí)成績由每次上機(jī)作業(yè)和課堂考勤組成;綜合大作業(yè)是學(xué)生在臨近期末、已掌握大部分知識(shí)內(nèi)容的時(shí)候給學(xué)生布置的一份綜合作業(yè);期末考試則是給學(xué)生一份已經(jīng)完成的網(wǎng)站規(guī)劃圖和網(wǎng)頁效果圖,提供說明文檔和網(wǎng)頁制作所需的文字、圖片等素材,讓學(xué)生在指定的上機(jī)時(shí)間內(nèi)完成文檔和圖片中要求的制作效果。需要提出的是期末大作業(yè),其具體的操作為:首先由教師提供一些網(wǎng)站主題或?qū)W生自主確定一些主題,讓學(xué)生進(jìn)行選題,然后布置學(xué)生通過查詢網(wǎng)上資料或自己對網(wǎng)站主題的理解寫出書面的網(wǎng)站設(shè)計(jì)方案,包括網(wǎng)站的選題、網(wǎng)站的結(jié)構(gòu)、網(wǎng)頁的版面設(shè)計(jì)等,教師對方案給予審查,給出改進(jìn)意見,最后,學(xué)生進(jìn)入具體的設(shè)計(jì)和制作階段,完成后上傳至教師的ftp。這種作業(yè)方式充分強(qiáng)調(diào)了實(shí)踐性教學(xué),又培養(yǎng)了學(xué)生自己獨(dú)立完成網(wǎng)站設(shè)計(jì)和制作的能力。我?；诟玫貫閷W(xué)生拓展實(shí)習(xí)和就業(yè)門檻、為用人單位更好地選拔所需的網(wǎng)頁人才的目的,不斷調(diào)整提高對學(xué)生作品質(zhì)量的要求,將學(xué)生的期末大作業(yè)作為體現(xiàn)學(xué)生能力的一個(gè)方面提供給用人單位作為參考,從而很好地將教學(xué)工作與學(xué)生就業(yè)準(zhǔn)備相結(jié)合。
2.3 多方位拓展教學(xué)
為了使學(xué)生能獲取更多的學(xué)習(xí)機(jī)會(huì),學(xué)校還可以通過興趣小組、學(xué)生社團(tuán)的方式,對學(xué)生的自主學(xué)習(xí)加以引導(dǎo)。網(wǎng)頁課程本身的特點(diǎn)也決定了可以充分發(fā)揮網(wǎng)絡(luò)資源的巨大優(yōu)勢,開設(shè)網(wǎng)頁制作的討論平臺(tái)BBS,集中網(wǎng)頁的學(xué)習(xí)資源供學(xué)生下載使用。另外,每學(xué)期還可以舉辦網(wǎng)頁制作大賽,將參賽學(xué)生的作品放在網(wǎng)站上,組織學(xué)生和評(píng)委教師進(jìn)行評(píng)選。這些活動(dòng)不僅能調(diào)動(dòng)學(xué)生的興趣,也極大地豐富了學(xué)生的生活。
3 結(jié)論
網(wǎng)頁技術(shù)的發(fā)展突飛猛進(jìn),人們對網(wǎng)頁的要求也越來越高,這就要求網(wǎng)頁的教學(xué)要緊跟市場和時(shí)代的發(fā)展,教師必須緊密關(guān)注網(wǎng)頁發(fā)展動(dòng)向,及時(shí)調(diào)整教學(xué)內(nèi)容,不斷改進(jìn)教學(xué)方法,以培養(yǎng)真正適應(yīng)市場需求的人才。
參考文獻(xiàn):
[1] 陳恩潤.我國高等職業(yè)教育的現(xiàn)狀與發(fā)展對策[J].教育探索,2008(2):12-13.
[2] 張麗香.高校《網(wǎng)頁設(shè)計(jì)》課程教學(xué)探討[J].大眾科技,2008(5):104-150.
[3] 姜楠,師肖紅.Dreamweaver 8完美網(wǎng)頁設(shè)計(jì)與制作[M].北京:中國青年出版社,2006.
關(guān)鍵詞：網(wǎng)頁設(shè)計(jì)；計(jì)算機(jī)專業(yè)；課程改革
中圖分類號(hào)：G642 文獻(xiàn)標(biāo)識(shí)碼：A 文章編號(hào)：1674-7712 （2013） 06-0178-02
一、引言
隨著互聯(lián)網(wǎng)的發(fā)展，對網(wǎng)頁設(shè)計(jì)人才的需求也越來越多，要求也越來越高?！毒W(wǎng)頁設(shè)計(jì)與制作》不但是高職院校計(jì)算機(jī)相關(guān)專業(yè)的核心基礎(chǔ)課程，也是電子商務(wù)，工科相關(guān)專業(yè)的專業(yè)課程以及藝術(shù)相關(guān)專業(yè)的選修課程。
面對市場需求的變化，不同的專業(yè)的學(xué)生，我們再不能不考慮學(xué)生的專業(yè)，而是用同一本教材教授所有的學(xué)生，而是應(yīng)該根據(jù)市場的需求，針對不同的崗位的不同要求，因材施教，進(jìn)行相應(yīng)的教學(xué)改革。
二、課程性質(zhì)
《網(wǎng)頁設(shè)計(jì)與制作》其主要任務(wù)是使學(xué)生掌握網(wǎng)頁設(shè)計(jì)及制作的基本知識(shí)，了解當(dāng)今網(wǎng)頁設(shè)計(jì)與制作技術(shù)發(fā)展的趨勢，培養(yǎng)學(xué)生網(wǎng)站建設(shè)和網(wǎng)頁設(shè)計(jì)過程中的綜合能力學(xué)生畢業(yè)后可勝任網(wǎng)站管理員、網(wǎng)頁設(shè)計(jì)師、網(wǎng)頁美工師等工作崗位，并可不斷提升崗位工作能力。
《網(wǎng)頁設(shè)計(jì)與制作》是一門操作實(shí)踐性很強(qiáng)的課程。
基于《網(wǎng)頁設(shè)計(jì)與制作》課程的特點(diǎn)和網(wǎng)頁設(shè)計(jì)人才的崗位需求，需要從以下幾個(gè)方面進(jìn)行教學(xué)改革：
（一）課程設(shè)計(jì)的理念的更新
培養(yǎng)學(xué)生的職業(yè)能力是職業(yè)教育課程設(shè)計(jì)的基本目標(biāo)。本課程的教學(xué)是基于相關(guān)就業(yè)崗位的工作過程，把課程內(nèi)容模塊化，課程內(nèi)容序列化，課程設(shè)計(jì)將“企業(yè)的任務(wù)”以“教學(xué)的形式”來完成“人才的培養(yǎng)”。
課程設(shè)計(jì)的思路
由于對相應(yīng)的工作崗位群應(yīng)該具有的相關(guān)職業(yè)能力
《網(wǎng)頁設(shè)計(jì)與制作》課程設(shè)計(jì)采用“基于工作過程”新的教學(xué)模式，對網(wǎng)頁設(shè)計(jì)人員以實(shí)際工作崗位中的工作過程為依據(jù)，分解出四個(gè)工作任務(wù)，即網(wǎng)頁的設(shè)計(jì)與制作、圖形圖像動(dòng)畫素材的加工處理、網(wǎng)頁配色及熟悉網(wǎng)站開發(fā)以及的流程。再由這四個(gè)工作任務(wù)分解出多個(gè)崗位工作能力，再由職業(yè)能力轉(zhuǎn)化為相應(yīng)的只是，工作技能和工作態(tài)度，然后確定教學(xué)的內(nèi)容和教學(xué)的先后次序。再將整個(gè)過程形成一個(gè)完整的教學(xué)體系。
（二）針對不同的專業(yè)的教學(xué)內(nèi)容有的放矢，加強(qiáng)不同專業(yè)的適用性
1.針對不同專業(yè)《網(wǎng)頁設(shè)計(jì)與制作》采取模塊化教學(xué)方式
為了針對不同的專業(yè)，教學(xué)內(nèi)容決定采用模塊化，不同專業(yè)學(xué)生可以選取不同的模塊進(jìn)行學(xué)習(xí)。
《網(wǎng)頁設(shè)計(jì)與制作》課程教學(xué)根據(jù)不同的專業(yè)和學(xué)生興趣點(diǎn)的不同，選擇不同的教學(xué)模塊。計(jì)算機(jī)專業(yè)大體上可以分為兩個(gè)教學(xué)模塊：頁面設(shè)計(jì)（靜態(tài)和動(dòng)態(tài)）和平面設(shè)計(jì)。
非計(jì)算機(jī)專業(yè)可以也可以有兩個(gè)教學(xué)模塊：靜態(tài)頁面設(shè)計(jì)和平面設(shè)計(jì)。
以此《網(wǎng)頁設(shè)計(jì)與制作》課程可以按照不同的工作崗位需求分以下五個(gè)模塊：
（1）經(jīng)典網(wǎng)站賞析以及網(wǎng)頁制作的相關(guān)工具介紹模塊
（2）網(wǎng)頁制作模塊（主要學(xué)習(xí)html，dreamweaver，div+css網(wǎng)頁布局和網(wǎng)頁特效的插件的使用）
（3）圖形圖像動(dòng)畫處理模塊（主要學(xué)習(xí)photoshop和flash，學(xué)習(xí)這些軟件可以達(dá)到對網(wǎng)頁中的圖像進(jìn)行處理和制作網(wǎng)站的logo，banner條和網(wǎng)站片頭的作用）
（4）網(wǎng)頁配色模塊（主要學(xué)習(xí)網(wǎng)頁的基本配色規(guī)則和配色工具的使用）
（5）網(wǎng)站策劃開發(fā)及維護(hù)模塊（主要學(xué)習(xí)網(wǎng)站的整體策劃開發(fā)流程和網(wǎng)站如何進(jìn)行維護(hù)以及簡單的動(dòng)態(tài)網(wǎng)站服務(wù)器腳本語言ASP）
第一第二模塊是《網(wǎng)頁設(shè)計(jì)與制作》的基礎(chǔ)部分，通過這兩個(gè)模塊的學(xué)習(xí)學(xué)生可以制作簡單的網(wǎng)站。
第三第四第五模塊是《網(wǎng)頁設(shè)計(jì)與制作》的提高部分，通過這兩個(gè)模塊的學(xué)習(xí)學(xué)生可以達(dá)到培養(yǎng)網(wǎng)站的藝術(shù)鑒賞力。
各個(gè)專業(yè)的學(xué)生可以根據(jù)自己專業(yè)所學(xué)習(xí)的前序后續(xù)課程選取適合自己的模塊學(xué)習(xí)。
電子商務(wù)專業(yè)和藝術(shù)類的學(xué)生由于前序課程學(xué)習(xí)過《平面設(shè)計(jì)》（主要是photoshop和flash）可以選擇模塊1、2、4、5
藝術(shù)類的學(xué)生由于前序課程學(xué)習(xí)過《平面設(shè)計(jì)》和美術(shù)可以選擇1、2、5學(xué)習(xí)合理選擇教學(xué)內(nèi)容。
機(jī)電類和計(jì)算機(jī)類的學(xué)生可以選取所有模塊進(jìn)行學(xué)習(xí)。
2.網(wǎng)頁設(shè)計(jì)與制作課程采取序列化教學(xué)模塊
在一般情況下，《網(wǎng)頁設(shè)計(jì)與制作》課程的內(nèi)容較為獨(dú)立，模塊教學(xué)內(nèi)容之間彼此的聯(lián)系很弱。模塊具有較強(qiáng)的獨(dú)立性，彼此間往往缺乏聯(lián)系。為了提高人才培養(yǎng)的質(zhì)量，保證學(xué)生的知識(shí)體系完整，同時(shí)培養(yǎng)一定的網(wǎng)站鑒賞能力。因此根據(jù)高職學(xué)生的認(rèn)知規(guī)律，對教學(xué)內(nèi)容進(jìn)行序列化處理能提高教育教學(xué)質(zhì)量。并將整個(gè)教學(xué)分為四個(gè)教學(xué)階段。
基礎(chǔ)階段：本教學(xué)階段主要以賞析國內(nèi)外各種優(yōu)秀網(wǎng)站為主。通過欣賞可以培養(yǎng)學(xué)生對網(wǎng)站的藝術(shù)鑒賞能力，激發(fā)學(xué)習(xí)興趣，開闊視野，了解網(wǎng)站的基本構(gòu)成。
基本技能培養(yǎng)階段：本階段將學(xué)習(xí)網(wǎng)頁的基本制作知識(shí)，包括網(wǎng)頁文本，表格，超鏈接，圖片的插入，行為flash的插入以及插件的使用，站點(diǎn)的搭建等最基礎(chǔ)的技術(shù)。通過簡單的學(xué)習(xí)學(xué)生可以運(yùn)用所學(xué)的知識(shí)很快做出一個(gè)簡單的網(wǎng)站。
網(wǎng)頁設(shè)計(jì)階段：本階段的教學(xué)將以提高學(xué)生的藝術(shù)鑒賞力為目標(biāo)，以photoshop和fureworks軟件為主講授圖片的切片處理，色彩的調(diào)配，頁面的設(shè)計(jì)等。讓學(xué)生在網(wǎng)站的制作過程中加入設(shè)計(jì)的元素。將簡單的網(wǎng)站制作上升到設(shè)計(jì)的層面。潛移默化，循序漸進(jìn)，以模仿學(xué)習(xí)為主逐漸提高學(xué)生的藝術(shù)創(chuàng)新能力。
綜合實(shí)訓(xùn)階段：本階段主要為了讓學(xué)生熟悉網(wǎng)站的完整開發(fā)流程。將所學(xué)習(xí)的知識(shí)全部那個(gè)在網(wǎng)站開發(fā)的過程。本階段要求學(xué)生從書寫一個(gè)小型網(wǎng)站的策劃書，到網(wǎng)站的設(shè)計(jì)，到全部由學(xué)生獨(dú)立完成，老師只是進(jìn)行指導(dǎo)。通過學(xué)習(xí)學(xué)生會(huì)對網(wǎng)站的整個(gè)開發(fā)有詳細(xì)的了解。
3.針對不同專業(yè)將開展不同主題的網(wǎng)站專題講座進(jìn)行補(bǔ)充教學(xué)
例如電子商務(wù)專業(yè)需要專門對電子商務(wù)類網(wǎng)站進(jìn)行設(shè)計(jì)
三、教學(xué)模式的設(shè)計(jì)與創(chuàng)新
實(shí)行工學(xué)結(jié)合的教學(xué)方式是高職院校按照市場對高職人才的需求而行之有效的教學(xué)模式
為實(shí)現(xiàn)培養(yǎng)目標(biāo)，建立工學(xué)結(jié)合的長效機(jī)制，我們加大了實(shí)踐教學(xué)力度，廣泛開展校企合作，形成了開放、多邊、靈活的工學(xué)培養(yǎng)模式。其中主要有以下幾種：
（一）訂單式培養(yǎng)
學(xué)校按照企業(yè)對用人的要求，校企一起制定相關(guān)的培養(yǎng)方案和培訓(xùn)體系，開展相關(guān)的課程教學(xué)。
學(xué)生直接根據(jù)企業(yè)的要求，掌握專業(yè)的職業(yè)技能。
（二）“雙證書”制
依照國家職業(yè)分類標(biāo)準(zhǔn)，結(jié)合學(xué)生所學(xué)專業(yè)，學(xué)院實(shí)行了“雙證書”制。學(xué)生在學(xué)期間不僅要取得畢業(yè)證書，還要獲取與專業(yè)相關(guān)的職業(yè)資格證書。
（三）課程調(diào)整
為了滿足企業(yè)發(fā)展的要求，為了使畢業(yè)生盡快成為專業(yè)技能型人才，加大相關(guān)課程的實(shí)訓(xùn)課時(shí)數(shù)。
（四）實(shí)訓(xùn)基地建設(shè)
我院校為了培養(yǎng)學(xué)生適應(yīng)行業(yè)企業(yè)需要的職業(yè)技能，堅(jiān)持校內(nèi)實(shí)訓(xùn)與企業(yè)實(shí)習(xí)相結(jié)合。
（五）“雙師型”隊(duì)伍建設(shè)
工學(xué)結(jié)合的培養(yǎng)模式，決定了高等職業(yè)教育教師除具備各類教育教師都要具備的素質(zhì)外，還應(yīng)具備技能型人才的各種素質(zhì)。定期選派專業(yè)教師到企業(yè)掛職鍛煉；同時(shí)聘請了企業(yè)來的專家，兼職承擔(dān)《網(wǎng)頁設(shè)計(jì)與制作》課程的教學(xué)。
四、多種教學(xué)方法的運(yùn)用
高等職業(yè)教育應(yīng)該培養(yǎng)具有大量專業(yè)技術(shù)知識(shí)和操作技能兼?zhèn)涞母呒?jí)應(yīng)用型人才。為此，我們改變傳統(tǒng)的教學(xué)方法，引入先進(jìn)的教學(xué)理念，強(qiáng)化技能訓(xùn)練，實(shí)現(xiàn)了與專業(yè)崗位的無縫連接。
（一）采用了“三位一體”學(xué)習(xí)法
“精講多練”是該課程教學(xué)的最大特點(diǎn)，本課程的教學(xué)目標(biāo)強(qiáng)調(diào)在了解網(wǎng)頁設(shè)計(jì)理論知識(shí)的基礎(chǔ)上，重點(diǎn)培養(yǎng)學(xué)生的操作技能和技巧。為了達(dá)到良好的教學(xué)效果，采用了“三位一體”教學(xué)法。所謂“三位一體”教學(xué)法就是在實(shí)訓(xùn)課中教師在計(jì)算機(jī)上教，學(xué)生在計(jì)算機(jī)上學(xué)，然后在計(jì)算機(jī)上做。這種邊教邊學(xué)，邊學(xué)邊做的交互式教學(xué)形式，提高了教學(xué)的直觀性，調(diào)動(dòng)了學(xué)生的積極性，增強(qiáng)了學(xué)生的動(dòng)手能力，達(dá)到了教、學(xué)、做合一，手、腦、機(jī)并用的效果。
（二）運(yùn)用基于案例的教學(xué)方法
根據(jù)本課程的教學(xué)目標(biāo)和特點(diǎn)，我們主要采用“基于典型案例”的教學(xué)方法，從實(shí)際的網(wǎng)站中捕捉網(wǎng)頁技術(shù)的典型優(yōu)秀案例，引入課堂。對啟發(fā)思維、激勵(lì)情趣、提高學(xué)習(xí)效率起到重要作用。
（三）建立了基于創(chuàng)建個(gè)人網(wǎng)站的實(shí)訓(xùn)方法
整個(gè)授課過程中就要求學(xué)生根據(jù)自己的興趣和能力自主選擇一個(gè)相應(yīng)主題，創(chuàng)建一個(gè)自己的網(wǎng)站，嘗試和感悟職業(yè)崗位對職業(yè)技能的要求。
參考文獻(xiàn)：
[1]盧莉，陳苡.綜合職業(yè)能力視角下高職網(wǎng)頁設(shè)計(jì)與制作課程改革[J].哈爾濱職業(yè)技術(shù)學(xué)院學(xué)報(bào)，2012，3.
[2]錢會(huì)敏.電子商務(wù)專業(yè)中《網(wǎng)頁設(shè)計(jì)與制作》課程改革的思考[J].中國科技縱橫，2009，11.
[3]馬曉虎.基于工作過程的高職“網(wǎng)頁設(shè)計(jì)與制作”課程改革與實(shí)踐[J].電腦知識(shí)與技術(shù)，2011，29.
該文介紹了《網(wǎng)頁設(shè)計(jì)與制作》項(xiàng)目化教學(xué)思路和方法，從設(shè)計(jì)理念與思路、對計(jì)應(yīng)相關(guān)專業(yè)建設(shè)與發(fā)展的定位與作用、課程內(nèi)容的針對性與適用性、教學(xué)內(nèi)容的組織與安排、教學(xué)模式的設(shè)計(jì)與創(chuàng)新、實(shí)踐教學(xué)條件的建設(shè)與使用等6個(gè)方面進(jìn)行了設(shè)計(jì)與分析，為學(xué)生較好地掌握知識(shí)及快速適應(yīng)工作崗位需求進(jìn)行了一些思考和探索。
關(guān)鍵詞：
高職院校;網(wǎng)頁設(shè)計(jì);項(xiàng)目化課程;開發(fā)實(shí)踐
《網(wǎng)頁設(shè)計(jì)與制作》是計(jì)算機(jī)應(yīng)用專業(yè)的一門專業(yè)核心課程。該課程目標(biāo)是讓學(xué)生掌握網(wǎng)頁設(shè)計(jì)與制作能力。它以圖形圖像處理、互聯(lián)網(wǎng)應(yīng)用等課程的學(xué)習(xí)為基礎(chǔ)，也是進(jìn)一步學(xué)習(xí)動(dòng)態(tài)網(wǎng)站設(shè)計(jì)等課程的基礎(chǔ)。學(xué)完本課程，要求學(xué)生能達(dá)到掌握網(wǎng)頁美工初步技能；熟練掌握HTML+CSS進(jìn)行頁面布局與排版的技能；基本掌握使用網(wǎng)頁腳本控制頁面操作和提升用戶體驗(yàn)的能力。按照高職高專知識(shí)傳授特點(diǎn)與職業(yè)技能需求，同時(shí)根據(jù)網(wǎng)頁設(shè)計(jì)與制作課程知識(shí)的掌握規(guī)律，目前我校采用了項(xiàng)目化教學(xué)方法，為學(xué)生較好地掌握知識(shí)及快速適應(yīng)工作崗位需求打下扎實(shí)的基礎(chǔ)。
1設(shè)計(jì)理念與思路
該課程根據(jù)職業(yè)能力發(fā)展的基本規(guī)律（新手—生手—熟手—能手—專家），將學(xué)習(xí)內(nèi)容設(shè)計(jì)為網(wǎng)頁設(shè)計(jì)實(shí)際工作，通過工作實(shí)現(xiàn)學(xué)習(xí)。采用整體→模塊→整體的設(shè)計(jì)思路，按照簡單到復(fù)雜、單一到綜合、低級(jí)到高級(jí)的原則進(jìn)行。
1.1設(shè)計(jì)理念：學(xué)習(xí)的內(nèi)容是工作，通過工作實(shí)現(xiàn)學(xué)習(xí)。這一理念體現(xiàn)了該課程的職業(yè)性和實(shí)踐性，同時(shí)學(xué)習(xí)的主體變?yōu)閷W(xué)生，學(xué)習(xí)內(nèi)容以培養(yǎng)學(xué)生的職業(yè)技能為主。為體現(xiàn)這一設(shè)計(jì)理念，在課程設(shè)計(jì)前我們調(diào)研了數(shù)十家合作企業(yè)，與企業(yè)專家一起，對網(wǎng)頁設(shè)計(jì)各個(gè)方面涵蓋的崗位進(jìn)行職業(yè)技能與職業(yè)素質(zhì)分析，整合出一個(gè)基于工作實(shí)踐的“網(wǎng)頁設(shè)計(jì)與制作”項(xiàng)目（比工作實(shí)踐更完備體現(xiàn)課程的各個(gè)知識(shí)點(diǎn)）。同時(shí)分解實(shí)際工作中網(wǎng)頁設(shè)計(jì)的工作流程和崗位，確立多個(gè)子項(xiàng)目。這種方式學(xué)習(xí)，充分體現(xiàn)職業(yè)典型工作任務(wù)，以“工作”促學(xué)習(xí)，邊“工作”邊學(xué)習(xí)，學(xué)生學(xué)習(xí)內(nèi)容具體化，學(xué)習(xí)興趣大大提高。
1.2設(shè)計(jì)思路：整體→模塊→整體課程設(shè)計(jì)的思路是根據(jù)幾個(gè)不同類型的網(wǎng)站案例整體設(shè)計(jì)入手，將網(wǎng)頁設(shè)計(jì)所有環(huán)節(jié)和操作步驟詳細(xì)介紹給學(xué)生，讓學(xué)生從與“用戶”溝通開始參與到整個(gè)系統(tǒng)的設(shè)計(jì)過程中，教師根據(jù)任務(wù)需要，先給出網(wǎng)頁效果圖，讓學(xué)生體驗(yàn)完成后的整體效果，再根據(jù)項(xiàng)目進(jìn)程分解任務(wù)，這種設(shè)計(jì)優(yōu)點(diǎn)是能讓學(xué)生將學(xué)習(xí)過程作為完整的“工作”過程。在此基礎(chǔ)上，進(jìn)一步將各工作任務(wù)分成若干子任務(wù)，通過90課時(shí)教學(xué)+30課時(shí)整周實(shí)訓(xùn)學(xué)習(xí)，最終將各個(gè)子項(xiàng)目整合，完成網(wǎng)站整體設(shè)計(jì)工作。在子模塊學(xué)習(xí)任務(wù)設(shè)定中，每個(gè)子任務(wù)設(shè)計(jì)是按實(shí)際工作中網(wǎng)頁設(shè)計(jì)的技能要求提煉出來的，能滿足不同崗位的需求。項(xiàng)目完成時(shí)，我們還設(shè)計(jì)了學(xué)員相互評(píng)價(jià)體系，對設(shè)計(jì)成果進(jìn)行評(píng)估，讓學(xué)生在自我學(xué)習(xí)過程中及時(shí)總結(jié)并收獲進(jìn)步。
2對專業(yè)建設(shè)與發(fā)展的定位與作用
該課程采用項(xiàng)目化教學(xué)方式，可以起到如下作用。（1）學(xué)生對該專業(yè)的工作崗位有了具體認(rèn)識(shí)，了解了各崗位所需的專業(yè)知識(shí)，從而幫助學(xué)生進(jìn)行職業(yè)規(guī)劃和知識(shí)儲(chǔ)備。（2）學(xué)生對所學(xué)專業(yè)的工作內(nèi)容有了比較具體的認(rèn)識(shí)。該課程使學(xué)生對計(jì)應(yīng)專業(yè)到底是做什么的、怎么做等問題有了全面認(rèn)識(shí)，增強(qiáng)了學(xué)習(xí)信心和學(xué)習(xí)興趣。
3課程內(nèi)容的針對性與適用性
（1）該課程是依據(jù)“計(jì)算機(jī)應(yīng)用專業(yè)職業(yè)崗位與職業(yè)能力分析表”中網(wǎng)頁設(shè)計(jì)師職業(yè)崗位設(shè)置的?？傮w設(shè)計(jì)思路是：著重培養(yǎng)學(xué)生網(wǎng)頁制作能力，具備HTML、CSS、JavaScript等知識(shí)，以網(wǎng)站設(shè)計(jì)工作任務(wù)為中心選擇和組織課程內(nèi)容，讓學(xué)生在完成網(wǎng)站設(shè)計(jì)具體項(xiàng)目的過程中完成相應(yīng)工作任務(wù)。課程構(gòu)成主要突出職業(yè)能力要求。（2）課程總學(xué)時(shí)為90學(xué)時(shí)教學(xué)+30學(xué)時(shí)整周實(shí)訓(xùn)，內(nèi)容包括Web服務(wù)器配置、網(wǎng)頁視覺效果設(shè)計(jì)、用戶體驗(yàn)設(shè)計(jì)、網(wǎng)頁兼容性設(shè)計(jì)等。（3）知識(shí)目標(biāo)和能力目標(biāo)。知識(shí)目標(biāo)應(yīng)掌握HTML、CSS、JavaScript、HTML5、CSS3等知識(shí)，該課程學(xué)習(xí)結(jié)束，學(xué)生應(yīng)能自行設(shè)計(jì)各種網(wǎng)頁、開發(fā)一定規(guī)模的網(wǎng)站，熟練掌握網(wǎng)站制作基本方法和技巧，并最終設(shè)計(jì)出綜合性的網(wǎng)站。能力目標(biāo)主要體現(xiàn)以下方面：①熟練使用網(wǎng)頁編輯軟件。②熟練使用樣式表控制頁面外觀。③能在網(wǎng)頁中設(shè)置需要的腳本。④能進(jìn)行網(wǎng)站的更新與管理。另外根據(jù)職業(yè)教育要求，加強(qiáng)學(xué)生以下素質(zhì)：①服務(wù)意識(shí)：為他人提供優(yōu)質(zhì)的服務(wù)。②文明法制意識(shí)：網(wǎng)站內(nèi)容積極健康向上，不做違法的事。③合作精神：能夠與他人合作，具有協(xié)調(diào)能力和組織管理能力。④較強(qiáng)的自我知識(shí)及技術(shù)更新能力：能快速跟蹤網(wǎng)頁制作的新技術(shù)及市場應(yīng)用動(dòng)態(tài)。
4教學(xué)內(nèi)容的組織與安排
該課程主要教學(xué)內(nèi)容包括網(wǎng)站服務(wù)器、HTML、CSS、網(wǎng)頁界面整體設(shè)計(jì)(含JavaScript應(yīng)用)、網(wǎng)頁兼容性等5個(gè)教學(xué)模塊，其中HTML和CSS為學(xué)習(xí)和實(shí)踐的重點(diǎn)，通過幾個(gè)案例的制作過程展開知識(shí)講授。具體教學(xué)內(nèi)容及課時(shí)安排見表1，“網(wǎng)頁外觀制作技術(shù)”項(xiàng)目的教學(xué)設(shè)計(jì)見表2（其他教學(xué)項(xiàng)目的教學(xué)設(shè)計(jì)因篇幅所限此處省略）。
5教學(xué)模式的設(shè)計(jì)與創(chuàng)新
在該課程的教學(xué)中，教學(xué)地點(diǎn)由教室遷移到一體化實(shí)訓(xùn)室，教學(xué)方式由教師講為主轉(zhuǎn)變?yōu)閷W(xué)生做為主。實(shí)施中包含如下步驟。（1）指定清晰的工作任務(wù)，教師展示頁面效果。（2）學(xué)生制訂工作計(jì)劃，理順工作思路。（3）教師進(jìn)行工作過程輔導(dǎo)，講解涉及的理論知識(shí)。（4）學(xué)生根據(jù)需要在課程網(wǎng)站上獲得豐富的教學(xué)資源。（5）學(xué)生完成工作任務(wù)，體驗(yàn)工作效果。（6）師生及企業(yè)專家共同評(píng)價(jià)工作成果。
6實(shí)踐教學(xué)條件的建設(shè)與使用
課程在網(wǎng)站設(shè)計(jì)一體化教室完成，其間配合到企業(yè)現(xiàn)場教學(xué)實(shí)習(xí)環(huán)節(jié),實(shí)施時(shí)由每位學(xué)生獨(dú)立完成網(wǎng)頁制作任務(wù)，課程各種教學(xué)資源能夠在學(xué)習(xí)過程中在線使用。
7結(jié)語
關(guān)鍵詞： 《網(wǎng)頁設(shè)計(jì)與制作》 教學(xué)有效性 專業(yè)技能 提高
21世紀(jì)是網(wǎng)絡(luò)、信息的時(shí)代，隨著網(wǎng)絡(luò)發(fā)展的日新月異，互聯(lián)網(wǎng)給人們的生活帶來了一系列根本性的變化。網(wǎng)絡(luò)的迅速發(fā)展和普及也同時(shí)醞釀出一個(gè)全新的設(shè)計(jì)領(lǐng)域――網(wǎng)頁設(shè)計(jì)。在目前的各種院校的計(jì)算機(jī)相關(guān)專業(yè)中，網(wǎng)頁的制作與設(shè)計(jì)成了一個(gè)必須要掌握的專業(yè)技能。但事實(shí)上，很多計(jì)算機(jī)專業(yè)中職畢業(yè)生的計(jì)算機(jī)水平還只是停留在很低的層面上，再加上用人單位對計(jì)算機(jī)從業(yè)人員的要求越來越高，使他們很難能滿足市場競爭的需要。造成這一結(jié)果的其中之一的因素就是我們現(xiàn)行的教學(xué)方式方法過于陳舊，提不起學(xué)生學(xué)習(xí)的興趣，甚至是讓學(xué)生產(chǎn)生厭學(xué)心理。作為一名工作在教學(xué)第一線的老師，我們有責(zé)任去思考如何提高教學(xué)的有效性。在此我根據(jù)自己這幾年的教學(xué)實(shí)踐，談?wù)勅绾翁岣摺毒W(wǎng)頁設(shè)計(jì)與制作》教學(xué)的有效性。
一、確立正確合理的教學(xué)目標(biāo)
網(wǎng)頁制作這門課程對學(xué)生來說是個(gè)比較陌生而好奇的項(xiàng)目，他們都希望自己能通過這次課程的學(xué)習(xí)來獲得一個(gè)新的技能，制作出漂亮的網(wǎng)頁來。一直以來，我們對于《網(wǎng)頁設(shè)計(jì)與制作》這門課程制定的教學(xué)目標(biāo)都是：讓學(xué)生熟練掌握網(wǎng)頁制作技能和技巧，也就是能夠跟著老師一步一步走下去。這樣學(xué)完之后，我們從考核結(jié)果來看是不差。但是我們卻忽略掉了一個(gè)很重要的能力，就是設(shè)計(jì)能力，網(wǎng)頁除了制作能力之外，更應(yīng)該重視的是設(shè)計(jì)能力。很多學(xué)生在學(xué)完課程之后，如果老師布置一任務(wù)，要求自己找資料，獨(dú)立完成一個(gè)網(wǎng)頁，這時(shí)候往往無從下手。所以新學(xué)期我制定的課程目標(biāo)是：了解熟悉網(wǎng)站的開發(fā)流程，能夠根據(jù)任務(wù)的不同來設(shè)計(jì)網(wǎng)頁，學(xué)會(huì)網(wǎng)頁制作的技巧，利用網(wǎng)頁制作工具制作出自己設(shè)計(jì)的網(wǎng)頁。
二、學(xué)習(xí)網(wǎng)頁制作工具及美化工具并重
在工具軟件的選擇上，我們的原則是選擇最流行的，因?yàn)榱餍械能浖话阌脩舳?、功能?qiáng)、有生命力。網(wǎng)頁制作一般需要網(wǎng)頁制作軟件、圖像處理軟件和網(wǎng)頁動(dòng)畫制作軟件的配合使用。
用于網(wǎng)頁制作的最為常用的專業(yè)級(jí)的軟件是FrontPage和Dreamweaver。這兩個(gè)工具軟件都提供了圖形化的設(shè)計(jì)界面，F(xiàn)rontPage重視網(wǎng)頁的開發(fā)效率、易學(xué)易用的引導(dǎo)過程，適合于網(wǎng)頁設(shè)計(jì)的初學(xué)者；而Dreamweaver主攻的是網(wǎng)頁高級(jí)設(shè)計(jì)市場，適合專業(yè)的制作人員使用。鑒于Dreamweaver在網(wǎng)站管理和網(wǎng)頁編輯方面的卓越表現(xiàn)，我們采用它作為課程用軟件。
三、教學(xué)過程中設(shè)計(jì)好實(shí)例
在本課程的學(xué)習(xí)中，任務(wù)驅(qū)動(dòng)法是比較適合的。學(xué)生在完成一個(gè)一個(gè)的實(shí)例過程中，會(huì)獲得成就感、滿足感，也就有了繼續(xù)學(xué)習(xí)的興趣。選擇和設(shè)計(jì)教學(xué)實(shí)例的目的是為了使學(xué)生掌握網(wǎng)頁設(shè)計(jì)的理論知識(shí)，提高學(xué)生設(shè)計(jì)和制作網(wǎng)頁的實(shí)踐能力。網(wǎng)頁實(shí)例的設(shè)計(jì)除了具有明確的目標(biāo)外，還應(yīng)遵循由淺入深、循序漸進(jìn)的原則，同時(shí)考慮分散知識(shí)點(diǎn)中的重點(diǎn)與難點(diǎn)、知識(shí)的前后序關(guān)系等。一個(gè)教學(xué)實(shí)例的難度對教學(xué)效果影響也比較大，在實(shí)例設(shè)計(jì)過程中，我們要注重網(wǎng)頁設(shè)計(jì)基礎(chǔ)知識(shí)與基本技能的訓(xùn)練，應(yīng)避免重點(diǎn)與難點(diǎn)過于集中而導(dǎo)致的學(xué)生興趣下降和產(chǎn)生畏難情緒。比較妥當(dāng)?shù)膶?shí)例難度是大部分學(xué)生能做出來，但又存在一點(diǎn)點(diǎn)疑問。同時(shí)實(shí)例的設(shè)計(jì)應(yīng)盡量結(jié)合網(wǎng)頁設(shè)計(jì)的實(shí)際應(yīng)用，這樣可使實(shí)例既有新鮮感、可操作性又具有趣味性。
因此，我們在選擇和設(shè)計(jì)教學(xué)實(shí)例時(shí)應(yīng)注意：（1）實(shí)例必須具有教學(xué)性：通過直觀的網(wǎng)頁實(shí)例可以形象生動(dòng)地展示學(xué)習(xí)的目標(biāo)，能使學(xué)生的明確所學(xué)知識(shí)的實(shí)用價(jià)值，從而提高學(xué)生學(xué)習(xí)的興趣和積極性，這也是運(yùn)用實(shí)例教學(xué)的主要目的。教師要根據(jù)教學(xué)內(nèi)容及目標(biāo)要求來確定每個(gè)網(wǎng)頁實(shí)例，因此選擇實(shí)例應(yīng)緊扣教材和教學(xué)大綱，使其具有教學(xué)性，能為教學(xué)目標(biāo)服務(wù)，更要符合教學(xué)的需要。（2）實(shí)例必須具有典型性：所選擇的實(shí)例要能充分地考慮理論知識(shí)點(diǎn)和操作技能等學(xué)習(xí)目標(biāo)，應(yīng)遵循由簡到繁，由易到難，循序漸進(jìn)的原則。所選擇和設(shè)計(jì)的網(wǎng)頁教學(xué)實(shí)例要能突出重點(diǎn)，突破難點(diǎn)，真正起到幫助學(xué)生理解如何制作和設(shè)計(jì)網(wǎng)頁的作用。（3）實(shí)例還必須具有針對性：選擇和設(shè)計(jì)的教學(xué)實(shí)例應(yīng)針對學(xué)生的實(shí)際興趣和接受能力來選擇。這樣學(xué)生就會(huì)學(xué)得興致盎然，輕松愉快，教師的點(diǎn)撥也易明易懂，事半功倍。
四、注重HTML語言教學(xué)
無論什么類型的網(wǎng)頁，其基本結(jié)構(gòu)都是HTML標(biāo)記，所以認(rèn)識(shí)、了解HTML標(biāo)記的含義是非常重要的。認(rèn)識(shí)HTML代碼，在一些必須要修改HTML代碼的情況下（如添加網(wǎng)頁特效的Javascript代碼、添加背景音樂時(shí)）就不會(huì)感到無從下手，也為動(dòng)態(tài)網(wǎng)頁的學(xué)習(xí)奠定基礎(chǔ)。而往往教師認(rèn)為學(xué)生對于計(jì)算機(jī)語言的學(xué)習(xí)不感興趣，也沒有一定的基礎(chǔ)，所以對這一部分常常忽略掉，這其實(shí)是做網(wǎng)頁中的大忌。本學(xué)期，在網(wǎng)頁制作的講解過程中，我將HTML語言帶入到教學(xué)過程中，先教會(huì)學(xué)生如何來看懂HTML語言，然后讓學(xué)生再根據(jù)原有的HTML依葫蘆畫瓢地自己編寫HTML語言，最后達(dá)到能夠自己編寫簡單的HTML語言的目的。
五、加強(qiáng)團(tuán)隊(duì)協(xié)作
在給學(xué)生實(shí)踐操作過程中，教師可以使用學(xué)生獨(dú)立完成任務(wù)與團(tuán)隊(duì)完成任務(wù)相結(jié)合的方法。對于一些比較簡單的任務(wù)，我們可以要求每一位學(xué)生獨(dú)立完成。而對于一些較大的任務(wù)，則采用學(xué)生互相幫助的方法。由學(xué)生自主選擇為主，加上老師的一定的調(diào)劑，最終由2到3名學(xué)生組成一個(gè)小團(tuán)隊(duì)，教會(huì)他們分工組織的方法，讓他們自己去設(shè)計(jì)網(wǎng)頁，鼓勵(lì)學(xué)生到網(wǎng)絡(luò)上搜索素材或自行設(shè)計(jì)素材，最終完成各個(gè)頁面。以前我在教學(xué)中，很少去開機(jī)房的網(wǎng)絡(luò)，主要擔(dān)心學(xué)生在網(wǎng)絡(luò)上聊天、打游戲。但是本學(xué)期我在機(jī)房中將網(wǎng)絡(luò)開下來之后，發(fā)現(xiàn)打游戲、聊天的情況甚少，主要是因?yàn)閷W(xué)生有事情可做了，他們團(tuán)隊(duì)之間會(huì)互相監(jiān)督、互相幫助，而且不同的團(tuán)隊(duì)之間也會(huì)有比較、有競爭。這樣可以大大提高學(xué)生學(xué)習(xí)的效率。學(xué)生在學(xué)習(xí)到技能的同時(shí)，也學(xué)會(huì)了怎樣來與人交流、溝通。
六、設(shè)計(jì)合理的評(píng)價(jià)手段
傳統(tǒng)的考試方式很難真正進(jìn)行有效的考核。因此，我們進(jìn)行了考核方法的改革，首先采用常規(guī)的筆試、上機(jī)操作，考核學(xué)生掌握基本知識(shí)、基本技能的情況，還采取口試，考核學(xué)生對整個(gè)項(xiàng)目開發(fā)的思路及開發(fā)方法，同時(shí)考查學(xué)生口頭表達(dá)能力、與人溝通能力。最主要的考核是以項(xiàng)目最后實(shí)現(xiàn)的效果及每個(gè)人完成工作量的情況、完成工作的質(zhì)量及效率進(jìn)行評(píng)分，由項(xiàng)目小組與教師共同打分。采取的形式有學(xué)生相互評(píng)價(jià)，小組評(píng)價(jià)，通過學(xué)生在小組中的表現(xiàn)，完成任務(wù)的情況，在小組中的表現(xiàn)進(jìn)行評(píng)價(jià)。我要求學(xué)生在交流評(píng)價(jià)的基礎(chǔ)上對自己獲得的材料和做出的作品進(jìn)行檢驗(yàn)，驗(yàn)證自己的觀點(diǎn)。通過對比師生評(píng)價(jià)結(jié)果，找出造成結(jié)果差異的原因，讓學(xué)生反思他們在探究實(shí)踐中所運(yùn)用的解決問題的策略。
通過這次教學(xué)實(shí)踐和反思后，我感覺教學(xué)方式不能完全照搬以前傳統(tǒng)的教學(xué)模式，在新時(shí)期下可以利用更為豐富的教學(xué)資源――網(wǎng)絡(luò)來進(jìn)行教學(xué)。在以大力培養(yǎng)中職學(xué)生動(dòng)手能力的前提下，大膽對傳統(tǒng)教學(xué)方式進(jìn)行改革是可行的。世上沒有最完美的教學(xué)法，只有不斷完善的教學(xué)法；沒有一成不變的教學(xué)策略，只有不斷改進(jìn)以切合學(xué)生學(xué)習(xí)實(shí)際的教學(xué)策略。多對自己的教學(xué)過程進(jìn)行自我反省，以就業(yè)為導(dǎo)向，旨在解決問題，能夠使教師成為動(dòng)腦筋的教師。通過自我反省，我們能增進(jìn)對課堂，教學(xué)問題的認(rèn)識(shí)，從而改進(jìn)教學(xué)方式，提高教學(xué)效率。
參考文獻(xiàn)：
［1］張閣林.網(wǎng)頁制作技能教程.北京：電子工業(yè)出版社，2007.
