高級網(wǎng)頁設計精選(五篇)

序言：作為思想的載體和知識的探索者，寫作是一種獨特的藝術(shù)，我們?yōu)槟鷾蕚淞瞬煌L格的5篇高級網(wǎng)頁設計，期待它們能激發(fā)您的靈感。

篇1

目前，隨著我國經(jīng)濟的發(fā)展和社會的進步，計算機網(wǎng)頁制作越來越成為社會發(fā)展中一個重要的組成部分。信息時代的到來和高新技術(shù)的快速發(fā)展對計算機廣告制作專業(yè)提出了新的要求。而且網(wǎng)頁設計項目已成為世界技能大賽的競賽項目，因此對網(wǎng)頁設計上要求不僅信息傳達合乎頁面要求，而且網(wǎng)頁的藝術(shù)美感以及高新軟件的整合應用也是不容忽視的。學生的藝術(shù)感也應體現(xiàn)在網(wǎng)頁設計課程之中，這也是計算機廣告制作專業(yè)的重要組成部分，但是現(xiàn)階段課程的教學存在設計和制作的整合問題，降低了網(wǎng)頁設計課程教學的整體水平。新的要求促使網(wǎng)頁設計教程進行教學改革，以適應時代的發(fā)展。

2教學改革的目的

計算機廣告制作專業(yè)依托信息技術(shù)的不斷進步逐漸發(fā)展起來，新的發(fā)展需要新的教學模式來與之相適應，因此促進計算機廣告制作專業(yè)的網(wǎng)頁設計課程的教學改革的主要目的是適應社會發(fā)展對于計算機教學的要求。廣告專業(yè)學生可以結(jié)合所學的字體版式設計、動畫設計、色彩設計、界面設計等課程，適應時代變化對專業(yè)發(fā)展的需求，拓寬設計類學生的應用能力。原有的教學模式已經(jīng)不適應新時期教育事業(yè)發(fā)展的新要求，因此實行教學改革、改變傳統(tǒng)的教學方式是發(fā)展計算機教育事業(yè)的重中之重。

（一）改變傳統(tǒng)的教學模式，適應時展

隨著計算機技術(shù)的不斷發(fā)展，傳統(tǒng)的教學模式已經(jīng)不適應時代的發(fā)展和社會的進步，促進教學改革，在原有的基礎(chǔ)上進行教學模式的改革和創(chuàng)新已經(jīng)成為計算機廣告制作專業(yè)的必然要求。現(xiàn)階段網(wǎng)頁設計教程中的知識結(jié)構(gòu)和授課方式仍然屬于傳統(tǒng)層面，對于教學效率的提高產(chǎn)生了不利的影響。促進教學改革的主要目的是為了改變傳統(tǒng)的教學模式，適應時代的發(fā)展。例如引入行為導向教學法，模擬現(xiàn)實情境，將學生工作的崗位特性搬入課堂，讓學生體會真實場景的操作。

（二）強化教學目的，提高教學效率

教育事業(yè)的發(fā)展強調(diào)的是教學效率的提高以及學生學習能力的增強，傳統(tǒng)的教育方式和教學方法單純的重視教學成績，忽視了學生綜合能力的發(fā)展。計算機廣告設計專業(yè)的學生在學習時更需要全面發(fā)展，掌握更多的計算機技術(shù)，提高他們的專業(yè)素質(zhì)和能力。網(wǎng)頁設計課程是一門復雜、知識點繁瑣的課程，不僅僅需要靈活的授課方式，也需要學生靈活接受各種網(wǎng)頁設計的知識和技術(shù)。進行教學改革在傳統(tǒng)教學模式和方法的基礎(chǔ)上進行創(chuàng)新，不僅僅能夠提高學生的學習能力和效率，也能促進教學效率和教學水平的提高，為計算機廣告制作專業(yè)的發(fā)展提供了新的動力。

