網頁設計課程總結精選(九篇)

前言：一篇好文章的誕生，需要你不斷地搜集資料、整理思路，本站小編為你收集了豐富的網頁設計課程總結主題范文，僅供參考，歡迎閱讀并收藏。

第1篇：網頁設計課程總結范文

[關鍵詞]網站建設與管理、網頁設計師、活躍思維、提高學生自我能動意識

中圖分類號：G642 文獻標識碼：A 文章編號：1009-914X（2016）04-0236-01

一、課題的提出

1.背景

十以來，我們國家對職業教育事業越來越重視，職業教學的改革步伐也在日漸加快，當前需要我們創造先進的、有效的經驗來帶動國家職業教育的創新發展。網頁設計專業，在我們國家的網站建設與管理專業中發揮著舉足輕重的作用，其作用發展歷史長久，正處于穩步前進的上升期。

2.現狀

網絡發展飛快的今天，網頁對于我們中職院校的學生來說很是熟悉，如“淘寶網站”、“京東網站”等等都是由網頁組成的網站。伴隨著歷史進步的腳步、計算機技術的不斷提高，人們對網站的要求不僅僅只滿意于網頁的簡單操作，這就需要我們中職院校的教師能正確的培養出一批優秀的網頁設計師。

3.基礎

在學習《使用Photoshop設計網頁》之前，學生已經在上一學期中學習了《使用Photoshop處理圖形圖像》、《計算機的基礎課程》及《配色與布局》的課程，已經對網頁設計有了基本的了解，本次課題的研究是讓學生更好的掌握網頁元素――“網頁LOGO”和“網頁按鈕”的設計。

4.意義

學生通過使用Photoshop設計網頁時，可以使學生們的頭腦能夠充分的發揮、活躍學生們的思維，設計出更好的作品。

二、理論依據

設置問題情境，是中職“做中學”的重要途徑，不少教學實踐表明，基于工作過程導向的教育是對學生專業能力培養的突破口。本課題借鑒姜大源的基于工作過程導向的課程開發方法的探索中的寶貴經驗，著眼于中職網頁設計專業學生實際出發，在工作項目的制定與實施上加以創新。

三、核心概念的界定

本課題是對我校高一年級“網頁設計”專業學生進行研究，以現階段的在校學生學習情況為出發點，研究我校學生在“網頁設計”專業自我動手能力，分析原因，研究出在“網頁設計”專業方面提高學生自我能動意識的辦法，讓學生能夠更好的發揮自己的設計理念，使學生在“網頁設計”專業方面達到學會制作，創新制作的程度。

四、研究目標

針對中職學生的實際情況，合理安排學生在“網頁LOGO設計”和“網頁按鈕設計”方面的課程，做到有目的、有實效，以培養中職學生的綜合能力為主要目標，制定有效的能力檢測手冊。

五、研究內容及對象

1. 研究內容

1）進行市場調研，確實掌握市場需要的人才所應具備的專業技能，明確專業定位與培養目標，撰寫市場調研報告。

2）實施“網頁設計”專業工作任務中需要具備的專業技能。

3）研究“網頁設計”中“網頁LOGO設計”工作崗位具體工作任務和工作項目。

4）研究“網頁設計” 中 “網頁按鈕設計”工作崗位具體工作任務和工作項目。

2.研究對象

我校網站建設與管理專業一年級學生。

六、研究方法

1、實踐研究法 2、調查研究法 3、文獻資料法 4、案例分析法

七、研究的主要步驟和過程

1、準備階段，認真選題，制定研究課題方案，確定課題的名稱、課題研究的對象、研究方法、研究目標和研究任務，進行市場調研，編寫市場調研報告。

2、實施階段，根據網站建設與管理崗位學生的市場調研結果制定對策，制定科研項目實施方案及細則，編寫《專業技能檢測手冊》。根據科研項目實施方案及細則付諸實踐

3、總結階段，研究總結階段的主要任務是對研究實施階段的成果進行綜合分析總結，對研究過程中發現的問題進行反思，提出改進設想，為以后進一步研究做資料儲備。

八、研究成果和結論

根據網頁設計專業崗位的要求，我們制定了網頁設計之“網頁LOGO設計”和“網頁按鈕設計”研究課題，具體成果和結論如下：

（一）、網站建設與管理包括了2個典型的工作任務：

A.典型工作任務一：網頁設計B.典型工作任務二：網絡編輯

網頁設計包括3個具體工作任務：

a）具體工作任務一：網頁色彩與板式，b）具體工作任務二：網頁圖像處理，c）具體工作任務三網頁動畫制作，網絡編輯包括3個具體工作任務：a）具體工作任務一：網頁編排，b）具體工作任務二：布局美化頁面c）具體工作任務三：網頁特效制作

工作項目一：網頁LOGO的設計，工作項目二：網頁按鈕設計

根據所編寫的《專業技能檢測手冊》對學生進行考核，通過學生的考核結果了解學生對“網頁LOGO的設計”和“網頁按鈕設計”掌握的很好。

（二）學生應該具備下列專業能力：

單項專業能力二：能熟練應用Photoshop軟件進行網頁圖像處理

項目技能一：能熟練應用Photoshop軟件制作網頁LOGO

我以“寶馬公司LOGO”的制作作為案例進行考核、分析、講解

學生應該掌握以下4點的專業技能：

1）LOGO的簡介：LOGO的書面翻譯是作為標志的語句，標識語。在實際生活中，LOGO就是標志、徽標的意思。

2）LOGO的設計原則：符合企業的文化、精神、產品，應該具有較強的時代感，簡潔易懂富有美感。

3）LOGO的表現形式：根據網頁內容需要，確定LOGO的表現形式是圖形方式、文字方式還是綜合方式。

項目技能二：能熟練應用PS軟件制作網頁按鈕

我以“Vista風格按鈕”的制作作為案例進行考核、分析、講解

學生應該掌握以下3點的專業技能：

1）按鈕的簡介：一個按鈕至少應該具備兩個條件：（1）代表了某種功能，并且通過某種形式將它所代表的功能表示出來；（2）人們通過這個按鈕可以產生人機互動，來實現這個按鈕所代表的功能。

2）按鈕的表現形式：根據網頁需求的按鈕功能，確定按鈕的表現形式是圖形方式、文字方式還是動畫方式。

3）按鈕的設計原則：按鈕是人機交互的紐帶要醒目引人注意，按鈕是人機互動的橋梁要準確反映功能，按鈕不是獨立存在的按鈕的風格要與整體頁面統一。

（三）根據崗位需求和國家職業鑒定標準，我們制定了網站建設與管理專業網頁設計專題學生專業能力考核標準如下：

單項專業能力二：能熟練應用PS軟件進行網頁圖像處理（滿分100分）

考核項目一：設計網頁LOGO（滿分10分）

考核內容與要求：

①LOGO設計的準確性。（3分）② LOGO設計的獨立性。（3分）③LOGO符合企業的文化、精神、產品。（4分）

考核項目二：設計網頁按鈕（滿分10分）

考核內容與要求：①按鈕表現形式凸顯頁面需求。（5分）②按鈕的制作實用、符合按鈕的設計原則。（5分）

九、存在的主要問題及今后的設想

1.存在的主要問題

在使用Photoshop設計網頁元素的剛開始時期，學生常常會一次性形成一個或者多個創造思維方式，可是往往表現不出來，手與大腦的配合不能協調。

2.今后的設想

第2篇：網頁設計課程總結范文

