前言：想要寫出一篇令人眼前一亮的文章嗎？我們特意為您整理了5篇網(wǎng)頁制作實訓總結范文，相信會為您的寫作帶來幫助，發(fā)現(xiàn)更多的寫作思路和靈感。

網(wǎng)頁制作實訓總結范文第1篇

摘要：本文針對高職計算機專業(yè)“網(wǎng)頁制作”課程教學面臨的新問題，闡述了如何通過創(chuàng)新教學模式、改變評價方法來培養(yǎng)學生的創(chuàng)新能力和實踐運用能力。

關鍵詞：高職教育；網(wǎng)頁制作；教學探索

中圖分類號：G642

文獻標識碼：B

高職計算機專業(yè)大多開設了“網(wǎng)頁制作”課程。筆者結合自己在多年教學過程中獲得的教學經(jīng)驗，對該課程的教學方法進行了研究、探索和創(chuàng)新，取得了較好的成效。

1高職計算機專業(yè)“網(wǎng)頁制作”課程的教學探索

高職計算機專業(yè)“網(wǎng)頁制作”課程的教學目標要求學生不僅要掌握軟件的主要功能，還要會應用軟件來進行創(chuàng)新設計，制作出自己的作品。因此筆者采用了案例教學法和項目教學法結合進行教學。

1.1第一階段

第一階段是基礎技能的掌握，采用案例教學法。案例教學法的實施涉及到多個環(huán)節(jié)，每個環(huán)節(jié)都要精心準備和組織，綜合運用基礎知識，才能夠保證整個案例教學的成功。筆者將每一章的內(nèi)容分為：實戰(zhàn)演練、案例分析、經(jīng)驗總結、技巧點撥和實踐提高5個模塊進行教學，取得了較好的效果。

1.1.1設計教學案例，實戰(zhàn)演練

在講每一塊新內(nèi)容講解前先引入案例，使用啟發(fā)式引導的方式，介紹完整地具有實用性、啟發(fā)性的案例的具體實現(xiàn)步驟。筆者將該課程的內(nèi)容規(guī)劃為11個案例，分別是：案例1制作網(wǎng)站相冊、案例2制作簡單網(wǎng)站、案例3制作動態(tài)層下拉菜單、案例4制作一個具有多種超鏈接的網(wǎng)站首頁、案例5利用框架制作網(wǎng)頁學習網(wǎng)站、案例6利用css樣式表進行頁面導航欄的制作、案例7設計具有特效的網(wǎng)頁、案例8利用表單知識制作推薦表、案例9練習在網(wǎng)頁中插入動畫、視頻以及音頻等多媒體、案例10利用模板建立飲食網(wǎng)站、案例11利用動態(tài)網(wǎng)頁制作留言板。

在此過程中，筆者采用邊講邊練的方式，及時了解學生完成的情況，針對存在的問題，給予必要的提示，對具有共性的問題進行集中講解。

1.1.2組織案例討論，分析案例

經(jīng)過實戰(zhàn)演練，學生掌握了軟件的基本操作后，進行案例的分析，分析案例應用特點、重點與難點等，強調(diào)各知識點、技能點的橫向聯(lián)系和綜合運用，同時培養(yǎng)學生綜合運用和處理問題的能力。例如：

練習了案例1制作網(wǎng)站相冊后，引出網(wǎng)站構建的一般流程以及網(wǎng)頁設計的基本知識。

練習了案例2制作簡單網(wǎng)站后，引出網(wǎng)頁的基本元素組成、網(wǎng)站的布局技巧等知識點。

練習了案例3制作動態(tài)層下拉菜單后，引出其他層效果的制作方法，如制作層的隱現(xiàn)效果、跑動層等。

練習了案例4制作一個具有多種超鏈接的網(wǎng)站首頁后，引出超鏈接的類型、創(chuàng)建方法以及每種超鏈接適用的場合等知識點。

練習了案例5利用框架制作網(wǎng)頁學習網(wǎng)站后，引出框架網(wǎng)頁的類型、創(chuàng)作的方法以及每種類型適用的場合等知識點。

練習了案例6利用css樣式表進行頁面導航欄的制作后，引出css樣式的其他效果，如動感鏈接效果、美化頁面文字、定位背景圖像等的制作方法，進一步學習css樣式表相關的知識點。

練習了案例7設計具有特效的網(wǎng)頁后，引出更多的HTML特效代碼應用，如文本移動、圖片飄動、圖片漸漸顯示等特效代碼的應用，分析它們的不同點，引出HTML語言的相關知識。

練習了案例8利用表單知識制作推薦表后，引出表單的其他用途，如制作站內(nèi)搜索、跳轉(zhuǎn)菜單、用戶登錄等，分析每種表單的制作方法和技巧。

練習了案例9在網(wǎng)頁中插入動畫、視頻以及音頻等多媒體后，引出行為和多媒體在網(wǎng)頁中的應用技巧。

練習了案例10利用模板建立飲食網(wǎng)站后，引出模板在網(wǎng)頁中應用的好處以及建立模板的相關知識。

練習了案例11利用動態(tài)網(wǎng)頁制作留言板后，引出創(chuàng)建動態(tài)網(wǎng)頁的步驟、設計動態(tài)網(wǎng)站的技巧等知識點。

筆者在講解綜合網(wǎng)站設計內(nèi)容時運用相應的多媒體課件，展示一幅幅精美的網(wǎng)頁作品或者給學生在線欣賞著名的網(wǎng)站等，以此激發(fā)學生的創(chuàng)作靈感，積累創(chuàng)作經(jīng)驗。

1.1.3實現(xiàn)案例并評價

筆者在案例分析后，根據(jù)教學內(nèi)容給學生布置相關知識點的上機練習，例如利用模板創(chuàng)建公司網(wǎng)站、制作會考成績查詢網(wǎng)站等。完成后將學生的作品通過多媒體演示教學環(huán)境進行點評，最后告訴他們什么地方創(chuàng)意新穎，什么地方可以改進。對于好的作品給予表揚和激勵，讓學生生活在學習的成就感中。

1.2第二階段