（三）培養(yǎng)學生實踐能力和技術(shù)水平

網(wǎng)頁設計課程是新時期計算機教育事業(yè)發(fā)展中一個重要課程，對于廣告設計專業(yè)的進步一發(fā)展有關(guān)鍵作用。廣告設計專業(yè)的學生在學習網(wǎng)頁設計課程時需要大量的實踐活動，只學習書本上的文字知識是不能將網(wǎng)頁設計技術(shù)熟練運用的。傳統(tǒng)的網(wǎng)頁設計教程大部分都是教師“填鴨式”授課，學生聽一節(jié)課能真正學到或者是熟練運用的技術(shù)很少，使得教學效率大大降低，也不利于學生學習學習效率的提高。進行教學改革，加大實踐課程所占的比重，讓學生在學習的過程中多進行實踐訓練。促進教學改革，有利于培養(yǎng)學生的實踐能力和技術(shù)水平，使其能夠熟練運用網(wǎng)頁設計的相關(guān)知識和技術(shù)。

3教學改革的創(chuàng)新點

改革的實質(zhì)是在傳統(tǒng)的基礎(chǔ)上揚長避短，進行繼承和發(fā)展創(chuàng)新。計算機廣告制作專業(yè)關(guān)于網(wǎng)頁設計教程的改革創(chuàng)新也是在原有的基礎(chǔ)上進行創(chuàng)新發(fā)展，并不是完全摒棄傳統(tǒng)的教學方式，而是在繼承中發(fā)展、創(chuàng)新。因此改革的前提是尋找創(chuàng)新點，逐步進行創(chuàng)新點的改革，從而對網(wǎng)頁設計教程開展全方面的改革。

（一）如何在平面設計與技術(shù)之間找平衡點

平面設計是溝通傳播、風格化和通過文字和圖像解決問題的藝術(shù)，廣告制作過程中經(jīng)常會運用到平面設計的技術(shù)和方法，因此促進網(wǎng)頁設計教學課程的改革其中一大突破點就是在平面設計的技術(shù)之間尋找平衡點。平面設計中有很多繁瑣復雜的內(nèi)容需要計算機技術(shù)輔助設計，在教學改革的過程中，應該使其能夠適應平面設計發(fā)展的需要，促進二者發(fā)展的平衡。

（二）合理構(gòu)建教學內(nèi)容，采用多媒體教學網(wǎng)絡系統(tǒng)示范教學

教學內(nèi)容的構(gòu)建和改革是網(wǎng)頁設計教程改革的重點，傳統(tǒng)的教學方式只是教師講解或者簡單示范網(wǎng)頁設計的相關(guān)知識，這種方法沒有讓學生在學習過程中留下深刻的印象，更無法讓其熟練運用相關(guān)技術(shù)。因此在教學改革的過程中，要合理構(gòu)建教學內(nèi)容，適當增加實踐訓練課的比重，做到理論和上機相結(jié)合，老師可以現(xiàn)場示范教學、答疑，解決理論和實踐脫節(jié)的問題。采用多媒體網(wǎng)絡示范教學，以提高教學效率和學生的實踐能力以及技術(shù)水平。

4如何進行教學改革和實踐

針對計算機廣告制作專業(yè)的現(xiàn)狀，進行教育改革已經(jīng)是必然要進行的了，如何進行教學改革和實踐也成為了計算機教育事業(yè)需要關(guān)心的重要問題。網(wǎng)頁設計教程的改革主要應該從以下幾個方面進行：教學模式應該從原有的基礎(chǔ)上進行創(chuàng)新發(fā)展，選擇一種合適網(wǎng)頁設計的教學模式；教學內(nèi)容要改變原來單一枯燥的知識灌輸方式，轉(zhuǎn)變?yōu)閹熒拥慕涣髂Ｊ剑瑫r也要加強實踐訓練，鞏固課堂上學到的知識；考核方式上，原有的方式主要是以考察為主，改革的過程中可以適當加大考試考核的比重，以督促學生更好的掌握網(wǎng)頁設計的相關(guān)技術(shù)。