高職院校培養目標定位在培養高素質高級技能型專門人才。這種人才自身，要求不但能夠從事相應的工作，而且具備較高的技能。在傳統的網頁設計教學中，大家采用的教學案例比較簡單，許多教學案例的設計圍繞知識點進行設計，即為了學會知識而設計教學案例。在考核中也偏重于理論考核。這樣培養出來的學生，偏重于簡單的網頁設計，無法勝任真正的網頁設計工作，當然也無法達到培養高素質高級技能型專門人才的培養目標[1]。這就要求在課程改革中，采用真實的企業網頁，尤其的主流電商的網頁，圍繞真正的網站進行教學；在考核過程中注重過程考核，避免單一的理論知識考核。

二、課程內容的設計

（一）課程定位

網頁設計課程是計算機應用技術專業職業能力模塊中關于網站設計制作模塊的一門專業核心課程。該課程是在專業基礎平臺模塊的基礎上開設的，與其他課程有著緊密聯系。結合開設的《XHTML》、《數字平面設計基礎》等課程，實現網頁小前端設計。

課程圍繞企業開發網頁前端的整個過程進行設計，目的是使學生掌握網頁設計與制作的常用技術和方法，使學生能夠開發與制作出具有業界水準的網站，以適應社會對人才的需要。

（二）課程設計理念

1.以真實案例為中心，實現就業零距離

在教學案例的選擇過程中，與企業著名的設計企業進行合作，校企雙方通過對網頁設計與制作必須的職業能力進行調研、分析，從實際工作項目中精選出本課程的教學案例。這些教學案例，全部是有一定專業水準的真實網站。學生通過真實網站的實訓，欣賞水準和網頁設計能力能夠和業界接軌。實現就業的“零距離”。

采用“網站開發工作過程導向”的項目教學方法[2]，強調學生所學知識和技能在實踐中的應用，各個教學單元采用“應用導向，任務驅動”教學方法[3]。徹底打破原有的網頁設計與制作教學體系，重建教學內容，將章節的內容以案例的形式講述。以網頁設計與制作中的各個功能的實現為主線，結合平時上課時講授的實例展開。

充分利用網頁設計與制作課程應用性強的特點，把該課程的教學改革與產學研結合起來，開展多項與網頁設計與制作有關的科研教研。鼓勵老師和同學多參與國家或者學院組織的各項比賽。

2.遵循認知規律，先感性、后理性，實現感性、理性認識的辯證統一

對于人的認知來說，總是先感性認識，后理性認識。感性認識是理性認識的基礎，理性認識是感性認識的升華和總結。

在課程設計方面，先進行感性學習，即使用可視化工具進行網站設計；然后對網站進行總結，逐步使用代碼工具進行網站設計；最后通過綜合實現，實現能力的提升。能力提升示意圖見圖1。

圖1能力提升示意圖

3. 課程內容的選取

圍繞電子商務網站裝修新的就業需求，針對性的選擇課程內容。對于計算機應用技術的畢業生來說，由于電子商務的發展，近三年來，越來越多的畢業生到服裝、飾品等淘寶店鋪去做店鋪裝修。甚至部分學生自己在淘寶上開店自主創業，淘寶店鋪的裝修成為人才培養的一個新需求。另外，在威客網站上也常見淘寶店鋪裝修的任務。

對于河南省來說，電子商務才剛剛起步，網店形象差，規模普遍較小。追究其原因，很多人還是老思想，認為“酒香不怕巷子深”，不注意網店的裝修和自己形象的塑造。而淘寶店鋪的裝修正是解決這個問題。

對于傳統的網頁設計課程來說，過于強調技術。而淘寶裝修就是包括兩個方面：即網頁設計和與網頁相關的藝術設計，是信息學科向文化藝術領域拓展的新方向，是以技術為主，藝術為輔，技術與藝術相結合的新興方向。

因此，在課程內容的選取上，不但要強調技術，也且要關注相關的頁面藝術設計，特別是有關電商企業的頁面設計。在課程內容的選擇上，包括淘寶網、天貓、京東商城等眾多電商的網頁被選入課程內容。

三、考核方式改革

由于教學內容圍繞網頁設計與制作的實際應用進行展開，理論、實踐結合緊密[4]。因此，考核方式也要進行改革。

改變網頁設計與制作的考核方式。為了使同學們更好的掌握網頁設計，改變原來那種僅僅筆試的考試方式，增加過程考試權重。過程考核主要考核學生解決網站設計問題的思路和方法，占70%；筆試考核主要靠和學生對該課程基本理論知識的掌握，占30%。

四、結束語

由于教學內容選自業界真實網頁，具有業界水準，學生的網頁欣賞水平和設計水平提升明顯?？己朔绞降母淖?，進一步提升了學生的實際動手能力，收到了良好的教學改革效果。

參考文獻：

[1] 張偉娜. 《網頁設計與制作》課程教學的探討與實踐[J]. 中國教育信息化. 2008（03）

[2] 林莉莉. 基于任務驅動有效開展《網頁設計與制作》課程的教學[J]. 太原城市職業技術學院學報. 2008（10）

[3] 洪華秀，姚菊英. 項目教學法在《頁面設計與制作》課程中的運用[J]. 江西教育學院學報. 2009（03）

[4] 龔茜茹. 基于軟件項目管理的《Photoshop》教學模式[J]. 河北能源職業技術學院學報.2012（09）

作者簡介：

第3篇：網頁設計課程總結范文

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

隨著萬維網的迅速發展，網頁已經成為網絡世界進行信息傳播的最主要載體，網頁設計與制作人才的培養成為當務之急。由于社會和專業的需求，《網頁設計與制作》課程廣泛受到各大中專學校學生的喜愛，下面就《網頁設計與制作》課程的教學與大家進行探討。

1、課程性質和特點

在中等職業學校，《網頁設計與制作》課程是計算機應用技術和計算機網絡技術等專業的必修課程。它是一門工具性和實用性都比較強的實踐課；不僅涉及計算機圖像處理、文字版面處理等相關知識，而且需要對相關課程有一定的基礎；是一門集成了多種計算機知識和技術的綜合，其本身具有很強的實踐性，是網站建設的基礎，而網頁本身是當今社會網絡世界傳播信息的最主要的載體，同時網站又是企業向用戶和網民提供信息（包括產品和服務）的一種方式、是企業開展電子商務的基礎設施和信息平臺。

2、課程教學目標

本課程的教學目標是使學生了解HTML語言的語法規則，掌握文本、鏈接、列表、表格、表單、圖像、多媒體、框架元素標志及屬性，了解HTML、JavaScript腳本編程語言的基本語法知識，能獨立設計小型WEB站點。

3、課程教學內容

根據前面對《網頁設計與制作》課程的性質和特點以及課程教學目標分析，在制定教學大綱時，不應該拘泥于某一本或者某幾本特定的教材，應著眼于當前網頁制作技術發展的現狀。網頁制作過程中必然涉及到圖片的處理、動漫制作等，若能應用好Photoshop和Flash也是網頁設計的關鍵，此部分在我校計算機應用技術和計算機網絡技術專業在學業生入學第一學期已經開設《圖形圖像處理軟件Photoshop》、第二學期《圖形圖像處理軟件Photoshop實訓》和《二維動畫制作Flash》，第三學期開設《二維動畫制作Flash實訓》和《網頁設計與制作》，因此教學內容設計時不再重復這部分內容。另外，Fireworks同樣也是作為網頁制作的輔助工具，若學生能掌握，對網頁的設計開發將起到畫龍點睛的作用，因此這部分也安排了相應的學時。