第二階段為知識的靈活運用、培養(yǎng)學生創(chuàng)新技能，采用項目教學法。項目教學法的主體是學生，學生通過獨立完成一個具有明確目的性的項目而掌握相應的技能。培養(yǎng)學生的創(chuàng)新能力，能用探索式方法去獲取知識與技能，完成具有個性特色的任務。例如筆者在講授“網(wǎng)頁制作”課程基本內(nèi)容之后，進行該課程的上機實訓。要求學生利用提供的素材、運用所學的知識自由創(chuàng)作一個人網(wǎng)站。時間在一周內(nèi)完成，網(wǎng)站的評價標準見下表。

學生創(chuàng)作的網(wǎng)站內(nèi)容有個人網(wǎng)站、企業(yè)網(wǎng)站、班級網(wǎng)站、校園網(wǎng)站、家鄉(xiāng)網(wǎng)站等，內(nèi)容非常豐富。最后筆者還將較好網(wǎng)站作品在校園網(wǎng)上，有些作品還直接用到了應聘中，為就業(yè)起到了重要作用。

2實施多元智能評價

改進傳統(tǒng)教育評價模式，應用加德納多元智能理論，實施多元智能評價?！熬W(wǎng)頁制作”課程的最后成績=平時成績(30%)+實訓成績(40%)+期末成績(30%)。平時成績=每次上機規(guī)定或自由創(chuàng)作的作品的成績，實訓成績?yōu)閭€人網(wǎng)站作品的成績，期末考試形式為上機考試，主要內(nèi)容是利用動態(tài)網(wǎng)頁技術制作班級通訊錄。這樣的分值安排可以督促學生認真對待每一堂課。

鼓勵學生參加職業(yè)技能考試，如報考網(wǎng)頁制作員、網(wǎng)頁設計師等資格證，對于持有職業(yè)技能證的同學，在就業(yè)時就會有優(yōu)勢，這樣勢必提升了學生學好本課程的動力。在最后考核時如果學生獲得了相關課程的資格證書，期末可以免考，在總評成績上給予適當?shù)募臃帧?/p>

3結束語

教學實踐證明，在高職計算機專業(yè)“網(wǎng)頁制作”課程的教學過程中，采用案例教學法和項目教學法，促進學生主動參與，有利于培養(yǎng)學生自主學習的能力、敢于創(chuàng)新的能力和分析、解決問題的能力，可以為社會多培養(yǎng)真正有技能的學生。

參考文獻

[1] 胡景. 關于計算機軟件教學的思考[J]. 內(nèi)江科技,2007,(5).

網(wǎng)頁制作實訓總結范文第2篇

關鍵詞：網(wǎng)頁制作；課程改革

中圖分類號：642文獻標識碼：A文章編號：1009-3044(2008)36-2969-02

Discussion "Homepage Manufacture" the Curriculum Reforms which Face the Work Process

WANG Wen-li

(Guangxi International Business Vocational College, 530007 Nanning，China)

Abstract: In the now informationization society, many enterprises and institutions all hoped can establish this unit website, in order to propagandize own product and the service on-line, the homepage novel as well as the function formidable can more appealing and a convenient use. The "homepage manufacture" took in the quality colleges and universities computer specialty an essential curriculum will be facing the very big challenge. However the traditional teaching way already did not adapt society's development demand, at present the higher education primary mission was, face the work process, manifested professional technical ability. How in this paper will discuss to "Homepage Manufacture" curriculum reform.

Key words: Homepage manufacture；Curriculum reform

1 對傳統(tǒng)課程改革的必要性

在傳統(tǒng)的教學中，學生往往在完成課程學習后好像是學到了很多東西，但實際操作起來時就沒有了頭緒。也就是學生在學習理論知識時，缺乏對知識的感性認識，就是我們常說的死記硬背；在進入到專業(yè)實訓階段中，學生雖然比較感興趣，但往往局限于模仿性操作；而在傳統(tǒng)的考試中更不能客觀反應學生理解、掌握和應用知識的實際情況。這樣造成學生的學習興趣得不到激發(fā)，結果是越學越乏味，把學習當作一種負擔只是為了考試而去學，更不利于培養(yǎng)學生的創(chuàng)新能力和獨立工作、解決問題的能力。目前高職專業(yè)課程體系的現(xiàn)狀是重知識的系統(tǒng)性，忽視了知識與具體工作任務的聯(lián)系。那么我們?nèi)绾螐膫鹘y(tǒng)模式走出來，引導學生開拓思維，使培養(yǎng)的人才更趨向市場需求，避免以往的與實踐脫節(jié)呢？這就是要探討的《網(wǎng)頁制作》的教學課程改革的意義。

2 課程改革構思

對高等職業(yè)教育來說，就要培養(yǎng)具有較高的職業(yè)道德和職業(yè)技能的高級應用型專門人才，他們應該具有上崗適應能力和轉(zhuǎn)崗適應能力，并能適應市場經(jīng)濟發(fā)展的需要。為適應現(xiàn)代化社會的需要，職業(yè)教育方法應該緊緊圍繞職業(yè)教育的培養(yǎng)目標，運用“面向工作過程”的教學模式，以職業(yè)能力培養(yǎng)為課程核心，以實際項目為導向，注重職業(yè)情景中的實際技能的培養(yǎng)，開發(fā)學生參與活動的能力，能夠讓學生學中做、做中學、邊學邊做，從而提升學生的知識應用能力和技能的遷移能力。為了能夠達到運用“面向工作過程”的教學模式，我們首先思考以下幾個問題：

1) 用職業(yè)能力表述課程目標。重點關注學生在完成《網(wǎng)頁制作》這門課的學習后能做什么，可以應用在哪方面，而不只是知道什么；

2) 以工作任務為教學內(nèi)容。重點是教會學生如何完成工作任務，知識、技能的學習要結合工作任務的完成過程來進行；

3) 圍繞工作任務學習的需要，以典型產(chǎn)品或服務為載體設計“學習項目”，組織教學。做到不與實際“脫軌”。

3 《網(wǎng)頁制作》的課改實踐

3.1 課程內(nèi)容設計