（一）教學模式改革

針對現(xiàn)階段計算機技術(shù)的發(fā)展和網(wǎng)頁設計教程教育模式的現(xiàn)狀，教師在授課的過程中應該多與學生互動，采用知識講解和實踐訓練相結(jié)合的方式來促進學生對于網(wǎng)頁設計技術(shù)的理解和運用。引進項目教學法，讓學生直接參與到項目中，既可以提升學生的整體操控能力，又讓學生在項目要求中得到鍛煉。在引進項目中讓學生親身參與，了解從設計初稿到中期客戶要求修改反饋意見到后期制作完成的全過程，做到課堂書本與實踐相結(jié)合。如我們自己編制的校本教材在案例《熊出沒》中，網(wǎng)頁首頁的效果圖如下：

（二）教學內(nèi)容改革

教學內(nèi)容的改革涉及的是網(wǎng)頁設計課程的一些相關(guān)技術(shù)，在教學過程中，以基礎(chǔ)操作為主，實際應用加入其中不應該將全部的知識和技術(shù)都灌輸給學生，而應該是有選擇的講解。比如網(wǎng)頁設計中有關(guān)平面設計的知識和技術(shù)是整個課程的重點內(nèi)容，著重講解的同時應該加強實踐訓練，加深學生的記憶和理解程度。對于那些不重要或者是理解難度較小的知識，可以使當?shù)臏p少課時，這種詳略得當?shù)慕虒W方式可以促進教學內(nèi)容具體化，并且可以提高學生學習的效率。教學內(nèi)容的改革是整個改革中較為重要的一部分，需要師生互動才能取得更好的效果，在提高教學效率的同時鞏固學生所學到的知識。

（三）考核方式改革

考核方式一直是教育事業(yè)中的一個重要環(huán)節(jié)，關(guān)系著學生學習成績和學習能力的評價。大部分關(guān)于計算機技術(shù)的考核都是以考察為主，不能準確地反映學生學習的真實水平和能力。在網(wǎng)頁設計與制作中，可以以真題假作的形式考核，讓學生發(fā)揮自己的審美能力和軟件操作能力，以整體效果、版面設計、色彩搭配、內(nèi)容主次分明等方面作為現(xiàn)場考核的標準，然而現(xiàn)階段針對考核方式的改革應該增加考試考核的比重，根據(jù)學生的考試成績來判斷他們的學習能力和知識的接受程度，進一步改進教學過程中遇到的問題，促進教學水平的提高。

5結(jié)語

篇2

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

中圖分類號：G424 文獻標識碼：A

0 引言

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

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

1 課程改革原因分析

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

3 結(jié)語

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

注釋

① 胡曉紅，王麗芬，張景峰.基于職業(yè)能力培養(yǎng)的《網(wǎng)頁設計與制作》教學改革的研究[J].電腦知識與技術(shù)，2012.8（20）.

② 閆奇峰，張莉平.高校《網(wǎng)頁設計與制作》課程的教學改革與探析[J].中國校外教育，2012（8）.

篇3

關(guān)鍵詞： 《網(wǎng)頁設計與制作》 教學有效性 專業(yè)技能 提高

21世紀是網(wǎng)絡、信息的時代，隨著網(wǎng)絡發(fā)展的日新月異，互聯(lián)網(wǎng)給人們的生活帶來了一系列根本性的變化。網(wǎng)絡的迅速發(fā)展和普及也同時醞釀出一個全新的設計領(lǐng)域――網(wǎng)頁設計。在目前的各種院校的計算機相關(guān)專業(yè)中，網(wǎng)頁的制作與設計成了一個必須要掌握的專業(yè)技能。但事實上，很多計算機專業(yè)中職畢業(yè)生的計算機水平還只是停留在很低的層面上，再加上用人單位對計算機從業(yè)人員的要求越來越高，使他們很難能滿足市場競爭的需要。造成這一結(jié)果的其中之一的因素就是我們現(xiàn)行的教學方式方法過于陳舊，提不起學生學習的興趣，甚至是讓學生產(chǎn)生厭學心理。作為一名工作在教學第一線的老師，我們有責任去思考如何提高教學的有效性。在此我根據(jù)自己這幾年的教學實踐，談談如何提高《網(wǎng)頁設計與制作》教學的有效性。