《網頁設計與制作》課程體現了網頁設計與網頁制作是緊密聯系的，是完成網頁作品流程中的兩個階段，但這兩個階段之間并沒有嚴格的界限，往往是迭代進行的。網頁通常都是圖文并茂的，對頁面的美觀有一定的要求。也就是說合格的網頁作品，在技術上不僅要符合相關的制作規范，還應考慮頁面布局、圖片放置、色彩搭配、下載速度等因素，這些因素都與用戶體驗密切相關。因此，在學生掌握了基本網頁制作后，筆者安排了網頁設計方面的內容學習，主要包括色彩、圖像、布局等。在講授的過程中，還展示了部分網站（以電子商務網站為主），讓學生去分析總結各個網站的特點，使得學生對網頁制作的內涵有進一步的理解。

4、選擇教材和教學模式

這門課程，僅僅通過在多媒體教室中講解理論知識、操作步驟和做典型范例是遠遠不夠的。那樣，一堂課下來學生只會做教師教的，不會融會變通，學生的創新意識得不到培養。我們只有突破傳統的教學模式，才能培養學生自我探索、獨立研究能力與自主創新精神。如何突破，并且取得良好的教學效果呢？通過幾年的教學探索和總結，筆者認為，可以從以下幾個環節來進行把握。

4.1 優選教材

合理安排教學內容一本教材的編排質量如何，會在一定程度上影響學生的學習興趣和教學效果，特別是針對中職生這樣一個特殊群體，我們更應該優選教材。我們應該選用在內容編排上由淺入深、由易到難的教材。

4.2 精心設計網頁制作課程的教學模式

掌握一定的理論知識是做好實踐的基礎和前提。所以老師決不能忽視課堂教學。我校該課程教學采取的是教學做一體化的教學模式，充分體現理論知識與實踐操作相結合。教學設計可采用“課堂案例分析――軟件功能解析――課堂練習――課后拓展――作品展示”這一思路進行精心編排。課堂教學的案例、課堂實踐的案例、獨立實驗的案例不僅涵蓋教材中的實例，還引用了大量企業中的真實案例。

5、教學方法與手段

5.1 教學方法的改進

在教學過程中，根據學校的培養目標和本課程特點，結合多年來實際的教學經驗，對教學方法實施了以下幾方面的改進。

（1）教師演示制作網頁案例，傳授本節課所需掌握的知識點為了能激發和調動學生學習的積極性，避免“滿堂灌”的傳統教學模式，在教學過程中采用案例教學法。根據教學進度和教學要求設計案例并充分備課，講授并解析與案例相關的理論和技能，分析案例討論中可能出現的任何問題，而且案例要具有典型性和針對性，從適合學生的接受能力來選擇和設計。（2）教與學相結合教學模式。在教師通過案例教授相關理論和操作基礎后，要求學生能夠按照案例的要求，通過上機及時模仿制作和案例相似的實驗，鞏固和加強學生掌握的教學中的知識點。

5.2 教學手段的改革

《網頁設計與制作》是一門實踐性很強而且廣泛應用的技術，為了說明網頁設計中的原理及其在實際中的應用，實時展示非常重要，因此在網絡課程中的授課中接入Internet，隨時將講述的相關知識通過實實在在地網絡來說明和解釋，這樣學生就不覺得枯燥和乏味，使學生明白了學習網頁設計的重要性和實用性。

6、考核方式

該課程的考核內容應以實踐操作為主。因此將考核方式定為考查，給出一定范圍的主題，留給學生足夠的時間完成作品的設計和制作，最后上交制作好的作品即可。留給學生足夠的時間和發揮空間，可以使學生充分發揮他們的想象力和所學知識。這樣的一種考核方式經過幾屆學生的實踐，受到同學的好評，并且出現了相當一部分好的作品。

第4篇：網頁設計課程總結范文

關鍵詞：網頁設計基礎 就業導向 教學方法

1、 課程目前存在的問題

1.1、各科不能融會貫通。要想設計與制作出高水平的網站，常用的網絡三劍客軟件：

“PHOTOSHOP 、FLASH 、DREAMWEAVER”是缺一不可的，而計算機應用專業的學生在開《網頁設計基礎》這門課之前，就已完成前二門課程的教學。但是通過對歷屆學生的調查發現，大部分學生學完就忘，不能將學過的知識課程融會到這門課中。在以往的教學過程中只注重軟件的應用與知識點的講解，學生就是不斷在學習新的知識點，而忽略了網站的規劃與設計環節，導致學生學過的內容不能融會貫通。

1.2學生層次不同。因為每個學生的能力不同，在傳統的教學中老師統一下達任務，所有學生只能完成統一的任務，沒有發揮學生自身的長處，無論是就高或就低教學都會導致學生的能力不能正常發揮與運用。長此以往，能力高的學生，覺得沒有發揮自己水平的空間，最終導致學生失去了學習的興趣;能力低的學生，總是處于跟不上的狀態，而失去了學習這門課程的信心，最終放棄學習。

1.3傳統的教學重點放在軟件的使用方法上。雖然學生能熟練應用軟件，但是不能從宏觀的角度獨立完成網站的規劃與設計，這樣就導致學生只是單一的完成別人指定的網站的制作，從而不能提高學生的創新思維。

2、以就業為導向對學生進行教學培訓

根據調查中華英才、58同城等招聘網站，通過對課程的崗位指向分析，與《網頁設計基礎》相關的職業崗位主要有：網頁設計與制作、網站管理與維護、網頁編輯等。那么針對這些崗位對我們學生知識的要求最基本的有HTML、DIV、CSS等。而針對這些崗位對我們學生掌握軟件的要求，最基本的就是網絡三劍客。而我們《網頁設計基礎》這門課的主要軟件就是應用DREAMWEAVER。 我們當前最主要的任務就是想盡一切辦法，通過改革教學內容與教學方法來提高學生面對網頁設計與制作崗位的知識與技能水平。

3教學方法

3.1階段教學：教、學、練、做統一結合?；ソ袒W，注重學思結合，知行統一。只有將所學所悟運用到教學實踐中，才能讓教學更加得心應手，使教學效果更上新臺階。在教學過程中要及時掌握學生的發展方向、學生的不同層次、學生的學習狀態以及學生對教學內容的接受程度。教師要根據學生的接受情況仔細斟酌及時調整授課內容及難度。因此教師在授課環節上一定要給學生留有思考和討論的時間，做到學思結合，讓學生很好掌握當堂課的內容，并且與實際結合。教師要巡視指導，及時了解學生的學習狀況及接受程度，分析與講解共性問題。

3.2案例教學：案例教學是一種獨特的教學形式，它是理論與實踐溝通的一道橋梁，是發展學生的團隊合作意識與能力的有效途徑。那么在運用案例教學法時，案例的選擇首先就要具有實用性、趣味性、知識性、典型性、啟發性。將優秀網站的案例引入教材、教學體系當中，并且將實際案例與每個重要知識點的應用結合起來。經典案例賞析、重要知識點講授、學生課堂練習、教師實踐輔導、團隊合作創新等不同教學方法靈活運用。充分利用現代高度發達的多媒體以及豐富的網上資源，及時與學生交流溝通。采用學習與研究相結合的方法，將現代計算機科學技術充分應用于教學改革之中。

3.3任務驅動教學：它將以往以傳授知識為主的傳統教學理念，轉變為以解決問題、完成

任務為主的多維互動式的教學理念。在網頁設計基礎課程中體現的任務驅動教學法，按照能力分解，階梯推進的思路，來設計與分配任務。同時學生完成任務的過程應該是一個不斷提出問題、解決問題的過程，提高了學生的創新思維。

3.3.1任務驅動法需要遵循以下的原則來設計任務：

（1）任務要與現實生活緊密聯結;