構建以“網(wǎng)站開發(fā)工作流程”為導向的“情景式”課程結構，情景的劃分以“行為導向教育理論”來展開。將知識和技能分為七個學習情景（網(wǎng)頁基礎情景、網(wǎng)頁制作情景、網(wǎng)頁色彩搭配情景、網(wǎng)頁版式設計情景、網(wǎng)絡知識情景、動態(tài)設計情景、綜合項目設計情景）16個教學單元，每一個教學單元又包含若干個具體任務，在任務完成過程中進行教學內(nèi)容的分解，同時項目主線中沒有涉及的內(nèi)容，采用“問題驅(qū)動”的形式進行補充講解。通過完成每一個工作任務，使學生在掌握必要的理論知識的同時，具備收集、處理信息，準備、加工素材的能力；制作靜態(tài)網(wǎng)頁效果圖的能力；顏色搭配和版式設計的能力；開發(fā)網(wǎng)站的綜合能力；代碼與界面融合的能力；以及創(chuàng)新和策劃能力。

圖1 《網(wǎng)頁制作》課程設計各學習情景

3.2 對學習項目的選擇

選擇“學校網(wǎng)站設計”為工作任務進行驅(qū)動，以具體的實現(xiàn)貫穿教學的全過程?！皩W校網(wǎng)站設計”這個項目比較真實，比如有學生常常登錄使用的“選課系統(tǒng)”、“討論園地”、“校園動態(tài)”等頁面，相關的流程學生比較熟悉，不必花太多的時間去了解其他行業(yè)網(wǎng)站的體系結構，符合學生的認知規(guī)律。

3.3 提供教材外的學習資源

在課程的學習過程中，精選一本好的教材是不夠的，包括知識面的局限性等，所以還要為學生準備或者建議學生到圖書館借閱一兩本教材以外的參考書，選擇的參考書可以是典型案例參考、網(wǎng)頁制作技巧和方面的；也可以給學生提供幾個比較資深的網(wǎng)頁設計的學習網(wǎng)站，鼓勵學生課后主動進行擴充學習。這樣，在參考別人的同時也積聚了一定的網(wǎng)頁制作的知識，同時也培養(yǎng)了學生學習的主動性。

3.4 面向工作式教學

在課程教改中，教師觀念的轉(zhuǎn)變是帶有決定意義的轉(zhuǎn)變。觀念變了，行為就會變；行為變了，教學效果才會變。所以從作為高職教師必須清楚我們的課程是“完成一個項目”入手，帶著“項目”去研究和解決實際問題，要求對學生“教、學、做”一體化，而不是傳統(tǒng)的只要求學生這節(jié)課掌握什么知識點和重點要求是什么。

首先在學習《網(wǎng)頁制作》這門課前要求已開《圖像處理技術》課程，那么學生就具備了圖像處理的基礎，可以在綜合項目設計時自行準備圖片素材，以免產(chǎn)生盜用圖片版權的誤會同時也是培養(yǎng)學生自主創(chuàng)新意識，可以根據(jù)自己的創(chuàng)作思路提供獨一無二的信息；可以在學習《網(wǎng)頁制作》這門課之前也可以同時開《flas設計與制作》這門課程，為制作網(wǎng)頁設計獨特的LOGO以及所需的flas。

我們選擇“學校網(wǎng)站設計”為工作任務進行驅(qū)動，在具體的網(wǎng)站設計實現(xiàn)中貫穿了七個學習情景，其中每個學習情景又設置多個工作任務，比如情景一網(wǎng)頁基礎包含有網(wǎng)頁欣賞與設計初步、網(wǎng)站設計流程兩個任務，在這個學習情景中先給學生欣賞一些做得精美的網(wǎng)頁和介紹一些功能比較強大、設計有特色的網(wǎng)站，引起他們學習網(wǎng)頁制作的興趣。接下來實行后面的學習情景，學生模仿做，邊教邊學邊做，教師針對不同的學生和不同的問題給予及時解決，并準備足夠的拓展訓練題，比如網(wǎng)絡尋呼、留言板這些平時學生熟悉又感興趣的任務，以幫助學生強化，最重要的是能夠讓學生學有樂趣，就覺得學有成效。同時開展互動教學，師生互動和學生間互動，相互學習和指出不同的觀點并一起去解決。在這個環(huán)節(jié)，基礎比較好或者網(wǎng)頁設計得好的同學可以“一幫一”，充當老師的“助手”幫助其他同學共同完成任務，這也是我們在職教中所要求培養(yǎng)學生達到的團結協(xié)作的能力。在每個任務階段學習過程中，把學生做得比較好的作品進行展示，以相互學習同時學生得到鼓勵后更激發(fā)了學習、創(chuàng)作的興趣。在整個學期都圍繞大型網(wǎng)站項目，將各個知識點融合到每個單元之中，例如在做注冊頁面時用到了表單，在設計特效時用到了時間軸和層，在制作討論區(qū)時用到了ASP等等。多個小項目的實施最后完成大項目，讓學生在完成這個大項目后有了一定的成就感。完成了所有實訓環(huán)節(jié)后，學生模擬項目，可以從個人網(wǎng)站設計、學習網(wǎng)站設計、企業(yè)網(wǎng)站設計、旅游網(wǎng)站設計的題目中四選一，個人或者兩、三個學生組成小組合作完成所選的項目。從而引導學生開拓思維，提高了他們實踐能力，為今后的設計累計了經(jīng)驗。

3.5 考核

“以能力為中心”的原則，形成式考核。主要考核學生掌握網(wǎng)頁制作的程度以及策劃創(chuàng)新等綜合能力?？己藘?nèi)容有平時的實訓任務40%，期中的實訓任務30%，期末項目、案例設計30%。

4 總結

面向工作過程的教學選用生活中的案例作為學習項目，學生認知效率高，能夠?qū)W有興趣；在教學過程中通過互動培養(yǎng)了學生的團隊合作精神；綜合項目設計在一定程度上培養(yǎng)了學生創(chuàng)新精神。面向工作過程的教學模式充分體現(xiàn)了職業(yè)教育的特點。

參考文獻：

[1] 鄧文淵. 網(wǎng)頁制作高手Dreamweaver8網(wǎng)頁設計[M]. 人民郵電出版社，2007.

網(wǎng)頁制作實訓總結范文第3篇

關鍵詞：PHP；動態(tài)網(wǎng)頁制作；一體化教學模式

中圖分類號：TP37 文獻標識碼：A 文章編號：1009-3044（2013）32-7262-03