一、確立正確合理的教學目標

網(wǎng)頁制作這門課程對學生來說是個比較陌生而好奇的項目，他們都希望自己能通過這次課程的學習來獲得一個新的技能，制作出漂亮的網(wǎng)頁來。一直以來，我們對于《網(wǎng)頁設計與制作》這門課程制定的教學目標都是：讓學生熟練掌握網(wǎng)頁制作技能和技巧，也就是能夠跟著老師一步一步走下去。這樣學完之后，我們從考核結(jié)果來看是不差。但是我們卻忽略掉了一個很重要的能力，就是設計能力，網(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)，我們采用它作為課程用軟件。

三、教學過程中設計好實例

在本課程的學習中，任務驅(qū)動法是比較適合的。學生在完成一個一個的實例過程中，會獲得成就感、滿足感，也就有了繼續(xù)學習的興趣。選擇和設計教學實例的目的是為了使學生掌握網(wǎng)頁設計的理論知識，提高學生設計和制作網(wǎng)頁的實踐能力。網(wǎng)頁實例的設計除了具有明確的目標外，還應遵循由淺入深、循序漸進的原則，同時考慮分散知識點中的重點與難點、知識的前后序關(guān)系等。一個教學實例的難度對教學效果影響也比較大，在實例設計過程中，我們要注重網(wǎng)頁設計基礎(chǔ)知識與基本技能的訓練，應避免重點與難點過于集中而導致的學生興趣下降和產(chǎn)生畏難情緒。比較妥當?shù)膶嵗y度是大部分學生能做出來，但又存在一點點疑問。同時實例的設計應盡量結(jié)合網(wǎng)頁設計的實際應用，這樣可使實例既有新鮮感、可操作性又具有趣味性。

因此，我們在選擇和設計教學實例時應注意：（1）實例必須具有教學性：通過直觀的網(wǎng)頁實例可以形象生動地展示學習的目標，能使學生的明確所學知識的實用價值，從而提高學生學習的興趣和積極性，這也是運用實例教學的主要目的。教師要根據(jù)教學內(nèi)容及目標要求來確定每個網(wǎng)頁實例，因此選擇實例應緊扣教材和教學大綱，使其具有教學性，能為教學目標服務，更要符合教學的需要。（2）實例必須具有典型性：所選擇的實例要能充分地考慮理論知識點和操作技能等學習目標，應遵循由簡到繁，由易到難，循序漸進的原則。所選擇和設計的網(wǎng)頁教學實例要能突出重點，突破難點，真正起到幫助學生理解如何制作和設計網(wǎng)頁的作用。（3）實例還必須具有針對性：選擇和設計的教學實例應針對學生的實際興趣和接受能力來選擇。這樣學生就會學得興致盎然，輕松愉快，教師的點撥也易明易懂，事半功倍。

四、注重HTML語言教學

無論什么類型的網(wǎng)頁，其基本結(jié)構(gòu)都是HTML標記，所以認識、了解HTML標記的含義是非常重要的。認識HTML代碼，在一些必須要修改HTML代碼的情況下（如添加網(wǎng)頁特效的Javascript代碼、添加背景音樂時）就不會感到無從下手，也為動態(tài)網(wǎng)頁的學習奠定基礎(chǔ)。而往往教師認為學生對于計算機語言的學習不感興趣，也沒有一定的基礎(chǔ)，所以對這一部分常常忽略掉，這其實是做網(wǎng)頁中的大忌。本學期，在網(wǎng)頁制作的講解過程中，我將HTML語言帶入到教學過程中，先教會學生如何來看懂HTML語言，然后讓學生再根據(jù)原有的HTML依葫蘆畫瓢地自己編寫HTML語言，最后達到能夠自己編寫簡單的HTML語言的目的。