（2）任務要結合教學內容，突出教學重點和難點;

（3）任務的設置要適應不同層次的學生，因材施教。教師應該依據不同的學生層次選材，有針對性有目的性的去選擇任務，保證所有學生掌握學習的內容。通過階段教學、案例教學、任務驅動教學等實踐教學環節，讓學生體會和領悟網頁設計與制作的方法和思路，通過完成任務進一步加深相關知識點的理解和應用，提高網頁設計與制作的規劃與設計的綜合能力。學生在完成任務過程中體會到學習的樂趣，培養學習的興趣，提高了創新思維能力。

3.3.2任務驅動教學法的主要步驟主要有：

（1）設計任務階段：結合《網頁設計基礎》課程教學內容的知識點設計任務并且要與現實緊密結合。

（2）依據任務分配小組階段：教師依據學生的特點分配任務小組，實行團隊合作。

（3）搜集任務信息階段：各小組學生根據課前準備的任務主題搜集素材，分類保存。

（4）任務實施階段：小組內學生依據自己的能力及特長相互分工合作。教師提示各組要依據分配任務之前的標準來完成任務。分工進行圖片處理、文字編輯、網頁設計與制作任務的架構等。小組內學生要采取優勢互補、團結協作、取長補短。任務組長綜合各小組成員素材，合成作品。同時任務組長應負責檢察組內成員所得任務的完成情況，作好記錄向教師匯報。

（5）師生評比階段：通過這種活動，充分調動了學生的學習熱情，促進了學生的學習主動性，強化了學生的實際動手能力。

學生總結與評價，各小組的組長代表本組所分配的任務進行講解與評價，各小組的學生針對任務討論如何更好的配合。

教師總結與評價，教師針對各組完成任務的過程中出現頻率較高的問題進行歸納總結，根據教師分配任務前所給出的評分標準進行評分，對各小組的學生任務完成情況進行評比，總結各小組分工合作協調、工作溝通的好壞，提出今后應注意的事項。

4.結束語

《網頁設計基礎》是一門實踐性較強的課程，那么在教學方法與教學內容上應區別于理論課程。因此要想提升學生的主動性，就要合理安排教學內容與教學實踐，教師為主導學生為主體是提高學生動手能力的關鍵。我們對該課程的改革力求提高學生專業能力和創造能力，通過對教學實踐的探索整合多種教學方法，極大地提高了學生學習的主動性，取得了良好的教學效果。

參考文獻：

第5篇：網頁設計課程總結范文

關鍵詞：實例教學；計算機網絡；網頁設計；動手能力

中圖分類號：G434 文獻標識碼：A 文章編號：1674-7712 （2013） 02-0166-01

一、現實教學中存在的一些問題

通過教學過程中的不斷摸索，我發現在以往網頁設計課程的教學過程中，普遍存在以下現象：

1.學生們對于學到的知識，無法很好的掌握。學生對于課上學到的知識點，不能把知識點放大，跟現實網站聯系起來，簡言之，學生不能學以致用；

2.學生構建的網站結構不新穎，色彩搭配很亂，內容空洞，條理不清等。最嚴重的是一些同學根本體會不到網站構建的宗旨以及要領，隨心所欲，沒有一條主線，因而網站效果往往不盡人意；

3.教材的章節安排，對于學生的學習有一定局限性。由于課本上的書面內容對于講解網頁設計有局限，一些顯示器上顯示的東西很難通過課本完全展現給我們，也就注定了有很多東西是我們從課本上看不到，卻又跟網頁制作技術息息相關的。

二、根據現狀調整教學

對于現實教學中存在的問題，綜合之，學生沒有足夠的與實際接軌的空間，不知道最終要完成怎樣的成品，而實際需要又有哪些，現實網絡中都有哪些經典的案例。因此，根據這一現象，我采用實例教學，讓學生能夠學習最新的知識，練習最貼近需求的技術，掌握最重要的要領。具體實施過程如下：

（一）明確教學要點，激發學生學習能動性

在每堂課的教學中，有針對性的明確本次課的教學要點，即當堂課的知識點，并通過一些具有代表性的網站樣品像大家演示效果，讓同學們看到知識點在現實當中的體現，互相討論和研究，這樣才能讓學生對知識要點產生興趣，激發他們學習的能動性，從而也會調動課堂學習氛圍，大家參與其中，動腦思考，一舉多得。

在這個階段中，我們要做到課程內容模塊化，設計和解決難點，循序漸進：我們將整個課程內容合理的模塊化，各模塊之間既相互獨立，也相互關聯，同時也將課程難點分解到各個不同的模塊中，簡化了學生的學習進程。每個模塊自成體系，學完每一個個模塊就能獲得一項知識、技能，前面的模塊為后面模塊做鋪墊，后面的模塊又強化前面模塊的內容。這樣可以讓學生牢固地掌握《網頁設計與制作》的核心。

（二）細化教學要點，逐步深入實踐

在向學生灌輸了初步知識要點以后，就要將各知識點更細節的問題一一講解，從認識到熟悉再到應用，甚至對于遇到問題的各種情況以及解決方法，都逐步深入的加入，當然這種深入是離不開實踐的。試著讓大家圍繞某一主題，例如美食、旅游景點、體育運動等，發揮自己的想象力，自己動手，利用課上學到的知識點，把各主題涉及到的圖片信息、文字信息有規律有秩序的體現在網頁當中。這樣在實踐中，教師協助學生及時發現問題解決問題，使同學們通過修改和總結，加深理解。

精心準備案例項目，從宏觀上進行教學設計：將實際案例引入教材、教學體系中，每個重要知識點均與實際應用結合起來，融創新思維培養、團隊學習方式、實踐案例教學于課程教學中。經典賞析、知識講授、課堂練習、實踐輔導、創新操作等不同教學方法靈活運用，在充分利用現代多媒體教學、網上學習、交流溝通的基礎上，采用第一課堂與第二課堂結合，學研相結合，將現代科學技術充分應用于教學改革之中。

（三）加強實例練習，提高學生創造性

對于網頁設計的學習，為了使我們的學生操作比較熟練，又能制作出盡可能完美的作品，這就需要加強實例的練習，在摸索中尋求進步，在經驗中總結提高，激發學生的創造性，能夠打破固有的網頁設計模式，有自己獨特的色彩搭配、布局構造思想，這樣才能讓學生們適應千變萬化的網絡時代和人們對于網站產品的高要求。

在練習的過程中，講究師生互動、生生互動，活躍課堂氣氛：激發學習興趣，提高學生分析問題、解決問題的實際能力，達到輕松學習、自主學習的目的；充分調動了學生的學習積極性和主動性，有效提高學生的學習能力、應用能力和創新能力。采用實例與基礎知識緊密相結合的全新教學模式，一邊講授新知識、一邊教師機演示、一邊動手操作、講與練相結合。

（四）課程改革的基礎

根據教學條件，本課程主要講述靜態網頁制作部分，對于動態網頁、色彩搭配只作簡單的介紹，在講靜態網頁之前，加入flas、Photoshop圖形圖像處理技術的講解，為靜態網頁設計做鋪墊?！毒W頁設計與制作》作為一門綜合性的課程還涉及許多相關的課程，可以根據不同的培養目標開設不同的課程。

三、進行教學評估

在進行教學時，教師對每個學習情景都設計好案例，然后進行在上課的時候明確任務、教師演示、學生設計、展示評價等。而這幾個過程中，展示評價是一個不可忽視的階段。適當的教學評估，給大家一個互相交流經驗的平臺，不但能讓大家發現自己在網頁設計過程中的欠缺，還能從其他同學那里吸取好的方案和設計思想。