PHP動態(tài)網(wǎng)頁制作課程是我院計算機專業(yè)的必修課程。通過學習，希望學生能夠掌握制作PHP動態(tài)網(wǎng)頁的方法，具備自主開發(fā)一個完整PHP動態(tài)網(wǎng)站的能力，畢業(yè)后可以直接從事企事業(yè)單位PHP動態(tài)網(wǎng)站的設計和維護工作。過去，PHP課程按傳統(tǒng)的教學模式組織教學，即理論和實踐基本分離，即首先在教室講理論，盡管采多媒體教學手段，學生只能欣賞式的學習，以致學生打瞌睡、玩手機、發(fā)呆的現(xiàn)象普遍存在。之后，到機房上機，采用示范—模仿法，教學時學生普遍能聽懂，但動手實踐時卻經(jīng)常束手無策，大部分的學生坐等老師的輔導、安排。這種方式忽略了學生的積極性、主動性，隨著課程內(nèi)容的深入，很多學生會逐漸失去學習興趣，喪失主動參與的意識，以致課程結束時，幾乎沒有學生能夠設計出具有一定水平的動態(tài)網(wǎng)站。鑒于教學未能收到預期的效果，筆者嘗試在課程中推行“一體化”教學改革。通過教學改革的實施，不但讓筆者對一體化教學模式有了初步的認識；而且實踐證明，一體化教學模式對教學質(zhì)量的提高和高素質(zhì)人才的培養(yǎng)起到了積極的推動作用。

1 “一體化”教學的探索

“一體化”教學是一種以學生為主體、教師為主導的現(xiàn)代教育模式，在教師的具體指導下，通過大量由淺入深、由簡單到復雜的實踐活動來完成教學。其特點可歸納為：

1） 教師一體化：教師既要有過硬的操作技能和豐富的實踐經(jīng)驗，又要有扎實的教育學理論和專業(yè)理論知識。

2）教室一體化：如集理論教學、小組工作、實驗操作、實習技能于一體的“多功能”教室，能充分運用多種媒體創(chuàng)設與項目、案例、問題、任務相關的學習情境。

3）教材一體化：將學習材料提煉成工作頁，教案和學案統(tǒng)一。

4）工學一體化：重視學生在校實習與實際工作的一致性，工學結合。

近年，筆者所在的學校全面鋪開“一體化教學模式改革”，涉及課題研究、課程教學等方面，在高級技工班和本科技師班進行試點。經(jīng)過多方的努力，改革頗有成效。學生的就業(yè)率逐年攀升，現(xiàn)時己超過98%，畢業(yè)生“不愁”找不到與專業(yè)對口的工作。由此可見，這種教學模式能較好地解決理論與實踐教學的割裂問題，減少課程間的知識重復，真正體現(xiàn)學生的主體作用，充分調(diào)動學生的積極主動性，有助于提高教學質(zhì)量，培養(yǎng)高素質(zhì)人才。

2 “一體化教學模式”的具體實施

PHP動態(tài)網(wǎng)頁制作課程一體化教學的實施，大體分成以下幾個方面：

2.1 以“職業(yè)崗位”為導向，設計學習任務

PHP動態(tài)網(wǎng)頁制作課程的職業(yè)崗位主要為“PHP網(wǎng)頁設計與制作員”和“PHP程序員”，其知識要求為：PHP編程語言、MySql數(shù)據(jù)庫操作、Div+Css排版、JavaScript腳本語言、圖像設計與處理等知識。結合本課程人才培訓目標，充分考慮職業(yè)崗位的知識要求，筆者最后確定用戶注冊登錄模塊、新聞系統(tǒng)、網(wǎng)上購物系統(tǒng)、綜合實訓四個學習任務為PHP動態(tài)網(wǎng)頁制作課程的主要教學內(nèi)容。其中學習任務四為學習任務三的拓展任務，要求學生能借助開源系統(tǒng)快速開發(fā)一個微型的電子商務網(wǎng)站，學生的作品會由企業(yè)顧問委員會評估認可。以上學習任務是梯度式的安排，這樣可以讓學生循序漸進地掌握動態(tài)網(wǎng)頁課程的精髓。

2.2 以“能力本位，學生為中心”設計學生工作頁

“一體化”教學過程通常以學生工作頁為載體展開，因此如果沒有學生工作頁或工作頁設計不合理，以“能力本位，學生中心”的教學改革將很難落到實處。評價工作頁是否合理， 應以是否能幫助學生實現(xiàn)有效學習為標準。基于此原則，在設計工作頁的過程中，筆者嚴格的遵循以下兩條主線：

1）任務描述—>學習準備—>計劃制定—>任務實施—>評價反饋

按照這一思路， 學生的學習遵循了工作過程系統(tǒng)化的原則， 在完成整個工作任務中獲得工作過程知識（包括理論與實踐知識）， 即知道從“ 做什么” 、“ 為什么要做” 、“ 怎樣做” 、“ 學生會做” 和到最后師生共同反饋“做得怎么樣” 的完整過程， 充分體現(xiàn)了學習過程與工作過程的一體化。以學習任務《電子商務網(wǎng)站商品導航設計》為例，如圖1所示，筆者是這樣設計工作頁的：

圖1 學習任務《電子商務網(wǎng)站商品導航設計》工作頁中的學習過程設計

2）引導文的方式展開學習過程

在工作頁中，筆者采用引導文的方式展開學生的學習過程。通過提出系列問題，引導學生對學習內(nèi)容進行系統(tǒng)化思考，使學生能夠有目標、積極主動的學習；自主思考并勇于解決實踐問題。如在《電子商務網(wǎng)站商品導航設計》任務中，實現(xiàn)“最新產(chǎn)品”區(qū)域商品導航的“橫向”重復子任務時，通過回答圖3所示多形式具趣味性的問題，引導學生復習“縱向”重復的制作方法，先“做”出“縱向”重復的效果；然后引出問題——重復效果是否按理想進行？因為該子任務的重復效果未能達到要求，學生便要探索學習，繼續(xù)“做”下去，找出縱向變“橫向”重復的方法。

2.3 在盡可能真實的工作環(huán)境中學習工作

在學習任務的實施過程中，為了便于教學的組織和實施，學校建設了一體化的學習站。一體化學習工作站設有4大區(qū)域，分別是：

1）集中教學區(qū)：教師教學區(qū)，包括在課件中布置學習任務，穿插輔導；對學習資料進行解釋；分組輔導后進行的總結點評。