五、加強團隊協(xié)作

在給學生實踐操作過程中，教師可以使用學生獨立完成任務與團隊完成任務相結(jié)合的方法。對于一些比較簡單的任務，我們可以要求每一位學生獨立完成。而對于一些較大的任務，則采用學生互相幫助的方法。由學生自主選擇為主，加上老師的一定的調(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)進行評價。我要求學生在交流評價的基礎(chǔ)上對自己獲得的材料和做出的作品進行檢驗，驗證自己的觀點。通過對比師生評價結(jié)果，找出造成結(jié)果差異的原因，讓學生反思他們在探究實踐中所運用的解決問題的策略。

通過這次教學實踐和反思后，我感覺教學方式不能完全照搬以前傳統(tǒng)的教學模式，在新時期下可以利用更為豐富的教學資源――網(wǎng)絡來進行教學。在以大力培養(yǎng)中職學生動手能力的前提下，大膽對傳統(tǒng)教學方式進行改革是可行的。世上沒有最完美的教學法，只有不斷完善的教學法；沒有一成不變的教學策略，只有不斷改進以切合學生學習實際的教學策略。多對自己的教學過程進行自我反省，以就業(yè)為導向，旨在解決問題，能夠使教師成為動腦筋的教師。通過自我反省，我們能增進對課堂，教學問題的認識，從而改進教學方式，提高教學效率。

參考文獻：

［1］張閣林.網(wǎng)頁制作技能教程.北京：電子工業(yè)出版社，2007.

篇4

關(guān)鍵詞：高職院校 網(wǎng)頁設計 項目化課程 開發(fā)實踐

中圖分類號：TP311.1 文獻標識碼：A 文章編號：1674-098X（2017）02（c）-0224-02

《網(wǎng)頁設計與制作》是計算機應用專業(yè)的一門專業(yè)核心課程。該課程目標是讓學生掌握網(wǎng)頁設計與制作能力。它以圖形圖像處理、互聯(lián)網(wǎng)應用等課程的學習為基礎(chǔ)，也是進一步學習動態(tài)網(wǎng)站設計等課程的基礎(chǔ)。學完本課程，要求學生能達到掌握網(wǎng)頁美工初步技能；熟練掌握HTML+CSS進行頁面布局與排版的技能；基本掌握使用網(wǎng)頁腳本控制頁面操作和提升用戶體驗的能力。

按照高職高專知識傳授特點與職業(yè)技能需求，同時根據(jù)網(wǎng)頁設計與制作課程知識的掌握規(guī)律，目前我校采用了項目化教學方法，為學生較好地掌握知識及快速適應工作崗位需求打下扎實的基礎(chǔ)。

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)點是能讓學生將學習過程作為完整的“工作”過程。在此基礎(chǔ)上，進一步將各工作任務分成若干子任務，通過90課時教學+30課時整周實訓學習，最終將各個子項目整合，完成網(wǎng)站整體設計工作。在子模塊學習任務設定中，每個子任務設計是按實際工作中網(wǎng)頁設計的技能要求提煉出來的，能滿足不同崗位的需求。

項目完成時，我們還設計了學員相互評價體系，對設計成果進行評估，讓學生在自我學習過程中及時總結(jié)并收獲進步。

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)站設計具體項目的過程中完成相應工作任務。課程構(gòu)成主要突出職業(yè)能力要求。（2）課程總學時為90學時教學+ 30學時整周實訓，內(nèi)容包括Web服務器配置、網(wǎng)頁視覺效果設計、用戶體驗設計、網(wǎng)頁兼容性設計等。