四、結束語

網頁設計作為網絡技術高速發展的衍生物，是一門應用性和實踐性較強的課程，在教學的方法上區別于普通理論課的課程，我們力求通過實例教學，能夠調動學生積極主動的動手能力，培養敢于嘗試的心態，遇到困難勇于克服和解決的思想。這樣的教學方法激發了很多同學學習的興趣，端正了良好的學習態度，態度決定一切，因此在教學過程中取得了很好的教學效果。

參考文獻：

[1]張偉娜.《網頁設計與制作》課程教學的探討與實踐[J].教育信息化，2008，3.

[2]馬強.Dreamweaver網頁設計課程教學方法探討[J].福建電腦，2008，4.

第6篇：網頁設計課程總結范文

《Web應用技術》是我校計算機科學與技術專業為大一學生開設的一門專業選修課程，本課程性質為純實驗課程，總學時32。其教學目標是給出一個網站的具體需求，要求學生通過對實際問題的分析，運用HTML、CSS、JavaScript等技術完成網站的設計及開發。使學生在掌握Web技術的同時進一步提高自學能力、分析問題能力。通過近幾年教學情況總結及學生反饋，發現目前該課程存在以下問題：

1)在以往的教學活動中，授課教師是借助于某一個網頁設計工具如DreamWeaver、Frontpage等完成網頁設計各個知識點的講解，這種教學方法對高職高專類院校的學生來講，可能效果較好。因為最終學生掌握了某一個網頁設計工具的使用。但是這種教學方式不利于我校本專業學生對后繼課程如.NET應用程序設計、軟件工程實踐等課程的學習，因為僅僅通過一門開發工具去實現網頁設計忽視了學生自寫HTML、CSS、搭建網頁設計框架等能力的培養。借助于某個工具，很多網頁代碼都是自動生成的，導致學生對網頁代碼理解就比較膚淺。

2)Web應用技術方面的教材市場上比較多，但是很多只是介紹網頁設計工具的使用方法，比如網絡三劍客Flash、Dreamweaver、Firework等，缺少系統全面講解網站開發的步驟、思路及方法，沒有通過一個完整的網頁開發案例貫穿其中，有些書籍雖然帶有網頁設計的案例，但是很多涉及到數據庫知識，對于還未接觸到數據庫設計的大一同學來說非常吃力。因此，目前需要編寫介紹網頁設計開發實例的教材，在這些教材的指導下，學生的網頁設計能力能有所提高。

3)在以往教學任務中，該課程主要是完成一個“個人博客網站”的制作。隨著網絡技術及時展，博客已經慢慢淡出人們的視野。為了緊跟時展，同時也調動學生學習該課程的積極性，在保證網站的功能要求不變的前提下，需要適當調整網站所完成的內容，比如男生可以選擇自己喜歡的游戲做一個游戲專題網站，女生可以選擇喜歡的影星做一個專題網站等等。因此，鑒于目前現狀，我們申請了學校的教育教學改革項目，對《Web應用技術》課程的教學內容、教學方式方法進行改革。并以資助資金為支撐，自行編寫了《Web應用技術》實驗指導書。并完成《CSS+DIV網頁設計案例》教材初稿的編寫，預計明年3月份由清華大學出版社出版。

2《Web應用技術》課程的教學改革

2.1教學內容的安排

在教學內容安排上，一方面要充分考慮到學生學生對后繼課程的學習基礎，另一方面教學內容也要與時俱進，考慮到學生畢業后的就業需求。因此，為了鍛煉學生自寫網頁能力，我們要求必須使用文本編輯器（UltraEdit、Editplus、記事本）編寫網頁，不能使用網頁制作工具如DreamWeaver、FrontPage等生成網頁；同時為培養良好的編程風格及習慣，HTML文件的后綴必須為.html；CSS、JS代碼盡量不要直接寫在HTML文件中，作為獨立的.css、.js外部文件引入HTML文件中。在實際教學過程中，以一個實際項目或類似項目貫穿其中，包括項目需求分析、主體框架搭建、各功能模塊設計開發、網站整體測試、網站等步驟，變“因材施教”為“因需施教”，充分調動學生學習的主觀能動性。

2.2教學方法的改進

1)采用任務驅動教學，注重自學能力培養在教學方法方面，采用學生自學為主、老師從旁指導為輔的方式。首先將整個網站設計任務進行分解，每個階段有明確的任務要求，老師對其中的關鍵知識點首先進行講解，積極為學生提供免費的學習資源平臺如，并講授查閱資料方法。然后讓學生自行完成每個階段任務，對于實踐中普遍出現的問題，老師再統一講解、更正。實現任務驅動與教學的統一。

2)提倡案例教學，提高學生學習興趣在每次學習一個新的內容或者技術之前（比如CSS技術），教師提供相關的案例進行簡單講解，使學生掌握技術應用的關鍵點。先達到能比照葫蘆畫瓢的目的，然后再進一步加深考核要求。

2.3考核方式的改進

在考核方式上，改變以前以知識點考核為主的考核標準，改為以實踐動手能力為主。取消筆試考試，并將期末考核和過程考核相結合。學生的最終成績由平時考核（20%）、網站設計效果考核（70%）、網站設計報告考核（10%）三部分組成。平時成績主要包括日?？记?、學習態度、實驗效果等。將原來的10%增加到現在的20%，從而調動學生上課以及完成實驗任務的積極性。

3結論

第7篇：網頁設計課程總結范文

【關鍵詞】 三環雙向 網頁設計與制作 教學改革

【中圖分類號】 G434 【文獻標識碼】 A 【文章編號】 1006-5962（2012）08（b）-0184-02

1 引言

網頁設計與制作是一門綜合性很強課程，涉及文字排版、圖形圖像處理、動畫制作等多方面內容，它不僅對技術有較高要求，也是藝術的體現，因此要求學生具備一定的創新精神和綜合實踐能力。傳統的網頁課程教學，重知識、輕能力，重技術、輕藝術，忽略情感教育，學生處于一種被動接受知識的情境下，勢必導致學習興趣下降，創新精神受壓抑，綜合實踐能力得不到明顯提高。本文提出了一種三環雙向的教學模式，并將這一教學模式運用于網頁設計與制作課程中，使該課程的技術和藝術在教學中能很好結合。

2 三環雙向教學模式的理論依據與功能目標

2.1 三環雙向教學模式的理論依據

羅杰斯（C.R.Rgers）的人本主義學習理論中，學習的基本觀點可以概括為以下兩點：個人具有學習的潛能；意義學習是學習的本質[1]。這種意義既理解和記憶的過程，又包含價值、情緒的色彩。布魯納認為只有有結構、有系統的存儲知識，才有助于提取知識，有助于增進學習中的遷移，激發學習動機或學習興趣。而培養能力就是要提高知識與知識之間的聯系的能力、生成的能力。為了提高能力，應積極主動地、有意識地增加知識之間的聯系，讓知識之間的聯系多樣化、深入化、全面化，并主動在知識聯系的交叉點上生成新的知識。

2.2 三環雙向教學模式的功能目標

該模式的功能目標是指運用三環雙向教學模式所能產生的實際教學效能及其標準。以學生可直接觀察的行為和其身心變化為依據，它具體反映了模式設計者對按該模式進行教學能在學生身心上造成何種變化的一種期望或要求，在一門課程完成之后，學生的專業知識、專業能力、專業情意全面提升，有較強的團隊協作能力、綜合實踐能力和創新精神，實現知識、能力、素質目標的三位一體。

3 三環雙向教學模式涵義