2）分組討論區(qū)：提供給學生學習交流的區(qū)域，讓學生可以完成工作頁，學習任務，進行實踐，討論，交流，以及形成性評價。電腦開放上網(wǎng)功能，方便學生到網(wǎng)絡中搜索資料。

3）成果展示區(qū)：檢驗學習成果的區(qū)域，用于展示同學們完成工作任務后的優(yōu)秀作品。

4）信息檢索區(qū)：存放書籍的區(qū)域，方便學生從課外讀物中搜索資料完成工作頁。

2.4 以教會學生“學會學習、學會工作”為目標，采用行動導向的教學方法

“行動”導向教學源自德國的職業(yè)教育，是一種有別于傳統(tǒng)的學科教學模式的職業(yè)教育模式，它以職業(yè)活動為導向，以教會學生“學會學習，學會工作”為目標。因此，在大部分學習任務教學中，筆者采用了行動導向的教學方法，如剛開始，鑒于學生對PHP編程語言比較生疏，為了讓學生能快速的掌握其功能用法，筆者穿插實施了四階段教學法；又如，在商品展示設計學習任務中，為鼓勵創(chuàng)新，培養(yǎng)自我歸納能力，在評價反饋環(huán)節(jié)中，筆者穿插采用了思維導圖的教學法。再如，在最后的網(wǎng)站開發(fā)階段，筆者采用了模擬公司項目教學法，引導學生模擬進入崗位角色并按公司模式進行項目開發(fā)，此過程分了五階段，首先，以訂單的形式展開給學生安排任務。其次，引導學生進行項目分析，收集素材并整理開發(fā)思路，形成可行性方案；再次，選擇恰當?shù)募夹g進行開發(fā)；然后，測試與網(wǎng)站作品；最后，請企業(yè)顧問委員會（一些在網(wǎng)頁設計公司工作的畢業(yè)生組成）評估認可學生的作品。模擬公司項目教學法可以讓學生提早進入崗位角色，學以致用。學生通過項目積累了實踐經(jīng)驗，為畢業(yè)后競爭上崗增加砝碼。

2.5 推行滿足職業(yè)崗位需要的考核方式

“課程評價對課程的實施起著重要的導向和質(zhì)量監(jiān)測的作用”。評價方法不改，評價方式不變，教學改革就無法有質(zhì)的突破。因此，為了配合課程的“一體化”教學模式改革，達到“滿足職業(yè)崗位需要”的目的，筆者對過去單一用考試結果來評定學生學習效果的考核模式和以教師評價為唯一標準的評價方式做出了改革：

2.5.1 采用了“全方位、多角度、綜合性”的考核評價模式

即通過5個方面相結合綜合評價學生的知識掌握情況、技能水平和綜合素質(zhì)，分別是：1）課程考核、綜合實訓與工學結合相結合；2）操作、制作作品、開發(fā)產(chǎn)品相結合；3）成績評定與等級評定相結合；4）教師、學生、專家評價相結合；5）形成性評價與終結性評價相結合。

2.5.2 制訂了規(guī)范的考核標準、科學的評分標準

PHP動態(tài)網(wǎng)頁制作這門課程的評價結果包括兩個考核成績和一個等級，分別是課程考核成績、綜合實訓成績、和工學結合作品等級。具體的成績評定標準如表1所示：

通過開展“綜合評價考核”教學，能夠極大的調(diào)動學生的學習興趣，通過對09計算機與外設維修1、2班共57名學生的調(diào)查表明，對該課程有興趣的學生占35.1%，較有興趣的占54.4%，沒有興趣的占10.5%。實踐證明，該教學方法收到了良好的教學效果。

3 “一體化”教學改革的效果

通過一個學期的教學實踐與探索，PHP動態(tài)網(wǎng)頁制作課程的“一體化”教學改革己初見成效，具體表現(xiàn)為：

1）激發(fā)了學生的學習積極性：課堂上，學生能聚精會神地聽取教師的授課；完成任務時，能積極思考，廣泛參與討論，靈活應用已學知識解決問題；課后，為了能將項目完成得更好，還會主動與教師進行交流。

2）掌握了一些自主學習的方法：一個學期下來，學生通過完成工作頁，己掌握了很多正確的自主學習方法，如使用“幫助”，進入專題網(wǎng)站學習，進入論壇直接與高手對話等?，F(xiàn)在，即使課程結束了，他們也能夠根據(jù)自己的水平進行自學，不斷地充實提高自己。

3）考試成績有提高：過去PHP動態(tài)網(wǎng)頁制作的合格率在60%左右，但自引入“一體化”教學模式后，合格率達到90%，優(yōu)良率超過50%。

4）通過工學結合的作品設計，提高了學生對網(wǎng)站開發(fā)工作的熟悉程度，能極大程度的減少學生對將來就業(yè)時的恐懼感。

綜上，一體化教學改革在PHP動態(tài)網(wǎng)頁制作課程的實踐與探索，取得了一定成績。但同時在教學改革中也存在著許多困難。例如學生數(shù)量多，設備配置不能完全滿足教學要求；課程改革還不盡完善，學習任務設置還存在不合理的地方；教學改革的步伐，評價體系還不夠全面等。這些都有待于我們在深化教學改革過程中，不斷探索、克服、完善。只有建立完善的教學與評價體系，才能取得好的改革成效，實現(xiàn)培養(yǎng)高素質(zhì)應用型人才的目標。

參考文獻：

[1] 俞新中.理實一體化教學方法的選擇[EB/OL].南京交通教育網(wǎng).http：//.

[2] 張秀英.網(wǎng)頁制作一體化教學的思考與嘗試[J].心聲，2009（7）

網(wǎng)頁制作實訓總結范文第4篇

關鍵詞：中職；《網(wǎng)頁制作》課程；研究性學習

中圖分類號：G712 文獻標識碼：A 文章編號：1672-5727（2012）07-0057-02

