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