三環雙向教學模式中的“三環”指情感態度、知識、能力，“雙向”指這三者之間的相互關系和作用影響。情感態度是指興趣、動機、自信、意志和合作精神等影響學習過程和學習效果的相關因素。知識，是人改造自然過程中所獲得的認識和經驗的積淀，分顯性和隱性，前者具有可整理、編輯和傳播的特點；后者只能通過內心感悟的過程中來認識。在學習過程中，記憶是對知識材料的輸入和重組，使其與其他知識材料建立聯系，形成主體的思想、方法和精神內容的創造性活動。一個人不能再現所學知識，便無法建構知識應用、操作能力。能力，指主體可勝任某種操作的本領，設計操作活動所須具備的主觀條件和實施方式。能力雖為知識的前提，但獲得知識并不自動等于擁有能力，因為知識只有外化為可產生某種效率效度的操作力，才被視為能力。三環雙向教學模式如（圖1）所示。

（圖1）中情感態度是獲取知識和培養能力的動力，反之又將升華情感。掌握知識是發展能力的基礎，學生對知識理解掌握得越深刻，越有利于能力的發展。能力發展是掌握知識的重要前提，掌握知識快慢、難易、鞏固的程度依賴于能力，沒有一定的認知能力（如感知能力、記憶能力、思維能力等）就不能掌握知識。傳授知識與培養能力是對立統一的，它們相互聯系，相輔相成，兩者都是教學的基本任務，都很重要；應是同時進行的，不能有先后之分。

4 三環雙向教學模式在網頁設計與制作課程中的運用

在網頁設計和制作的課程教學中，應努力去處理好知識、能力與情感態度三者的關系，找準一個平衡點，既關注知識的傳授，同時在這過程中又培養學生的能力和發展學生良好的情感和態度。

4.1 網頁設計與制作課程教學模式

網頁設計和制作課程是技術和藝術的結合，在學習該課程前，學生一般都已具備一定的文字排版、圖形圖像處理、動畫制作等多方面能力，并且也瀏覽了為數不少的網頁。情感是人對客觀事物是否符合自己需要的態度的體驗，事實表明，情感因素是影響教學質量的一個重要的因素。首先引導學生欣賞網頁，包括網頁的版式、色彩、文字、圖形以及多媒體等網頁特有視覺元素的鑒賞，使學生能夠更好更有效的接受信息并產生對美的網頁的愉悅心情。積極豐富的情感能調動學生的積極性和主動性，在此基礎上，教師可根據學生的知識結構和認識水平對網頁設計和制作課程教學內容進行的加工，使所傳授的內容同學生原有的認知結構建立實質性的聯系，激發學生積極主動的從自己原有的知識結構中提取有聯系的舊知識來作為掌握新知識的基礎。在教學過程中注意學科理論與實踐的結合，掌握知識與培養能力的結合。通過教師的啟發與總結，使學生實現科學知識和道德情感的內化，在設計和開發網頁過程中陶冶情操。根據圖1三環雙向教學模式，對網頁設計與制作課程教學模式具體情況描述如下（見圖2）：

4.2 教學案例運用

現以網頁的色彩為例，描述三環雙向教學模式具體運用。

（表1）通常學生已具備一定的色彩知識和審美能力，基于此讓他們描述對色彩的喜好。在教學中，通過對多項網頁作品的欣賞和點評，引導學生進行網頁色彩搭配設計，并且對一個網頁搭配出多種風格的色彩組合，然后利用代碼書寫應用于網頁制作中，一個網頁的多種色彩搭配設計有利于提高學生的設計、創新等綜合能力。作品設計完成，讓學生對彼此作品色彩傳達的心理作用描繪出作品表達的觀念。這一案例的三環雙向教學模式運用，實現了藝術和技術的結合，首先利用學生的審美等藝術素養調動他們的積極性，對作品進行藝術設計，接著以技術實現藝術設計作品，最后由完成的作品提升藝術素養陶冶情操。

5 結束語

網頁設計的出現本身就是跨學科的結果，這種特性在未來的發展中會表現得更加明顯，單純的學習技術或者藝術，都無法滿足網頁設計開發。我們嘗試采用三環雙向教學模式進行教學，將技術和藝術很好結合在一起，學生的創新精神和綜合實踐能力都得到明顯提高。

參考文獻

[1] 向海英.羅杰斯人本主義學習論及對當前我國教育改革的啟示[J].山東教育科研，2000：69-71.

[2] 朱峰.布魯納“發現學習論”對我國教育改革的啟示[J].重慶科技學院學報（社會科學版），2008（6）：188-189.

[3] 李亦菲，朱小蔓.新課程三維目標整合的KAPO模型[J].天津師范大學學報（基礎教育版），2010（1）：1-10.

第8篇：網頁設計課程總結范文

1理論教學

1.1課程目標《網頁設計與制作》課程內容包括HTML、CSS+DIV、JavaScript、Photoshop、Flash，本課程的教學目標是：1)使學生掌握HTML基本知識，熟練掌握靜態網頁制作技能；2)使學生能夠掌握流行的CSS+DIV網頁設計技術，適應網頁設計社會最新需求；3)使學生能夠用Photoshop進行網頁效果圖的設計并能夠切圖輸出；4)使學生能夠用Flash進行網頁動畫的簡單設計；5)使學生能夠掌握JavaScript簡單程序設計，能夠實現網頁的各種動態效果。

1.2課程內容

1.2.1HTML網頁設計重點包括網頁設計基礎知識、用HTML設置文本和圖像、列表、超鏈接與框架、表格、表單、網頁制作工具Dreamweaver的基本操作，網站管理、Dreamweaver模板等。在進行課程設計時，突出HTML代碼的教學，而對制作網頁的工具Dreamweaver則著重于操作能力和動手能力的培養?！爸淙?，知其所以然”是我們的目標。

1.2.2DIV+CSS網頁設計DIV+CSS是目前網頁的主流布局方式，DIV+CSS網頁設計技術使得網頁的表現與內容相分離，提高了頁面瀏覽速度，并且使得網站易于維護和改版，因此，在網頁設計教學中DIV+CSS成為核心的內容，并將對傳統的網頁設計教學產生較大的影響。該部分重點知識包括CSS基本語法、用CSS設置文本、圖像樣式、用CSS設置超鏈接與導航、用CSS設置表格和表單樣式、CSS盒子模型、盒子的浮動與定位、CSS+DIV布局方法剖析。教學中通過大量的實際應用，反復的練習，使學生真正掌握CSS+DIV的精髓，并體會其在設計網頁方面的優越性。

1.2.3Photoshop圖像處理重點包括Photoshop基本工具的用法，選區操作、圖層操作、圖像變換、色彩調整、文字操作、繪畫工具、通道、路徑、融合、圖層樣式、文字樣式及濾鏡等，目的在于能夠用Photoshop設計美觀、清新大方的網頁效果圖并且能把網頁效果圖切片導出。注重學習工具的使用和圖片的處理方法。課堂教學中應注意培養學生的創新意識，突出“網頁設計重在創意”的理念。尤其對于動漫廣告等專業要發揮學生們美術方面優勢，將計算機技術與美術相互滲透和融合，將網頁作品當作一份具有生命力的完美藝術品。

1.2.4Flas制作重點包括層的概念，工具的使用，逐幀動畫制作、運動漸變動畫制作、形狀漸變動畫制作、引導動畫制作、遮罩動畫制作，元件的使用，基本動作的使用，在網頁中使用Flash的目的是讓網頁變得更加生動形象，因此在學習技術的同時更要注意網頁動畫的組織形式，與網頁協調。