《網(wǎng)頁制作》課程是中職計算機專業(yè)的必修課程，內(nèi)容包含了Dreamweaver，F(xiàn)lash，Photoshop等軟件的使用。在平時的教學中，師生往往側重于軟件技術性運用的教學，在結束了一個學年的課程學習后，很多學生對各個軟件的基本功能都很熟悉，卻做不出一個讓人賞心悅目的前臺網(wǎng)站。由美國教育學家布魯姆提出的關于認知領域目標的分類法，提出從知識到評價分為六個層次：知識（知道）、理解、應用、分析、綜合、評價。根據(jù)教育部頒發(fā)的《基礎教育課程改革綱要》，對課程目標提出了“知識與技能”、“過程與方法”、“情感態(tài)度與價值觀”三方面的要求，構成新課程的“三維目標”，體現(xiàn)學生各種素質(zhì)在學科課程學習中的有機聯(lián)系，體現(xiàn)了對基礎學習能力、發(fā)展性學習能力和創(chuàng)新性學習能力培養(yǎng)的整體要求。研究性學習作為培養(yǎng)上述能力的重要方法之一，為學生的創(chuàng)新能力提供一個學習平臺。

中職計算機專業(yè)《網(wǎng)頁制作》課程存在的問題

知識點多而且關聯(lián)性不強 中職《網(wǎng)頁制作》課程采用項目教學法，以學生掌握實際操作為目的，把新的知識點分散到各個教學項目中，但是由于有些知識點的關聯(lián)度不強，學生往往在學習后面幾個項目的時候，把前段時間的知識點忘記。例如，學習Dreamweaver軟件的時候，在后期的模板創(chuàng)建和使用的項目中，較多學生會遺忘浮動框架的創(chuàng)建方法。同一個軟件的學習情況已經(jīng)如此，幾個軟件綜合使用的遺忘率就更高了。在制作網(wǎng)站的時候，學生用到Flash、Photoshop軟件的一些技術時，經(jīng)常需要教師補課。

偏重技術性教學、忽略頁面的美觀和協(xié)調(diào) 對中職《網(wǎng)頁制作》課程，無論教師，還是學生，都比較注重技術性操作，對頁面的平面設計缺乏系統(tǒng)性學習。某些學生制作網(wǎng)頁的時候，頁面非?；ㄉ冢狈φw協(xié)調(diào)性，網(wǎng)站設計缺乏創(chuàng)新性，只注重個人技術炫耀，而忽略用戶的使用感受。在網(wǎng)頁制作過程中，平面設計的創(chuàng)意和布局應是優(yōu)先考慮的，網(wǎng)頁制作的技術居其后，如果一味追求網(wǎng)頁技術，甚至把各種設計軟件的功能堆砌代替網(wǎng)頁設計，忽視了創(chuàng)意和協(xié)調(diào)，那么，真正有魅力的網(wǎng)頁是無法誕生的。

學生缺少完整的系統(tǒng)性的項目實訓 《網(wǎng)頁制作》課程課時比較緊湊，新課的知識點基本以小項目制作貫穿整個教學環(huán)節(jié)，缺乏一個從客戶需求分析、UI界面規(guī)范到具體網(wǎng)頁實施的過程。學生的學習效果與企業(yè)的人才要求未能“零距離”對接。

研究性學習的特點

研究性學習具有開放性、探究性和實踐性的特點，是師生圍繞著解決問題，共同完成研究內(nèi)容的確定、方法的選擇以及為解決問題相互合作和交流的過程。具體而言，研究性學習不同于其他學習方式的特點。

強調(diào)學習方式的研究性 研究性學習強調(diào)選擇自然界和社會生活中的真實問題作為學習和研究的主題，即以問題或項目作為研究性學習的載體。學生的知識獲得與能力培養(yǎng)，都是在對自然和社會的客觀規(guī)律進行科學研究的過程中、在解決實際問題的探索過程中來完成?？梢?，研究性學習的方式具有鮮明的研究特性。

強調(diào)學習內(nèi)容的實踐性 研究性學習強調(diào)理論知識與社會生活實際的緊密聯(lián)系；強調(diào)學習內(nèi)容與研究的主題必須具有實踐性，即必須具有現(xiàn)實意義和實用價值。

強調(diào)認識過程的完整性 人類的認識過程在完成三個階段（感性認識、理性認識、實踐）和兩個飛躍（由感性認識理性認識的飛躍、由理性認識實踐的飛躍）后，才能真正實現(xiàn)對客觀事物規(guī)律的認識、理解和把握。而這正是研究性學習教學模式最本質(zhì)的特征。

《網(wǎng)頁制作》課程的研究性學習

研究性學習的教學環(huán)節(jié) 研究性學習本質(zhì)上是一種基于問題的學習，國外一般把這種學習方式稱為PBL（Project-Based Learning，基于項目的學習）或WebQuest（基于網(wǎng)絡的專題研究）。它包括提出問題、分析問題、解決問題、實施方案、評價總結五個教學環(huán)節(jié)。作為一種學習活動，研究性學習的實施又可細分為以下幾個步驟：（1）動員和培訓。這是研究性學習的準備。教師需要在研究性學習開始之前，對學生進行培訓，使其了解課題選擇的技巧、科學研究的基本步驟和相關的研究方法，并預習相關材料、做好準備。（2）課題準備階段：包括提出和選定研究課題、成立課題組、制定小組實施方案以及開題報告和評審四方面的內(nèi)容。（3）課題實施。小組成員按照實施方案開始課題研究，制定實施階段的學習目標，了解、收集課題所需的各項信息。（4）評價、總結和反思。包括撰寫研究報告、進行結題和答辯以及評定成績、總結和反思三部分內(nèi)容。

以酒店網(wǎng)站的模擬項目為例的研究性學習實踐 本項目通過制作五星級酒店的網(wǎng)站，分析了解客戶需求，明確團隊分工，探索如何達到電子商務網(wǎng)站的要求，如何體現(xiàn)酒店的高雅和吸引力。項目采用客戶指定的圖片，通過學生上網(wǎng)收集優(yōu)秀案例，教師展示國外成功酒店網(wǎng)站范例，由學生小組組成的模擬公司去制定網(wǎng)站的色彩方案、布局方案等用戶界面規(guī)范手冊（UI手冊），制定計劃書后與客戶溝通，達成一致后建立網(wǎng)站。每個“公司”（即項目小組）有項目經(jīng)理、美術總監(jiān)、技術總監(jiān)、文案四個職位，讓學生體驗現(xiàn)實工作中的氛圍，不同職位薪酬不同（加分項不同），最后由全班投票評選，投票數(shù)最高的項目為中標的項目。在整個研究性學習中，學生既學習了實用的知識，又體驗了各公司之間的競爭。