（3）知識目標和能力目標。

知識目標應掌握HTML、CSS、JavaScript、HTML5、CSS3等知識，該課程學習結(jié)束，學生應能自行設計各種網(wǎng)頁、開發(fā)一定規(guī)模的網(wǎng)站，熟練掌握網(wǎng)站制作基本方法和技巧，并最終設計出綜合性的網(wǎng)站。

能力目標主要體現(xiàn)以下方面：

②熟練使用樣式表控制頁面外觀。

③能在網(wǎng)頁中設置需要的腳本。

④能進行網(wǎng)站的更新與管理。

另外根據(jù)職業(yè)教育要求，加強學生以下素質(zhì)：

①服務意識：為他人提供優(yōu)質(zhì)的服務。

②文明法制意識：網(wǎng)站內(nèi)容積極健康向上，不做違法的事。

③合作精神：能夠與他人合作，具有協(xié)調(diào)能力和組織管理能力。

④較強的自我知識及技術(shù)更新能力：能快速跟蹤網(wǎng)頁制作的新技術(shù)及市場應用動態(tài)。

4 教學內(nèi)容的組織與安排

該課程主要教學內(nèi)容包括網(wǎng)站服務器、HTML、CSS、網(wǎng)頁界面整體設計（含JavaScript應用）、網(wǎng)頁兼容性等5個教學模塊，其中HTML和CSS為學習和實踐的重點，通過幾個案例的制作過程展開知識講授。具體教學內(nèi)容及課時安排見表1，“網(wǎng)頁外觀制作技術(shù)”項目的教學設計見表2（其他教學項目的教學設因篇幅所限此處省略）。

5 教學模式的設計與創(chuàng)新

在該課程的教學中，教學地點由教室遷移到一體化實訓室，教學方式由教師講為主轉(zhuǎn)變?yōu)閷W生做為主。實施中包含如下步驟。

（1）指定清晰的工作任務，教師展示頁面效果。（2）學生制訂工作計劃，理順工作思路。（3）教師進行工作過程輔導，講解涉及的理論知識。（4）學生根據(jù)需要在課程網(wǎng)站上獲得豐富的教學資源。（5）學生完成工作任務，體驗工作效果。（6）師生及企業(yè)專家共同評價工作成果。

6 實踐教學條件的建設與使用

課程在網(wǎng)站設計一體化教室完成，其間配合到企業(yè)現(xiàn)場教學實習環(huán)節(jié)，實施時由每位學生獨立完成網(wǎng)頁制作任務，課程各種教學資源能夠在學習過程中在線使用。

篇5

隨著計算機信息技術(shù)的飛速發(fā)展，網(wǎng)絡發(fā)展與應用所涉及的行業(yè)越來越廣泛，網(wǎng)站在變，用戶體驗在變，網(wǎng)站設計人員的職業(yè)標準在變，對于高職高專計算機專業(yè)《Dreamweaver網(wǎng)頁設計與制作》課程的教學要求也在變。如何適應現(xiàn)今諸多變化完成教學并提高教學質(zhì)量已經(jīng)成為計算機專業(yè)教學改革的一大課題。從教師方面來看,很多教師雖然教齡長，理論知識豐富，但長期脫離實踐，對行業(yè)新變化了解甚少。部分專業(yè)教師一畢業(yè)就來到學校，剛剛走出校園的他們，同樣是理論知識豐富，缺乏實踐經(jīng)驗。教師隊伍中即便加入了新生力量，但“雙師型”教師缺乏，教學環(huán)節(jié)理論與實踐結(jié)合不夠，仍難以體現(xiàn)高職高專院校的職業(yè)特色。從學生方面來看，高職高專學生與普通高校學生相比，大部分學生文化基礎(chǔ)差，入學成績普遍偏低，學習吃力且人生目標模糊，學習的主動性、自覺性不足，學習習慣不好，接受知識的速度相對較慢，其自身素質(zhì)與高校要求不相適應。而一部分素質(zhì)較高的高職高專學生，對本課程的學習也僅限于理論方面，缺乏實踐鍛煉，未能與社會需要技能無縫對接。綜上，高職高專《Dreamweaver網(wǎng)頁設計與制作》課程教與學的方式亟待解決。