1.2.5JavaScript程序設計JavaScript是目前Web客戶端開發的主要編程語言，也是Ajax的核心技術之一。該部分重點知識包括JavaScript編程基礎，變量、數據類型和表達式，流程控制，函數，對象編程，文檔對象模型與事件驅動，窗口、文檔和表單對象，級聯樣式表（CSS）技術，動態對象和Cookies及安全等，JavaScript中的XML、Ajax技術以及JavaScript實用技巧與高級應用。

1.3教學方法該課程的教學實踐性較強，知識覆蓋面廣，在教學中要極大的激發學生的參與性，鍛煉學生的動手能力，培養學生的學習興趣。注意引導學生學習理論與實踐相結合，將理論應用于實踐。教學過程中大膽運用模塊教學法、案例教學法等教學手段，充分調動了學生的積極性和創造性，教學效果明顯提高。

1.3.1模塊教學法根據教學內容的不同特點，將整個《網頁設計與制作》課程的教學分為五個階段，第一階段使學生熟悉并掌握HTML語言；第二階段重點在于CSS樣式表以及CSS+DIV布局方法；第三階段在于利用Photoshop進行網頁效果圖的制作，并將圖片切片輸出；第四階段在于利用Flash制作動畫；第五階段在于JavaScript程序設計；每一階段要給據內容不同、重點不同采用不同的教學方法。比如在第一階段，要學生學會并熟記HTML標記的用法，這就要通過大量小實例練習；在第二階段主要進行頁面整體布局的練習，學習如何把整個網頁分成不同層次的塊，然后再學習每一塊的設計方法，只有通過全面的練習，才能掌握豐富多彩的網頁設計方法；第五階段則主要學習最新流行的網頁效果的設計，重點在于網頁程序的設計。每一階段的教學內容完成后，在機房組織小測驗，以實現分階段達標，最終使學生完成該門課程的學習任務。

1.3.2案例教學法在課堂上采用案例教學法，通過精心挑選案例，明確提出需要掌握的知識點及操作技能，以案例帶動知識點，貫穿整個教學過程。比如在講解HTML的<img>標記時，圖片的路徑學生很容易出錯，通過一些小實例講解該標記在網頁實際設計中要注意的問題，學生就很容易掌握；HTML基本標記學完后，通過一個綜合實例——具有多個網頁的網站的設計，綜合應用HTML語法，達到復習和融會貫通的效果；再比如在講解JavaScript程序設計時，理論的講解貫穿在許多流行的JavaScript實例中講解，極大地提高了學生的學習積極性。

2課程實踐

2.1實驗題目的設計結合理論教學，設計配套的實驗題目，對鞏固課堂效果具有重要的作用。對于上文提到的五個階段，分別設計相應的實驗題目。

2.1.1HTML網頁設計實驗1HTML基本標記練習、實驗2框架與超鏈接、實驗3表格練習、實驗4表單練習、實驗5HTML綜合實例。

2.1.2DIV+CSS網頁設計實驗1CSS文字排版、實驗2CSS網頁布局、實驗3背景設置、實驗4CSS導航菜單設計、實驗5綜合實例。

2.1.3Photoshop圖像處理實驗1圖層的實驗、實驗2選區的練習、實驗3圖像的繪制練習、實驗4圖像的編輯練習、實驗5文本的應用、實驗6綜合實例。

2.1.4Flas制作實驗1Flash多種工具的使用、實驗2變形動畫的制作、實驗3運動動畫的制作、實驗4引導（路徑）動畫的制作、實驗5逐幀動畫的制作、實驗6綜合實例。

2.1.5JavaScript程序設計實驗1JavaScript程序設計案例、實驗2用JavaScript制作網頁特效、實驗3JavaScript內置函數和對象、實驗4JavaScript事件處理、實驗5Dom操作實例。

2.2自學模式的創建為學生創建良好的自學環境。我們建立了該課程的課程網站，學生可以下載教師的多媒體課件、實驗指導、相關學習文檔、視頻講座資料等，課程網站還提供大量的題庫，包括選擇題、填空題、判斷題、問答題、設計題，學生登錄后可以自由練習，從而達到了消化課堂所講知識點、提高學習效果、激發學習興趣的目的。這種做法豐富了教學手段，開辟了學生自學天地。

2.3參與教師科研，以研促學鼓勵和吸收成績優秀的學生參與教師的科研活動，以科研促教學。學院自行開發的學院網站、學生評教系統、教務管理系統等都有學生參與，同時，學院的許多活動開展后，都安排學生設計相應的網站，這樣使得該課程的教學水平不斷提高。

2.4成立網頁興趣小組，拓寬知識面組織成立網頁課程的興趣學習小組，具體活動包括：1）舉辦講座：資深開發人員的經驗報告，網頁知識講座；2）舉辦競賽：我院已成功舉辦兩屆網頁與flash設計大賽。這些活動的開展深受廣大師生的好評，激發了學生對網頁設計技術的興趣，培養了學生的動手能力和創新能力。

3課程實訓

網頁的制作不僅要求制作者有熟練的網頁制作技術，還要有一定的藝術設計能力，因此在掌握網頁設計基本技術的基礎上，課程實訓主要培養學生設計能力、創作能力和對所學知識的綜合運用能力，學生需要獨立完成一個表達特定主題的網站，要求參加實訓的學生在規定的時間完成網頁效果圖的設計并切圖輸出，最終在Dreamweaver中布局成網頁。實訓主要內容包括素材的搜集、網頁整體布局設計，網頁代碼的編寫、調試。實訓時間是32學時，實訓結束后，學生不僅要提交設計報告、Photoshop制作的網頁效果圖和網頁代碼，還要進行現場答辯，這些對學生都是很好的鍛煉。最后教師根據學生所交作品的效果、原創性、復雜性等情況進行成績的評定。平時實驗課上學生總是按教師給定的素材，給定的效果進行實驗，主要注重的是設計方法和網頁代碼的學習，在實訓中,素材需要學生自己搜集，效果圖需要自己制作，網站的制作方法自己確定。這就要求他們上網查詢大量的資料，遇到問題想辦法解決學生帶著問題進行學習和探索，培養了學生的探索創新能力。課程實訓不僅鞏固了學生網頁代碼的設計能力，更是從網站策劃、網頁的界面設計，網站的風格、配色、布局、Photoshop軟件的應用等多方面對學生進行了訓練，為學生能夠做出美觀而又實用的網頁打下了牢固的基礎。

第9篇：網頁設計課程總結范文

關鍵詞:項目教學法;網頁設計與制作課程;實踐應用

Dreamweaver是一款目前最常用的網頁制作軟件,實用性和操作性強,是各類高職院校計算機類專業開設的主干課程之一。筆者在教學過程中發現,這門課的教學“好上”,但要“上好”卻不容易,而且這門課的教材五花八門,編排順序較為零亂,整體性不強。如果教師按照傳統的教學方式,照搬教材,簡單地按章節順序講解菜單操作和零散的知識點,則學生學完后并不能獨立設計完成網站的綜合開發,教學效果不理想。針對這種現象,筆者將項目教學法應用到《網頁設計與制作》課程中,使這些問題得到了明顯的改善。

一、在《網頁設計與制作》課程中使用項目教學法的優勢

項目指以生產一件具體的、具有實際應用價值的產品為目的的任務。項目教學法是以項目為主線,教師為主導,學生為主體的教學方法。它從職業的實際出發選擇具有實用性的事例作為教學的內容,學生在教師的指導下,按照問題的要求搜集、選擇信息資料,通過小組的共同研究,創造性地去解決問題,得出結論或完成任務。在《網頁設計與制作》課程中使用項目教學法的優勢主要表現在以下兩個方面。