1.參與者特征分析。中職二年級學生，已經(jīng)在前期課程中學了Flash、Photoshop等平面設計。同時，隨著互聯(lián)網(wǎng)的普及，學生對電子商務網(wǎng)站都有一定的了解和認識，具備上網(wǎng)收集相關資料的能力，但缺乏對整個網(wǎng)站從設計到實施流程的認識。

2.實施過程與方法。（1）學生分為兩組，第一組為酒店的公關部員工，第二組為網(wǎng)頁制作公司的員工。（2）第一組學生負責上網(wǎng)查閱資料，了解酒店類電子商務網(wǎng)站的需求，了解客戶的瀏覽習慣和特點，并寫出建立酒店網(wǎng)站的具體要求。第二組學生負責上網(wǎng)收集電子商務類的成功案例，總結出色彩特點、排版布局樣式，并與第一組學生交流后，寫出客戶需求分析。（3）全部學生重新分組，以公司的形式組合，設立項目經(jīng)理、美術總監(jiān)、技術總監(jiān)、文案崗位及人員，明確各自的分工。（4）教師展示國外成功酒店網(wǎng)站范例，并對前期的客戶需求，色彩布局方案進行點評。（5）制作網(wǎng)站，教師在旁輔導。（6）小組自評、各組互評，教師評價。

3.研究的預期成果及其表現(xiàn)形式。提交客戶需求分析報告，UI手冊、最終成果以網(wǎng)站的形式展示。

具體實施階段設計如表1所示。

4.評價體系。對學生的項目完成情況根據(jù)不同的指標、權重進行綜合評定，詳細內(nèi)容如表2所示。表2中每一項的評定都分為自評、小組評和教師評三項，各分數(shù)項×權重并求和為該項得分，即自評（30%）+小組評（40%）+教師評（30%）=總分。另外，根據(jù)學生的職位不同，要把總分乘以加分系數(shù)。

反思和改進 研究性學習能培養(yǎng)學生科學探索能力、獨立思考習慣，注重學習過程的收獲，但教師對學生活動過程的掌握是有限的，學生本人才最清楚自己在學習過程中的收獲。通過本次五星級酒店網(wǎng)站的項目實踐，筆者認為可以改進的地方有如下幾點：（1）在小組內(nèi)可增設一名記錄員，記錄全組的活動情況作為評價依據(jù)，為學習評價的客觀性、詳細性打下基礎。（2）增加校園網(wǎng)內(nèi)的學習平臺，提供更多的拓展性學習資源。可以利用Moodle資源庫軟件，提供更多的學習資源給學生，同時，開放研究性學習的網(wǎng)上論壇，鼓勵小組之間的學生交流。（3）《網(wǎng)頁制作》課程平時教學課時緊湊，缺少開展研究性學習的時間。因此，研究性的學習項目比較適合期末考試后停課實習，或在寒暑假前布置任務，由學生獨立完成，開學后評比項目質(zhì)量。（4）教師需要在平時多積累優(yōu)秀的課題項目，給學生一個長期的、持續(xù)的實習機會，多積累優(yōu)秀的學生作品、范例，給學生一個自主學習的網(wǎng)絡環(huán)境。

中職《網(wǎng)頁制作》課程開展研究性學習能激發(fā)學生學習興趣，持續(xù)培養(yǎng)學生綜合設計能力，逐步實現(xiàn)學生工作能力與企業(yè)要求的無縫對接。同時，研究性學習要求教師不斷提高自身專業(yè)水平和付出更多的勞動。

參考文獻：

[1]北京大學數(shù)字化學習研究中心.教育技術參考手冊［OL］.[2012-05-01].?rb_d e_2_6.html.

[2]何克抗，李文光.教育技術學[M].北京：北京師范大學出版社，2009.

[3]李克東.教育技術學研究方法[M].北京：北京師范大學出版社，2003.

[4]研究性學習教師指導手冊[M].上海：上?？萍冀逃霭嫔?，2003.

[5]鄒尚智.研究性學習理論與實踐[M].北京：高等教育出版社，2006.

[6]應俊峰.研究性學習的管理模式[M].天津：天津教育出版社，2003.

[7]尹俊華.教育技術學導論[M].北京：高等教育出版社，2002.

網(wǎng)頁制作實訓總結范文第5篇

1、傳統(tǒng)教學方法問題分析

作為電子商務重要技術基礎的《網(wǎng)頁設計與制作》課程是高職類電子商務專業(yè)的必修課。

它是一門實踐性極強的綜合性應用課程。傳統(tǒng)教學方法往往注重于Dreamweaver、Photoshop等技術軟件的操作[1]，重點要求學生學習一些代碼、特效等技能操作。這種傳統(tǒng)教學方法強調(diào)以課堂為中心，以教師為中心，圍繞著教材進行授課，這樣往往忽視了學生的積極性、主動性，無法培養(yǎng)學生制作網(wǎng)頁時所需的創(chuàng)造性和理解能力。通過分析，我們發(fā)現(xiàn)采用這種傳統(tǒng)教學方法存在以下問題：

首先，高職類電子商務專業(yè)學生學習主動性不足，技術基礎薄弱，同時缺少網(wǎng)頁設計與制作所需要的抽象思維能力，這種傳統(tǒng)教學方法會造成學生學習興趣不高，學習效果較差，往往經(jīng)過一個學期甚至更長的時間學習后還難以學會這項技術。

其次，在這種教學模式下，技能學習的過程與真實的網(wǎng)頁設計開發(fā)項目流程差別較大，學生在較短時間里可能掌握部分軟件操作技能，但無法從整體上快速把握網(wǎng)頁設計與制作全過程。

同時，在教學過程中我也深刻的感受到電子商務專業(yè)的學生又對網(wǎng)頁設計技術的學習充滿期待和向往。因此，在這門課程中探索新的教學方法，幫助他們迅速掌握網(wǎng)頁設計與制作技術，就變得非常必要和迫切。

2. 信息化項目式教學模式的設計

項目教學法是一種基于建構主義的、教師指導下的以學生自主探索為基礎的教學方法，它源自于美國實用主義哲學家和教育家杜威，并由其學生不斷豐富和發(fā)展。這種教學法是以一個完整的項目為實踐教學對象，將知識點圍繞著教師所下達的項目要求，在教師指引下，以個人或小組工作方式，完成相關項目模塊，并最終將一個個項目模塊“組裝”成一個完整的項目[3]，并在項目實施過程中完成相應的教學任務，從而在教學過程中提升學生的知識、能力和素質(zhì)水平。