二、思考與探索

（一）優(yōu)化教材體系

“工欲善其事，必先利其器。”完善本課程的教與學關(guān)鍵之一便是優(yōu)化教材，合適的教材在教學環(huán)節(jié)中起著舉足輕重的作用。高職高專《網(wǎng)頁設計與制作》課程以往選用的教材，對于初學者尤其是學習能力稍差的高職學生而言難度較大，以至于教學中經(jīng)常出現(xiàn)學生學習興趣降低、教師教學課時明顯不夠等問題。網(wǎng)頁設計與制作課程教材，內(nèi)容應以教授基礎(chǔ)、基礎(chǔ)與案例相結(jié)合、案例分析等層層遞進的原則進行選擇，組織與編排方式以折衷式組織及螺旋式排列組合為優(yōu)。在選擇到合適的教材基礎(chǔ)上，教師要立足于教材，篩選教學內(nèi)容，以使教學過程中教材利用最大化。

（二）改革教學方法與手段

1.明確學習目標

分階段教學根據(jù)高職高專學生特點，明確學習目標，進行分階段教學。前期以講授課程基礎(chǔ)為主，旨在讓學生熟練掌握本課程基礎(chǔ)操作，以便中后期案例教學能夠及順利遞進難度；中后期教學需要理論聯(lián)系實際，結(jié)合啟發(fā)式、直觀式、交互式教學方法，鼓勵學生獨立思考，勤于動手，激發(fā)他們的學習積極性和主動性。

2.加強實踐

注重技能培養(yǎng)任務驅(qū)動，小組協(xié)作。開展以制作某一特定網(wǎng)站或者多類型網(wǎng)站為目標的項目教學，使得學生不僅能夠掌握《網(wǎng)頁設計與制作》課程的基本知識和基本技能，提高學習興趣，而且在小組學習的過程中，學會與他人合作，共同完成任務。同時，在專業(yè)課程教學中滲透多類型網(wǎng)站內(nèi)容相關(guān)教育內(nèi)容，使學生在不知不覺中學到更多學科知識。此外，還可定期舉辦技能大賽和知識競賽，以鞏固學生的學習效果。以職業(yè)需求為導向，加強實習實訓平臺建設，強化實踐教學，教學與實訓實現(xiàn)一地化，重視校企合作。高職教育人才培養(yǎng)模式是根據(jù)職業(yè)崗位需要來進行，立足于企業(yè)人才需求實際，在課程中開展基于工作任務的項目教學。我們應利用校企合作共同構(gòu)建和實施基于工作任務的項目課程體系，使學生真正做到理論聯(lián)系實踐，在獲取知識的同時充分掌握專業(yè)崗位技能，以充分體現(xiàn)出高職人才培養(yǎng)的職業(yè)性和實踐性。

（三）加強“雙師型”教師

培養(yǎng)優(yōu)秀的師資是高職院校辦學的根本保證。提高高職教師“雙師”素質(zhì)是高職教育發(fā)展的需要，也是教師個人發(fā)展的需要。高職院校應鼓勵現(xiàn)有專職教師在其專業(yè)領(lǐng)域不斷學習，及時更新自己現(xiàn)有的知識結(jié)構(gòu)，進行自我提升，并有針對性地將部分教師安排在合作企業(yè)頂崗工作，增強其實踐經(jīng)驗，提高其動手能力，使他們對行業(yè)需求變化了如指掌，以便清晰地掌握學生的培養(yǎng)方向。

三、總結(jié)