1.教師能夠充分發揮主導作用,學生容易被激發出學習的興趣

使用項目教學法能夠將以往教師問、教師講為主體的課堂教學,轉變為教師引導,學生獨立探索、質疑問題、合作學習與交流。“興趣是最好的老師”,在《網頁設計與制作》的教學過程中,我們常常通過展示一些往屆學生制作的作品,并一一介紹其特點,讓學生找到自信,讓他們相信自己不但能做而且做得更好,然后再選定幾個有特色的典型網站,讓學生觀摩其特色,并產生親切感,使他們感到網頁的制作并不是想象中的那么難。同時,在教學過程中還注意啟發學生動腦思考,這樣學生就很容易地知道,所學的網頁制作中的知識點應用到自己的網頁中的哪個部分最合理、最美觀。久而久之,學生的學習興趣就被激發出來。

2.采用項目教學不但能夠激勵學生自主自學,還能夠發揮其主觀能動性

將項目教學法引入《網頁設計與制作》后,學生成了學習的主體,教師在教學過程中只是起到引導協助的作用。學生在項目的驅動下會自主學習,邊學邊做。有些能力突出的學生在學習過程中還會主動與外界聯系,承接小型網站的建設項目。在完成項目的過程中,他們還會主動與其他同學和教師進行交流、討論問題,這樣又促進了項目的發展。項目完成后所帶來的成功的愉悅和滿足感,不但提高了學生的學習興趣和學習積極性,同時也培養了學生自主學習的能力。

二、項目教學法在《網頁設計與制作》教學過程中的具體實施

1.項目的確定

確立實用、優秀的項目是項目教學法能否成功實施的關鍵。因此,在實施項目教學法時,首先,應選擇切實可行的項目。在教學正式開始之前,可先對學生進行分組,盡量使每一組學生的能力都比較均衡。同時,結合相應的崗位能力要求,將選用的項目分為兩種:一種是選用已通過驗收的項目,另一種是選用正在進行中的項目。其次,應針對學生的實際水平確定項目的難易程度。對于首次接觸這門課程的學生,由教師負責選取項目,講解知識點。所選取的項目必須簡單、典型,并且最好選擇已經完成的項目,以便學生進行知識的遷移。對于具有一定基礎的學生,可由教師和學生共同討論選定具有較高難度的項目,并且最好選擇正在進行中的項目,讓學生身臨其境,參與創造實踐活動,親身體驗實踐的艱辛與樂趣。另外,應注意根據學生具體的培養方向,確立最適合的項目。

2.制定項目計劃

網站項目的計劃應按照項目開發的需求加以實施。確定項目以后,讓每一組學生針對該項目進行需求分析,啟發學生主動發現身邊的素材。對于已通過驗收的項目,可由教師充當企業客戶的角色,由學生向教師匯報自己所進行的關于項目需求的分析及收集到的資料;對于正在進行中的項目,可由學生直接面對企業或客戶,與企業客戶溝通,做出需求分析。在這一過程中,教師起到指導的作用。此外,在對已驗收的項目實施的過程中,教師應事先對該項目內容進行定位,分析研究需要解決的問題和完成的任務,確保學生進行需求分析時,不會定位過高。完成項目需求分析后,教師應根據學生所作的需求分析確定項目的能力模塊,并將每個能力模塊細分為一系列小項目,學生根據課程的時間安排,結合項目內容編寫項目開發計劃書。

3.項目實施

項目教學法中最重要的環節是項目的具體實施過程。在該過程中,教師應及時恰當地對學生進行引導,督促學生根據項目計劃書,按時按量完成相應的功能模塊,保證項目順利進行,實現課程教學目標。對于首次接觸網頁制作的學生來說,沒有一定的網頁制作軟件操作基礎,就無法進行項目建設。因此,應在《網頁設計與制作》課程項目實施過程的第一階段講授學生網頁制作軟件的使用方法,為第二階段奠定基礎,第三階段的主要任務則是撰寫網站開發總結報告,鍛煉學生撰寫文章的能力。

在第一階段的實施過程中,主要教授學生網頁制作軟件的使用方法,使其形成相應的具體能力。具體做法是:教師首先通過簡單的例子講解實際操作方法,然后,讓學生練習新知識、新操作,完成相應的實驗實訓項目。

在第二階段實施過程中,結合第一階段學生具體能力的鍛煉情況,根據所要建設的項目,按照項目計劃書進行開發并完成設計。該階段是項目教學法實施的核心環節。在此階段,教師要根據各開發小組的具體情況、具體要求及時恰當地進行指導,解決學生開發過程中遇到的難題,督促學生按時按量完成項目計劃書中的各個開發環節,保證學生順利完成項目的開發,實現教學目標。在實際教學過程中,教師要重點做好指導監督工作。如定期召開各項目組長會議,了解各項目組的開發進程;在項目開發過程中進行技術引導和指導,收集各組遇到的難題,組織各組進行總結和經驗交流,從中探討不同的解決問題的方法。

第三階段實施過程的主要任務是在學生完成網站建設后,撰寫開發總結報告,總結本次學習、開發的收獲和經驗,為下一次開發做準備。階段性總結評價也是項目具體實施過程中必不可少的環節。教師和學生在每個階段的學習結束后,都要對該階段的學習成果進行展示、評價、總結,及時改進不足之處,鞏固成果,為后續工作打下堅實的基礎。

4.項目展示與評價

項目完成后,應對網站項目的建設效果進行展示,并加以講解。在講解展示網站的過程中,學生和教師可以提出問題,并結合相應的網站項目評分表,形成學生和教師對該項目各自的評價。在對學生進行評價時,還應結合其在項目開發過程中的學習能力、合作能力、參與程度、服務程度以及所起作用等各方面的表現情況。在對承接的企業或客戶的開發項目進行評價時,除上述評價角度外,還應結合企業或客戶的需求,即除了學生評價、教師評價外,還要有企業或客戶的評價,并以企業或客戶的評價作為最終的評判標準。

5.項目的總結和應用

項目完成后應進行總結,并將其成果應用到相關領域,體現該門課程的教學目標。蘇州農業職業技術學院在《網頁設計與制作》課中實施項目教學法以來,完成了多個項目并將研究成果應用到實際工作中,如其信息與機電工程系的網站、學院各行政部門的網站、精品課程網站等。項目完成后應總結思路、技巧并進行經驗交流。思路總結可以幫助學生明晰項目完成的最佳思考方法,找到自己的不足;技巧總結著重總結解決開發環節中遇到的難題的方法,把握并吸收整個項目開發的精髓;經驗交流主要是對學習方法、知識應用進行交流。最后,教師可以指導學生對項目進行拓展和延伸。

三、結語

《網頁設計與制作》課程在實施項目教學法后,從本質上改變了課程的教學目的。這種改變使學生不再覺得學習該門課程只是為了獲取學分,而是真正掌握一門技術,具備一定的開發能力,能夠承擔相應的工作。在整個教學過程中,學生的自主學習能力、實踐能力、創新能力、團隊協作能力、分析解決問題的能力以及撰寫報告的能力都得到了鍛煉、培養和提高。

實踐表明,項目教學法突破了傳統的教學模式,真正體現了以學生為本,最大限度地調動了學生自主學習的積極性,培養了學生的綜合能力,使學生掌握了一門技能,從而更適應社會發展的需要,對教師也是一種鍛煉和提高。

參考文獻:

[1] 李洋.項目驅動教學模式在《網頁設計》教學中的運用[J].電腦知識與技術,2009,(27).

[2] 萬良,黃錦祝.網頁制作技術課程改革探索[J].中國職業技術教育,2007,(7).