為了解決傳統(tǒng)教學方法在技能類課程中存在的問題，提高學生的學習興趣和教學效果，在網(wǎng)頁設計與制作課程中我們引入了項目式教學方法，同時在項目式教學過程中創(chuàng)造性的使用了我們自主研發(fā)的具有人機交互特性的實訓教學軟件，該實訓教學軟件按照真實網(wǎng)頁開發(fā)流程，配合課程所用教材和教學進度，應用到課程實訓教學中。信息化手段的應用受到學生的一致好評和積極響應，極大地提升了課程的教學效果。

信息化項目式教學設計的思路是按照企業(yè)網(wǎng)頁設計與制作的基本流程和工作步驟，將網(wǎng)頁設計與制作的整個業(yè)務流程劃分成多個連續(xù)的子項目，并用信息化手段將每個子項目進行固化。學生在進行課程實訓時，運用實訓軟件逐步完成任務，根據(jù)教學任務安排，就可以掌握網(wǎng)頁設計與制作技術和操作方法和設計思路。信息化手段的引入完整展現(xiàn)商務網(wǎng)頁設計與制作的基本原理及實現(xiàn)方法，使學生能夠在總體上快速明確網(wǎng)頁制作的過程步驟和基本方法。

3. 信息化項目式教學法在課程中的實施與應用

在課程實訓教學中，通過合理設置教學任務、實施過程控制以及教學反饋三個教學環(huán)節(jié)依次展開，最大程度上幫助學生掌握網(wǎng)頁設計與制作的基礎知識，提高他們的技能操作水平，培養(yǎng)其自主學習、勤于思考、勇于克服困難的職業(yè)素養(yǎng)。

3.1 合理設置學習情景與教學任務，明確學習目標和重難點

在每次實訓課程開始前，教師會結合實訓教學軟件，布置本次實訓課程的實訓項目，并

對該項目的實訓目標、實訓背景、實訓環(huán)境和實訓任務進行詳細的說明和分析。通過任務布置和說明，教師合理設置了學習情景，安排了相應的教學任務，明確了此次實訓課程學習的重點和難點，并要求學生在規(guī)定的時間內(nèi)完成相應的學習任務。

如課程的第五章DIV+CSS網(wǎng)頁布局這個子項目，要求學生在兩個課時的實訓課上使用實訓教學軟件，利用DIV+CSS網(wǎng)頁布局技術，完成長沙市碧雅園花卉苗木基地公司網(wǎng)站首頁的布局設計。

3.2實施項目式教學過程控制，保障教學質(zhì)量

在項目式教學過程中，信息化教學手段的應用完美地解決了一般項目教學過程難以監(jiān)控的問題。在學生運用實訓教學軟件練習的過程中，學生按照實訓教學軟件固化的業(yè)務流程，在規(guī)定的時間內(nèi)逐步完成各個實訓任務，同時教師在此過程中答疑解惑，從而實現(xiàn)了良好的過程控制。

以上述DIV+CSS網(wǎng)頁布局這個子項目為例說明如何對學生的實訓過程進行監(jiān)控。教師利用實訓軟件將該子項目又細分為八個子任務，如頁面布局與規(guī)劃、寫入整體層結構、頁面頂部制作、導航和Banner制作、內(nèi)容區(qū)制作、資質(zhì)榮譽區(qū)制作、頁面美化等。學生需要逐步完成這些子任務，才能完成本次實訓課程布置的所有任務。教師通過觀察學生實訓軟件的操作情況，就可以快速了解學生實訓進度，對實訓過程實現(xiàn)良好的監(jiān)督和控制。

3.3實施教學反饋，量化實訓效果

為了衡量項目式教學效果，量化學生實訓質(zhì)量，實訓教學軟件設置了多樣化的任務和問題，學生在回答問題并完成某些任務后，系統(tǒng)會根據(jù)學生操作選項自動給予打分，判斷學生是否完成了該實訓任務。如果系統(tǒng)評分顯示失敗，則需要學生重新去完成任務，才能進入下一個實訓步驟。通過這種評價量化機制，可以評價學生的實訓效果。教師根據(jù)學生評價得分，可以進一步完善教學活動。

4. 信息化項目式教學方法的成效特色

通過比較項目式教學法應用前后的效果，可以發(fā)現(xiàn)，在網(wǎng)頁設計與制作課程實訓教學中應用信息化項目式教學方法后，學生的學習興趣大幅提高，學習效果也得到顯著改善，新的教學方法的應用具備以下幾大特色：

4.1化繁為簡，提高學習興趣

實訓教學軟件根據(jù)真實的網(wǎng)頁設計與制作流程，將復雜的網(wǎng)頁設計與制作過程細分為幾個子項目，每個子項目又細化為多個簡單的步驟，將復雜的網(wǎng)頁制作過程簡化處理。同時為了提高學生的學習興趣，針對實際的教學應用需要，實訓軟件設置了拖拽選擇、填空、排序等許多形式多樣的問題以及個性化的人機交互方式。在學生實訓練習過程變得像打游戲一樣需要步步過關，才能進行下一步任務，這樣的情景模擬極大地提高了學生的學習興趣。

4.2仿真模擬，化難為易

為了方便學生學習掌握網(wǎng)頁設計與開發(fā)所必需的Dreamweaver軟件的使用，我們在實訓軟件中運用仿真模擬的方法將Dreamweaver軟件嵌入其中，學生在實訓過程中，可以直接在實訓教學軟件中使用Dreamweaver軟件進行操作，避免了另外打開軟件的麻煩。

4.3項目式教學過程可控制，實訓結果可量化

在信息化項目式教學方法和手段應用以后，學生實訓過程完全可控，實訓結果輕松量化，從根本上保障了實訓教學的質(zhì)量和效果。

4.4信息化實訓教學軟件的使用，提升了學生自主學習能力

在信息化實訓軟件應用到課程實訓教學后，學生不僅可以在實訓課堂上使用，還可以在課后進行反復練習，為學生的實訓學習提供了極大的便利。同時，探索式的學習方法，趣味性的問答設置等多種特色，也極大的提高了學生的主動性和積極性，鍛煉了學生的自主學習能力。