網(wǎng)頁制作實訓總結(jié)精選(九篇)

前言：一篇好文章的誕生，需要你不斷地搜集資料、整理思路，本站小編為你收集了豐富的網(wǎng)頁制作實訓總結(jié)主題范文，僅供參考，歡迎閱讀并收藏。

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

關鍵詞：技工院校 網(wǎng)頁設計 建設

網(wǎng)頁設計課程是技工院校一門實踐性很強的專業(yè)基礎課。隨著計算機在各領域應用的不斷擴大，網(wǎng)頁設計的研究與實際應用也顯得越來越重要。不少用人企業(yè)不再單純滿足于技校畢業(yè)生簡單的打字、表格制作等技能的掌握，而越來越注重網(wǎng)頁設計與制作等具有一定深度與難度技能的熟練運用。

為此，筆者學院計算機教研室在很早就將網(wǎng)頁設計課程作為計算機課程教學改革的重點，通過課程體系的重新構(gòu)建，網(wǎng)頁設計課程更加貼近學生的實際學情，也更加貼近市場、企業(yè)的需求，從而達到了預期的教學目的，也收到了良好的教學效果。

一、課程建設的目的

技工院校的專業(yè)教學有其自身的特殊性與指向性。從目前社會與企業(yè)的實際需求出發(fā)，網(wǎng)頁設計課程建設的目的應以培養(yǎng)應用型人才為主。應充分考慮技工院校學生的學習基礎和學習特點，簡單介紹HTML語言、CSS樣式、javascript語言。還要全面介紹與網(wǎng)頁設計制作有關的知識，通過對Web頁制作技術和制作工具的學習，使學生對于網(wǎng)頁設計中所涉及的相關知識有一個全面的了解，并使學生具有解決一般網(wǎng)頁制作問題的能力。

在學時、實訓條件允許的條件下，逐步培養(yǎng)學生掌握運用DreamweaveCS6網(wǎng)頁制作軟件制作網(wǎng)頁的方法；掌握運用FireworksCS6、PhotoshopCS6圖像處理軟件進行網(wǎng)頁中圖形制作版式設計及切片的應用；掌握運用FlashCS6動畫制作軟件設計網(wǎng)頁中動畫的方法；掌握將這四個軟件互相配合，完成網(wǎng)頁設計與制作任務的方法，為今后從事網(wǎng)頁設計與制作工作打下基礎。

二、課程建設的意義

1.適應職教改革的需要

職業(yè)教育的大發(fā)展對技工院校的專業(yè)課程體系建設提出了許多新理念、新要求。因此，技工院校的計算機專業(yè)教學改革也勢在必行。

2.調(diào)動學生的學習興趣

技工院校的學生普遍學習基礎薄弱，對專業(yè)學習缺乏必需的理論、實踐儲備，這就導致其學習困難。在整個學習過程中，隨著學習興趣的喪失，學習效果也在逐步下降。而打破傳統(tǒng)的網(wǎng)頁設計課程的教學模式，就可以有效地調(diào)動學生的學習積極性，從而提升整體教學效果。

3.有利于學生的職業(yè)能力的發(fā)展

網(wǎng)頁設計課程體系的建設方向是理實一體化，讓學生在學中做、在做中學，真正掌握今后就業(yè)所必需的關鍵能力，從而為整個職業(yè)生涯奠定堅實基礎。

三、課程建設的內(nèi)容

1.課程重點

掌握網(wǎng)頁制作三劍客Dreamweaver、Fireworks、flash及photoshop在網(wǎng)頁設計過程中的應用，使學生具備網(wǎng)站策劃、網(wǎng)頁設計與制作、效果圖設計與制作等方面的技能。提高學生分析解決問題能力和項目實施能力，注重學生在學習和實踐過程中職業(yè)素質(zhì)的養(yǎng)成。

通過學習，使學生熟練掌握運用Dreamweaver網(wǎng)頁制作軟件制作網(wǎng)頁，掌握運用Fireworks、Photoshop圖形圖像處理軟件進行網(wǎng)頁中圖形圖像的設計與制作，掌握運用flas制作軟件設計網(wǎng)頁中動畫的方法。

2.課程難點

在教學過程中根據(jù)學生將來的就業(yè)需要，將教學難點設置為理解HTML語言各種文本格式、字符格式、段落設置、列表、標記的作用；理解CSS樣式表中屬性單位的作用和意義；理解javascript語言腳本程序的工作方式；深入理解超級鏈接、圖形圖像各種功能和應用；深入理解表格、APDiv、框架、表單的作用；深入理解模板、庫、行為和腳本的高級應用。

理解網(wǎng)站測試的目的和測試方法；深入理解切片和熱點的涵義和應用；深入理解動畫的組成時間軸、場景、幀的涵義及各種動畫的制作；理解使用圖像設計軟件進行版式設計的方法。

3.能力培養(yǎng)要求

從技工院校學生的實際學情出發(fā)，在能力培養(yǎng)方面要有針對性地突出關鍵能力的培養(yǎng)，而不再是過去簡單的實際操作。因此要培養(yǎng)學生了解HTML語言的基本內(nèi)涵、理解基本標記的用法；掌握在網(wǎng)頁中添加CSS樣式的方法；熟練使用CSS設置網(wǎng)頁格式和列表的格式；熟練掌握網(wǎng)頁中文本的輸入、特殊字符的插入及字符格式的設置方法；掌握在網(wǎng)頁中嵌入圖像和多媒體的方法；熟練掌握使用絕對和相對URL，創(chuàng)建文本超鏈接，圖像熱點的方法；熟練掌握使用表格、框架、APDiv布局頁面的方法；掌握創(chuàng)建表單的方法；掌握模板的創(chuàng)建和庫項目的使用方法；理解行為和腳本的用法；掌握FireworksCS6基本操作及其在網(wǎng)頁制作中的應用；掌握FlashCS6基本操作及簡單動畫的制作；掌握PhotoshopCS6基本操作及在網(wǎng)頁設計中的應用。

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

關鍵詞：網(wǎng)頁制作；課程建設；教學模式

中圖分類號：G642 文獻標識碼：A 文章編號：1009-3044（2013）36-8389-02

近年來，隨著Internet的飛速發(fā)展，網(wǎng)站及網(wǎng)頁設計已成為現(xiàn)代社會中最吸引人的技術之一。各高校計算機應用技術專業(yè)、電子商務專業(yè)等都將《網(wǎng)頁制作》課程列為專業(yè)核心課程之一，在與計算機應用相關的專業(yè)人才培養(yǎng)方案中，《網(wǎng)頁制作》課程建設已成為專業(yè)建設的重要組成部分，而網(wǎng)頁制作的相關知識和技能也成為計算機類人才知識結(jié)構(gòu)不可或缺的一個重要組成部分。在十多年的教學過程中，我們在《網(wǎng)頁制作》課程建設方面做了一些有益的嘗試和探索。

1 合理規(guī)劃課程教學內(nèi)容，完善課程教學大綱

1.1 合理規(guī)劃課程教學內(nèi)容

《網(wǎng)頁制作》是計算機應用相關專業(yè)一門綜合性較強的專業(yè)課程，其前導課程包括《計算機應用基礎》、《圖形圖像處理》、《動畫制作》等，后繼課程包括《動態(tài)網(wǎng)頁制作》等，《網(wǎng)頁制作》課程一般放在第三學期開設比較合適。教學內(nèi)容包括目前流行的主流網(wǎng)頁設計軟件、超文本標記語言HTML、CSS+DIV網(wǎng)頁布局以及網(wǎng)頁素材的制作、腳本語言等。由于教學內(nèi)容是多門學科的知識、技能的綜合，這些的知識技能相互滲透和依賴.構(gòu)成一個科學的、完整的課程體系。在教學中需要合理規(guī)劃教學內(nèi)容，并適當取舍。如教學中重點學習Dreamweaver的基本知識和技能、HTML語言和CSS+DIV網(wǎng)頁布局。對網(wǎng)頁素材制作、腳本語言可適當取舍。

1.2 明確課程教學目標、完善課程教學大綱

《網(wǎng)頁制作》課程的教學目標是讓學生掌握網(wǎng)頁設計的基礎理論和基本技能，能使用主流網(wǎng)頁設計軟件制作網(wǎng)頁，使學生具備較強的網(wǎng)頁設計與制作能力，最終能提交完整的具有較高水平的網(wǎng)頁設計作品。在課程學習的同時使學生的學習能力、創(chuàng)新能力和協(xié)作能力也能獲得較大的提升。據(jù)此，課程教學大綱的修訂主要依據(jù)以下幾個原則：

1）堅持“以就業(yè)為導向”的原則。

依據(jù)目前市場對網(wǎng)頁設計師崗位能力的要求，對《網(wǎng)頁制作》課程教學大綱作進一步修訂和完善，使課程的性質(zhì)和培養(yǎng)目標更加明確，使知識目標、能力目標和素質(zhì)目標更加具體化和科學化，充分發(fā)揮課程教學大綱的教學指導作用，在課程的體系結(jié)構(gòu)方面，形成自己的特色。

2）堅持“理論夠用，突出應用”原則

根據(jù)高職學生的生源實際，以提高學生綜合素質(zhì)和實踐技能為根本出發(fā)點，堅持“理論夠用，突出應用”原則，完善課程教學內(nèi)容，在內(nèi)容設計安排上和教學活動中體現(xiàn)能力本位的思想，體現(xiàn)理論與實踐一體化的教學模式。促進網(wǎng)頁制作課程的教學改革，推動專業(yè)建設和課程建設。重視實踐教學，在課程最后一周可安排綜合實訓，讓學生模擬真實網(wǎng)站設計的全過程，培養(yǎng)學生分析問題和解決問題的能力以及對職業(yè)崗位的適應能力。

3）重視“新知識、新技術”的原則

近年來網(wǎng)頁設計技術日新月異，教學中必須緊跟網(wǎng)頁設計的最新技術，及時把學科最新發(fā)展成果引入教學。如目前各大網(wǎng)站的網(wǎng)頁設計中越來越多的使用CSS+DIV進行網(wǎng)頁布局，所以，教學內(nèi)容的安排上應更注重CSS+DIV的教學，讓學生在課堂上獲得的知識、能力和真實的崗位需求接軌。

4）兼顧“技能認證考試”的原則

突出高等職業(yè)教育的特點，兼顧職業(yè)學生對從業(yè)資格證考試的需要，重視職業(yè)資格相關的技能認證，強化市場準入意識，努力使學生畢業(yè)時取得雙證書，提高學生的職業(yè)能力。逐步培養(yǎng)和強化職業(yè)意識，培養(yǎng)良好的工作方法、工作作風和職業(yè)道德。

2 依據(jù)課程教學大綱，錘煉精品教材

為適應當今社會經(jīng)濟和高等職業(yè)教育的發(fā)展對《網(wǎng)頁制作》課程教學提出的新要求，依據(jù)課程教學大綱，在中國科學技術大學出版社的主持下，我們編寫了《網(wǎng)頁制作》教材。2009年《網(wǎng)頁制作》（第二版）通過安徽省高?！笆晃濉币?guī)劃教材的評審，成為安徽省高等學?！笆晃濉笔〖壱?guī)劃教材；《網(wǎng)頁制作》（第三版）也于2013年9月出版。為將該教材打造成精品教材，在教材編寫團隊、編寫理念、教材結(jié)構(gòu)體例、教學內(nèi)容組織和教學配套資源等方面都有所突破。新版的《網(wǎng)頁制作》教材特色更加鮮明，教材體例保持任務驅(qū)動的案例課程教學，理論與實踐一體化，教學內(nèi)容緊跟網(wǎng)站設計前沿技術，通過任務引導學習，通過案例指導實踐，通過配套教學資源提升教學效果。

2.1 教材體系結(jié)構(gòu)更加合理

為適合高職院校的教學特點，保持教學內(nèi)容的前沿性和新穎性，教材以網(wǎng)頁制作主流軟件Dreamweavwr為主線，同時兼顧了網(wǎng)頁素材制作軟件flash、Fireworks、Photoshop 的介紹和應用，以及動態(tài)網(wǎng)站的創(chuàng)建。將教材分為三大模塊，分別為基礎篇、素材篇和提高篇。通過第一部分基礎篇的學習，學生可以輕松掌握Dreamweavwr和HTML的基本知識和技能，制作出一般水平的網(wǎng)頁。通過第二部分素材篇的學習，可以輕松掌握使用Photoshop 和Fireworks 制作網(wǎng)頁圖像，使用Flash制作網(wǎng)頁動畫。通過第三部分提高篇的學習，讀者可以深入網(wǎng)頁制作的理論和技巧，掌握具有專業(yè)水準的網(wǎng)頁制作的方法和技能，并學會動態(tài)網(wǎng)站的設計與制作。教材三大模塊由淺入深，由點及面，精選教學案例，使體系結(jié)構(gòu)更加合理，更符合高職培養(yǎng)目標和要求。

2.2 采用任務驅(qū)動的案例進行教材編排

注重學生技能的培養(yǎng)，精心整合理論課程，合理安排知識點、技能點。教材每一章都有精心設計的教學案例，力求每個案例既涵蓋相應章節(jié)知識點，又能成為讀者學習的典型范例。既保持了課程教學的體系結(jié)構(gòu)，又使讀者通過教學案例輕松掌握網(wǎng)頁制作的操作技能和基本理論，學會網(wǎng)站設計的全過程，熟練地制作出有專業(yè)水準的網(wǎng)站。把網(wǎng)站設計中的真實案例編入教材中，在實踐教學環(huán)節(jié)中培養(yǎng)學生發(fā)現(xiàn)問題、分析問題和解決問題的能力。

2.3 符合高職的教學要求和特點

在編寫中力求體現(xiàn)“以就業(yè)為導向，以能力為本位”的精神，教學內(nèi)容強調(diào)理論夠用，突出實用技術。教材的編寫突出講、學、練一體的思想，充分體現(xiàn)學生為主體，教師引導、指導的作用。

3 教學方法和教學模式的創(chuàng)新

對教學模式和教學方法做了一些有益的嘗試，總結(jié)并提煉出“三段式”教學模式和“教、學、做、練”一體化教學模式以及多種教學方法，如：任務驅(qū)動的案例教學法等。盡可能使學生由被動學習轉(zhuǎn)變?yōu)橹鲃訉W習、研究型學習，收到了較好的教學效果。

3.1 任務驅(qū)動的案例教學法和“三段式”教學模式[1]

任務驅(qū)動的案例教學法是指教師將教學內(nèi)容設計成一個個的案例，每個案例包含一個或多個具體的任務，把教學內(nèi)容巧妙地隱含在每個案例之中。讓學生在一個個具體任務的驅(qū)動下完成整個案例，從而掌握教學內(nèi)容。這種教學方法打破了傳統(tǒng)的課程知識體系結(jié)構(gòu)，需要老師精心設計教學案例，以案例為線索將基本知識和基本技能融匯其中。

在實施任務驅(qū)動的案例教學法過程中，我們對教學模式進行了一些總結(jié)和探究，即將一個案例的教學分為賞析、模仿、創(chuàng)新三個階段進行，即“三段式”教學模式。第一階段，教師展示案例作品，以“案例賞析”的方式導入教學，教師應分析案例作品，講解相關的知識點和操作技能，并操作演示完成案例或案例中的主要部分。教師通過展示案例和演示案例實現(xiàn)過程，激發(fā)學生的好奇心和學習興趣。第二階段，指導學生“模仿”完成案例，學生通過模仿掌握相關知識與技能，獲得相應的能力訓練；此階段學生要獨立操作完成案例，老師的主要作用是答疑解惑。第三階段，培養(yǎng)學生“舉一反三”的能力。在模仿的基礎上，給學生布置“提高”作業(yè)，鞏固提高新學習的知識技能，培養(yǎng)學生的發(fā)散思維和創(chuàng)新能力。

3.2 實施“教、學、做、評”一體化教學模式

由于網(wǎng)頁制作課程具有實踐性強的特點，無論是教師的教學還是學生的學習都離不開電腦，多年的教學實踐證明最佳的教學效果是“邊講邊練”、“邊做邊評”。所以將教學全過程搬入網(wǎng)絡機房，實現(xiàn)“教、學、做、評”四位一體的教學模式，可極大的提高教學效果及效率。通常應在網(wǎng)絡機房中安裝多媒體教學軟件，可實現(xiàn)廣播教學、學習素材的分發(fā)以及教學監(jiān)控、學生演示、作業(yè)上傳等。由于教師每一次新課的教學，學生不再是被動的看屏幕聽講解，而是邊學邊練，新的知識技能立刻能在電腦上實現(xiàn)，學生的學習會變得更加主動和積極。對學生學習過程中的問題和亮點進行即時點評、演示，可實現(xiàn)即時答疑解惑，使學生的學習興趣得到激勵。

4 改革課程考核方式

結(jié)合高職學生的認知能力，改革課程考核評價方式，體現(xiàn)教學的多元化評估。如布置課程階段作業(yè)、期末大作業(yè)，通過課堂討論、互評或他評課程作品的辦法，改變過去單純依靠理論考試評定學生的辦法，將考核重點放在對學生學習過程和作品的考核上。更加注重學生在完成學習實踐任務過程中的綜合分析認識能力。這種考核評價方式是以能力為中心的全程化、開放式和全面的考核方式，能夠綜合反映和評價學生的知識水平和能力水平，綜合考查學生平時參與課程的情況和每階段學習的狀況。激發(fā)學生的競爭意識，培養(yǎng)學生的創(chuàng)新精神和獨立研究的能力。

5 營造開放式教學環(huán)境

目前《網(wǎng)頁制作》課程的數(shù)字化建設還沒有得到充分的開發(fā)和使用，進一步加強與課程建設相關的教學資源的數(shù)字化建設，完善教學課件、試題庫及參考答案、教師用教案等，以滿足教師教學和學生自學需要。在部分教學內(nèi)容上設置情景教學、交流與探討等教學活動內(nèi)容，營造開放式教學環(huán)境，可以縮小教師間教學水平的差異，提升整體教學效果，促進學生學習興趣提高。

6 結(jié)束語

《網(wǎng)頁制作》是計算機相關專業(yè)的核心課程，《網(wǎng)頁制作》課程建設，必須依據(jù)課程的教學目標，完善課程教學大綱的建設，編寫符合高職的教學要求和特點精品教材，在教學中改革教學方法和考核方式、創(chuàng)新教學模式。才能提高教學質(zhì)量，培養(yǎng)出適應目前社會崗位需要的高素質(zhì)網(wǎng)頁設計人才。

參考文獻：

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

關鍵詞：項目教學；網(wǎng)頁設計與制作；課程改革；實踐

項目教學模式作為一種以生為本，具有多元化、開放性特點的新型教學模式，強調(diào)了在教學時，以學生文本，加強對意義建構(gòu)的主義理論、探究式學習的理論的重視作用。即在整個教學過程中，嚴格遵循“以生為主體，教師輔導”的教學原則，以教學目標、任務為出發(fā)點，讓學生在教師指導下，按照自己的學習能力與喜好，與同學進行自由組合，選擇相應的題型，組織開展項目研究學習，以充分發(fā)揮學生的主觀能動性，從而提高他們的創(chuàng)造能力與創(chuàng)新精神。因此基于項目教學模式下，對“網(wǎng)頁設計與制作”課程進行改革與實踐，勢在必行。

1教學改革的理念與思路

在計算機應用專業(yè)的教學中，對于網(wǎng)頁設計和制作課程的教學總體目標，主要是通過真實的網(wǎng)站項目來開展教學活動，讓學生能夠依據(jù)網(wǎng)站開發(fā)的過程和網(wǎng)頁制作方法，結(jié)合需要制作的要求，制作出簡單的網(wǎng)頁圖像與自動生成的動態(tài)網(wǎng)頁，以提升學生網(wǎng)頁制作技能，積累豐富的網(wǎng)頁制作經(jīng)驗，從而滿足日后工作崗位需求。因此在進行網(wǎng)頁設計與制作時，應體現(xiàn)以下理念：(1)培養(yǎng)與人溝通和團隊合作的能力。為能準確地把握項目制作的要求與客戶的需要，教師必須重點培養(yǎng)學生與人溝通、團隊合作的能力。讓學生通過自由組隊的方式合作開發(fā)項目，共同努力完成布置的任務，讓學生之間能夠形成良好合作的關系，以提升學生的心理素質(zhì)與適應社會環(huán)境的能力。(2)培養(yǎng)職業(yè)技術能力和解決問題的能力。培養(yǎng)學生具備扎實的專業(yè)技術能力，這是網(wǎng)頁設計與制作課程中能力培養(yǎng)的關鍵。因此在進行教學時，對學生職業(yè)技術能力的培養(yǎng)，主要包括以下幾方面：①網(wǎng)站的規(guī)劃能力。在項目教學中，應了解分析項目的內(nèi)容，正確地理解項目的要求，并合理規(guī)劃項目，編寫網(wǎng)站的建設方案。②網(wǎng)站的設計能力。學生應熟悉網(wǎng)頁的工作環(huán)境，詳細規(guī)劃與設計網(wǎng)頁布局，并了解開發(fā)的主要工具，靈活使用網(wǎng)頁元素，保證網(wǎng)頁設計順利完成。③網(wǎng)站的維護與更新能力。應依據(jù)專業(yè)規(guī)范操作，來維護與更新網(wǎng)站。④解決問題的應變能力。網(wǎng)頁設計對專業(yè)性要求極高，因此要想強化學生處理問題和解決問題的能力，必須引導學生熟悉與掌握網(wǎng)頁設計中較為常用的方法與工具。(3)自學與創(chuàng)新能力。自學能力即培養(yǎng)學生自我解決問題的能力，主要是指學生在學習的過程中，能夠形成良好的學習習慣與掌握所學的知識，并通過自主學習的方式，來獲得有用的信息，以積極的應對職業(yè)中遇到的問題。而創(chuàng)新能力則是培養(yǎng)學生具備創(chuàng)新思維與創(chuàng)新意識，從而為日后工作打下扎實基礎[1]。

2基于項目教學的“網(wǎng)頁設計與制作”課程改革與實踐的途徑

2.1課程整體設計

在網(wǎng)頁設計與制作課程中應用項目教學，是否能成功的關鍵在于給學生安排的學習任務是否恰當。通常在設計項目的內(nèi)容時，必須保證對學生具有挑戰(zhàn)性、實用性、趣味性以及可操作性，要求學生通過查閱相關資料，經(jīng)過仔細研究和思考，便可順利地完成學習任務。但需要特殊注意的是，教師在設計學習任務時，必須按照教學目標與學生個性差異來設計，保證內(nèi)容設計不能過于復雜[2]。例如在“網(wǎng)頁設計與制作”的教學過程中，課程整體設計的目標是從簡單——復雜——綜合網(wǎng)站建設項目的訓練方式，讓學生能夠依據(jù)網(wǎng)站業(yè)務的需要，對網(wǎng)站需要的功能加以分析，以明確網(wǎng)頁風格與結(jié)構(gòu)，理解并設計出相應的制作方案，從而掌握網(wǎng)頁制作與網(wǎng)站的方法，熟練HTML語言、Dreamweaver網(wǎng)頁制作軟件，能讀取JavaScript代碼，并學會靈活運用CSS設計網(wǎng)站的元素。這時教師需要在設計上，依據(jù)項目的需要，選出“企業(yè)網(wǎng)站建設”作為該課程的實訓項目，將課程設計任務劃分為5個項目，16個任務、每個任務4學時，前2個項目是網(wǎng)站點的創(chuàng)建和靜態(tài)網(wǎng)頁設計，屬于簡單的入門項目，由教師輔導；第3與4個項目是進行網(wǎng)頁素材設計和制作，依據(jù)規(guī)范進行標準化網(wǎng)頁設計；第5個項目課后完成項目的情況，讓學生能夠積極參與項目的開發(fā)和維護中，以拓寬課程教學的內(nèi)容。但是每1個項目都應以任務為載體，將課程學習的內(nèi)容劃分到每1個項目中。且每1個項目之間都有明顯的獨立性，同時項目之間相互聯(lián)系，知識與技能循環(huán)漸進；前1項是后1項的基礎，后1項是鞏固前1項的關鍵，實現(xiàn)知識和技能學習的層層遞進、由淺到深、由簡到繁，以樹立學生學習的自信心。

2.2建立項目小組

在明確項目教學的內(nèi)容后，教師集全班的學生，讓學生依據(jù)項目，自由分組學習，全班分成若干組，每組為3~5名，并安排組織能力較強、善于表達的學生擔任本組的小組長。然后每組學生在組長的領導下，按照項目要求的內(nèi)容，在課后充分利用參考書目、內(nèi)容對網(wǎng)站制作與設計所涉及的資料進行查閱。此外，教師是項目的指導者，應適當引導學生整理所需要資料。讓每個成員之間依據(jù)不同的學習任務，專門負責自己的問題。例如在“網(wǎng)頁設計與制作”的教學過程中，教師依據(jù)本班學生的情況，將學生劃分成每組5名成員后，結(jié)合實施方案，讓1名理論功底扎實的學生負責網(wǎng)站欄目的整體規(guī)劃；1名計算機操作能力較強的學生負責網(wǎng)頁制作；2名程序設計能力較強的學生負責代碼的編寫和程序調(diào)試；然后讓擔任小組長的學生負責對網(wǎng)站加以宣傳，并制定項目進度表，明確成果完成的時間，同時詳細記錄每個成員學習的情況、態(tài)度，為教師的評價提供依據(jù)。

2.3項目教學的實施

項目教學的實施主要是引導學生為完成項目，而組織開展自主性的學習，以輔導學生依據(jù)項目學習中所需要的知識與技能，通過有效的學習方法來開展學習活動，激發(fā)學生的學習熱情與主動性[3]。例如在確定各小組的學習任務后，進入具體“網(wǎng)頁設計與制作”課程的學習中，一開始部分學生會感覺到制作一個網(wǎng)站，以我個人的能力，難以順利完成教師布置的任務，又怎會設計出具有個人鮮明、獨具個性的網(wǎng)站來吸引客戶的注意力？針對這些問題，在進行教學時，教師需要將教學知識轉(zhuǎn)變成學習任務，以學生合作的方式，然后詳細講解網(wǎng)頁設計與制作的知識點，讓學生結(jié)合參考目錄和資料，來回答提出的學習問題：(1)什么是框架？有什么作用？(2)框架和網(wǎng)頁之間的聯(lián)系？框架的優(yōu)缺點？(3)依據(jù)各網(wǎng)站主頁布局，怎樣合理地使用框架？這樣學生不僅能夠在合作的前提下，進行自主探究學習，還可快速找到問題的答案：在Web瀏覽器窗口中，HTML框架集文檔顯示的若干個獨立的可滾動區(qū)域就是框架，框架集中每一個框架在Web瀏覽器窗口中，屬于自己管轄區(qū)域內(nèi)顯示一個HTML文檔，可使用選項內(nèi)是否滾動和可調(diào)整大小來調(diào)整頁面。

2.4成果展示

在網(wǎng)頁設計與制作課堂教學中應用項目教學時，項目成果的展示是為教師評價提供參考的關鍵。因此在實際項目學習成果展示的過程中，要求教師應依據(jù)項目教學的要求來組織各個小組的小組長匯報本組的項目成果。但需要特殊注意的是，小組長在展示、匯報本組的項目成果時，需要詳細說明作品涉及的知識點、創(chuàng)新、優(yōu)缺點和項目中遇到的困難，并說明對于遇到的問題，應該如何解決，而其他小組的成員，也可提問與設計有關的思路、技術和特點等問題，讓課堂教學生動活潑，從而提高教學的效果[4]。例如在“網(wǎng)頁設計與制作”的教學過程中，各小組完成動態(tài)網(wǎng)頁作品的制作后，教師應通過組織活動的方式，讓每個小組的組長借助電子演示文稿的方式，詳細的介紹、JSP和PHP等動態(tài)網(wǎng)頁技術，但是由于時間的限制，教師需要引導每個小組結(jié)合學習的情況，將關于ASP的內(nèi)置對象：Request、SQL查詢語言、Respone、Server、Application、Session以及ADO組件中的Connection、Command和Record.Set等歸納為一個單獨的知識點加以闡述，以便其他小組的成員理解掌握Dreamweaver數(shù)據(jù)庫、綁定和服務器行為等網(wǎng)頁制作知識。

2.5考核方式的改革

項目完成后的最后環(huán)節(jié)就是教師要進行及時客觀的點評與總結(jié)，評定學生的學習成績。但是以往的課程考核方式都是通過筆試與期末提交個人作品的方式來考核，這種考核模式過于注重結(jié)果，忽略學生學習的過程，難以達到項目教學的考核目的。因此在對學生的成績進行評價與總結(jié)時，教師必須將現(xiàn)場匯報、學生自我評價和學生互評內(nèi)評價內(nèi)容納入到考核評價中，形成完善的課程考核評價體系，從作品的主題、版面、圖片、色彩搭配、網(wǎng)站布局和超鏈接等方面來考核學生的口頭表達能力、溝通能力、日常出勤、課堂表現(xiàn)和每個階段實訓項目的質(zhì)量，以了解學生掌握的技能，然后通過百分制的方式進行最后總評，依據(jù)40%的比例納入到課程總評成績中，實現(xiàn)評價的合理性[5]。

3結(jié)束語

綜上所述，項目教學在網(wǎng)頁設計與制作中的應用，不僅能豐富課堂教學的內(nèi)容，拓寬學生的知識面，實現(xiàn)知識的轉(zhuǎn)化與整合。還可按照項目的目標進行課程的整體設計、建立項目小組、成果展示和考核，將枯燥、乏味的文字變得更加生動有趣，讓學生積極參與到項目活動中，充分發(fā)揮學生的主動性與潛力，進行自主性探究學習，以培養(yǎng)學生形成良好的學習習慣，從而促進學生全方面發(fā)展。

參考文獻：

[1]勞飛.基于項目化教學的“網(wǎng)頁設計與制作”課程改革與實踐[J].教育與職業(yè),2014(29)：139-140.

[2]毛樂琦.高職《網(wǎng)頁設計與制作》課程項目化教學改革實踐[J].電子制作,2013(23)：113-113.

[3]沈勤豐.基于“項目引領任務驅(qū)動”的課程改革與實踐——以“網(wǎng)頁設計與制作”為例[J].職業(yè)技術,2013(2)：25-26.

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

關鍵詞：網(wǎng)頁制作 遞進式 案例任務 小項目探究 項目導向

網(wǎng)頁制作課程是高等職業(yè)學校計算機應用專業(yè)的必修課，這門課程與其他課程相比，無論是教學內(nèi)容還是教學方法上都有其特殊之處，它集知識和技能于一體，有較強的操作性和綜合實踐性，它涉及文字版面處理、計算機語言、計算機圖像處理、FLASH動畫、數(shù)據(jù)庫等相關知識，需要有一定的相關課程知識基礎。

一、靈活處理教材，設計遞進式的課程體系

網(wǎng)頁制作這門課程的操作性和綜合實踐性很強，教師必須對現(xiàn)行的教材進行內(nèi)容改革，靈活處理教材。首要任務就是要根據(jù)該課程的特點結(jié)合高等職業(yè)學校學生的實際情況，確立正確的教學目標，制定相應的教學計劃，調(diào)整教學內(nèi)容。高職學生網(wǎng)頁教學目標是培養(yǎng)學生制作設計一個網(wǎng)站，因此制定網(wǎng)頁課程的教學內(nèi)容，第一階段：網(wǎng)站配色與布局、使用Photoshop處理圖形圖像、使用 Dreamweaver制作網(wǎng)頁；第二階段：制作FLASH動畫、制作 JavaScript腳本特效、SQLServer數(shù)據(jù)庫管理和開發(fā)；第三階段：網(wǎng)站項目開發(fā)與實戰(zhàn)。依據(jù)網(wǎng)站制作與設計流程，教師再進行課程整合,按階段分模塊設計遞進的教學內(nèi)容，在教學中打破傳統(tǒng)的從概念到原理的邏輯順序，根據(jù)教學計劃與課程標準，開發(fā)以培養(yǎng)學生智力技能與專業(yè)技能為目標的校本教材，并制作以課次為單位的案例和任務單，以月為單位的小項目和以學期為單位的綜合項目，通過任務完成達到技能的掌握與知識點的鏈接，通過項目制作達到綜合設計能力的培養(yǎng)，從而讓學生掌握網(wǎng)頁制作的相關知識，培養(yǎng)相關能力。

二、改革教學法，采用遞進式的教學模式

網(wǎng)頁制作涵蓋的知識和技能很豐富，教學中教師不能采用簡單的知識傳授和灌輸這種傳統(tǒng)的教學方法，而是要努力提高學生的綜合應用能力和創(chuàng)新能力，加強學生的實踐動手能力。課程必須安排在計算機房進行，采用教與學結(jié)合的方式，在老師的指導下，學生通過多練多做來掌握相關知識和技能。結(jié)合教學經(jīng)驗，筆者認為根據(jù)學生學習的不同階段可采用不同的教學方法。

1.案例任務教學法

案例任務教學法主要用于學生學習網(wǎng)頁制作的初級階段課程，在這一階段中學生主要以培養(yǎng)興趣，掌握基礎知識和基本技能為主，教師的教學采用以案例為線索、以任務為目標的教學方法。在教學中教師根據(jù)不同的知識點選擇相配套的案例和任務，這些案例和任務的編排要遵循由淺入深、由易向難、循序漸進的原則，同時這些案例和任務要為后續(xù)的綜合案例和項目作鋪墊。例如教師在講授第一階段“圖形圖像”這一模塊教學內(nèi)容時，可以設計一個與網(wǎng)頁有關的案例――“GEARHEAD公司LOGO”，這個案例中涉及圖像選擇工具、圖層樣式、圖層組及文字工具等技能，同時涉及網(wǎng)頁LOGO的基本常識。教師在完成本例的分析演示后，要求學生模仿制作，然后再下達任務――布置一系列著名網(wǎng)站的LOGO圖標以供學生選擇模仿制作，學生通過模仿制作掌握相關的圖像技能，同時掌握LOGO的基本知識，并鼓勵能力強的學生設計自己喜歡的LOGO圖標。通過案例任務教學法培養(yǎng)學生舉一反三的能力，調(diào)動學生的能動性。

2.小項目探究法

案例任務驅(qū)動法主要強調(diào)學生獨立性，而忽略學生之間的合作。當今社會是一個高度合作化的時代，一個沒有合作精神與合作能力的人必將無法在將來的生活和工作中得到發(fā)展。為此，推行小項目合作探究十分必要。小項目探究法主要用于學生學習網(wǎng)頁課程的技能強化階段，通過初級階段的學習，學生已初步掌握了網(wǎng)頁制作的基本知識點，現(xiàn)在進入提高強化階段，本階段教學內(nèi)容分為兩個方面，一方面是讓學生對初始階段的案例和任務進行強化和提高，另一方面是讓學生在強化舊知識過程中掌握新

知識。

本階段采用小組合作探究形式，首先將學生每4～6人分為一個小組，并選基礎好的學生為組長，教師根據(jù)學生已學過的知識和上一階段的任務，設計階段小項目，這些小項目既是初級階段的任務的綜合，又是下一階段綜合項目的子項目。在教如何“使用Dreamweaver制作網(wǎng)頁”時可以制定幾個主題，如“低碳”“城運會”“關愛動物”小組形式自由選題，讓同學們綜合應用前面學過的配色、圖形等知識，合作探究設計一個網(wǎng)站的雛形。教師指導學生設計一個學案，該學案能在課堂教學中起指導和引領作用，促使學生主動探索，建構(gòu)知識結(jié)構(gòu)體系。學生根據(jù)學案中的要求，利用實訓課和課外時間，在規(guī)定的時間（兩周）內(nèi)完成，學生可以進行不同的角色分工，合作完成，教師在學生制作過程中進行適時跟蹤，指導并解答學生制作過程中存在的疑難問題，學生完成后再進行小組總結(jié)和評價，最終將小組總結(jié)評價及作品打包通過 FTP 上傳給老師，教師及時地進行階段小結(jié)、點評，同時展示優(yōu)秀作品。

“小項目設計與合作探究”教學法是以任務為主線、教師為主導、學生為主體的教學方法。在教學中，教師要充分地了解學生，及時解決學生學習遇到的困難，引導學生大膽進行問題的探究，及時做好積極的評價。教師要嘗試建立靈活客觀、立足于平常的“自主、合作、探究”學習評價體系，以期不斷激勵學生參與“自主、合作、探究”學習過程，培養(yǎng)學生的合作意識和自主創(chuàng)新的能力。

3.綜合項目導向法

網(wǎng)頁制作教學的目標讓學生完成一個綜合網(wǎng)站制作，在這個階段中采用“項目導向法”。在高等職業(yè)教育中，項目教學是一種綜合性的課程模式，通過前兩個階段的學習，學生已具備網(wǎng)頁制作的相關知識和基本技能，同時也有小組合作探究的基本能力。本階段主要是提高學生綜合網(wǎng)站開發(fā)的水平，同時也是為了檢驗學生的學習成果。

例如，在講網(wǎng)頁制作――綜合項目實戰(zhàn)時，首先讓學生根據(jù)個人的愛好設計一個小型主題網(wǎng)站的網(wǎng)站規(guī)劃書，這樣學生在學期初就知道本學期自己在這門課程的學習中要達到怎樣的要求、完成什么任務，就會使他們產(chǎn)生學習的興奮點。在這種教學模式下，學生成為了學習的主體，教師在教學過程中扮演引導者，學生在教師的指導下自主學習，邊學邊做，邊做邊學，完成教師安排的教學內(nèi)容，完成原定的項目（個人網(wǎng)站設計）。在完成一個項目任務后而獲得的成功愉悅和滿足感，不但提高了學生的學習興趣和學習的積極性,同時也培養(yǎng)了學生自主學習的能力，讓他們學會學習。教師真正做到了素質(zhì)教育所提倡的“授人以漁”而不是“授人以魚”。

在項目導向法的實施過程中，仍然以小組合作的形式，并根據(jù)同學們的特點模擬合作企業(yè)的崗位為同學們分配任務，如策劃師、圖像技師、動畫技師、后臺程序設計師等，讓同學們在項目中負責各自專門的任務，并共同完成一個綜合項目，最后上傳到 WEB 服務器上。教師組織學生對每組的作品進行評價、總結(jié)并展示優(yōu)秀作品。

總之，這個階段能鞏固和提升學生知識、技能，同時鍛煉學生的綜合應用能力和分析問題、解決問題的能力，培養(yǎng)學生的合作能力和創(chuàng)新的設計能力，提高學生的綜合素質(zhì)。

通過以上這些方法激發(fā)學生的學習興趣，調(diào)動學生的學習積極性，同時改善“網(wǎng)頁制作”課程的教學效果。通過有效的學習，學生的綜合技能和綜合質(zhì)素得到提高。為了進一步適應高等職業(yè)學校教育改革，教師仍要對該課程的教學進行積極探索，精心設計教學案例和項目，寓教于樂，爭取更好的教學效果，培養(yǎng)更多的技能型人才，以提高學生的就業(yè)競爭力。

參考文獻：

[1]楊曉明.《網(wǎng)頁制作》課程教學改革的探索與研究[J].甘肅聯(lián)合大學學報,2008(3).

[2]沈道云.任務驅(qū)動教學法在Photoshop教學中的應用[J].職業(yè)教育研究,2006(12).

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

本課程內(nèi)容設計的總體思路該課程總體設計思路是，打破以知識傳授為主要特征的傳統(tǒng)學科課程模式，采用以工作任務導向為驅(qū)動的課程學習模式。根據(jù)實際崗位的設置要求，開展廣泛調(diào)研，在圍繞工作任務完成所需要的理論知識的基礎上，采用工作過程系統(tǒng)化的課程開發(fā)技術，遵循高等職業(yè)教育理念，確定本課程學習目標和學習情境設計，讓學生在學習情境中學習完成具體項目的過程中學會完成相應工作任務，并構(gòu)建相關理論知識，發(fā)展職業(yè)能力。

學習情境設計的基本依據(jù)該門課程是以電子商務專業(yè)就業(yè)面向網(wǎng)站開發(fā)或維護崗位工作任務所需的相關專業(yè)知識與必要技能為依據(jù)設計的。遵循一案到底、分層模塊、循序漸進的路徑選擇，選擇以具體的實際動態(tài)網(wǎng)頁項目開發(fā)中的常用案例作為學習情境，每個學習情境均能體現(xiàn)以工作過程為導向，理論與實踐相結(jié)合的職業(yè)能力的培養(yǎng)。

學習子情境設計的邏輯線索在每一個學習情境中，根據(jù)職業(yè)崗位工作的需要，按實際動態(tài)網(wǎng)頁項目開發(fā)工作步驟，可設計若干學習子情境，由淺入深，由易及難，循環(huán)上升。理論知識的選取則緊緊圍繞工作任務完成的需要來進行設置的。

基于工作過程，理論為實踐教學服務本課程的設計基于工作過程，課程內(nèi)容的體系安排以實際工作過程為序。也就是說，以實踐為主線，理論為實踐服務，但是如果片面地強調(diào)實踐，會造成學生只知其一不知其二，缺乏后勁，所以必須的理論一定要跟上。在教學內(nèi)容的設計中主要分為三個層次，基本知識基本技能層次，應用提高層次，綜合應用層次。在第一層次，基本知識與技能層次。本層次主要以教師為主，教師講解實訓項目，分解知識點，教師處于較為主要的地位，在這個階段，教師重在基本知識的講解，適當降低難度，幫助學生入門，適當放慢進度，讓全體同學都能跟上。第二層次，應用提高層次。在這個層次，教師逐漸將主動權轉(zhuǎn)給學生。適當提升難度，加快進度，根據(jù)學生特點，提出學習任務和能力培養(yǎng)目標。理論知識以引導學生為主，同時不斷提出問題，引導學生思考，引導學生自主學習，對于較集中的問題做透徹地分析與講解，通過布置論文等手段，督促學生對理論知識的學習，開拓學生視野，提高知識水平。第三層次，綜合應用層次。在這個層次中，教師慢慢隱去自己，全部主動權交給學生，主要來解決學生在實際應用中出現(xiàn)的問題。在這三個層次中逐漸增強學生的主體作用，弱化教師的作用，但是教師在教學中重視理論的指導作用，不是唯實踐而實踐，唯能力而能力，而是真正實現(xiàn)理論為實踐服務，為工作過程服務。

高職《動態(tài)網(wǎng)頁設計》課程學習情境的設計

課程內(nèi)容的選取是根據(jù)本門課的培養(yǎng)目標確定的，根據(jù)動態(tài)網(wǎng)頁制作工作過程，劃分了六個學習情境，學習情境描述見表1：表1學習情境設計

教學考核與評價

考核評價方式課程的考核評價采用“過程+結(jié)果”的方式進行，即學生綜合成績的評定包括兩個方面：一是對學生在學習過程中知識目標、能力目標的實現(xiàn)程度進行考核評價，即為過程考核，在平時以適當方式（各門課根據(jù)實際情況）給出成績；二是通過對學生提交的工作成果、理論作業(yè)、調(diào)查報告以及期末試卷測試成績對學生知識、技能掌握程度進行考核評價。

考核評價內(nèi)容過程評價。它是對學生在學習中應用web數(shù)據(jù)庫與動態(tài)網(wǎng)頁制作技術的態(tài)度和能力，參與度，解決問題的能力，對新技術的接受能力，與同學協(xié)作的能力，對新的應用環(huán)境的適應能力，社會活動能力，完成任務的責任心和道德規(guī)范、安全意識等方面的評價。階段評價。它是對學生完成web數(shù)據(jù)庫與動態(tài)網(wǎng)頁制作課程某一階段學習任務的評價，以某一項目為內(nèi)容，通過完成某一“任務”，對學生掌握web數(shù)據(jù)庫與動態(tài)網(wǎng)頁制作課程的基礎知識和基本技能的程度進行評價?？偨Y(jié)評價。它是對學生完成web數(shù)據(jù)庫與動態(tài)網(wǎng)頁制作課程學習后的綜合評價，以考核、展示、、交流等多種形式，讓學生自定主題，自己設計，創(chuàng)作有個性的作品，充分發(fā)揮學生的主動性和創(chuàng)造力，對學生運用web數(shù)據(jù)庫與動態(tài)網(wǎng)頁制作技術解決實際問題的綜合能力、創(chuàng)新精神和實踐能力進行評價。

結(jié)束語

第6篇：網(wǎng)頁制作實訓總結(jié)范文

關鍵詞： HTML5；語義；經(jīng)驗推導原則；目的教學法

中圖分類號：TP393 文獻標識碼：A 文章編號：1009-3044（2013）05-1249-02

1 開設該課程的必要性

1.1 就業(yè)的需求

電子商務專業(yè)自設立以來，經(jīng)歷了互聯(lián)網(wǎng)經(jīng)濟從無到有、從泡沫到低迷再到普及的全過程，做為一個并不年輕的專業(yè)，關于課程改革的爭論也從未停止過。關于電子商務是偏重于商務知識還是偏重于學習計算機專業(yè)技術，作者的看法是計算機技術的學習仍然不可被削弱。傳統(tǒng)營銷類專業(yè)對商務行業(yè)的學生培養(yǎng)已經(jīng)夠多了，再在電子商務里過分強調(diào)商業(yè)知識的學習顯然于專業(yè)設定的角度上存在不小的問題，再者相當多的傳統(tǒng)經(jīng)濟手段比如網(wǎng)絡營銷、網(wǎng)上結(jié)算等方面已經(jīng)離不開互聯(lián)網(wǎng)的支持了，尤其最近幾年，圍繞互聯(lián)網(wǎng)經(jīng)濟產(chǎn)業(yè)的就業(yè)群體雖然不斷擴大，但是畢業(yè)生的總體素質(zhì)卻流露出略有下降的特點，企業(yè)的要求，應屆畢業(yè)生少有符合要求的表現(xiàn)。這正是由于過于偏重于理論知識的學習，很多學生實際工作能力接近于零，坦白說當下畢業(yè)生會用辦公軟件的都是少數(shù)。

1.2 課程設置的落后性

由于互聯(lián)網(wǎng)技術的發(fā)展速度日新月異，學校設置的課程總是偏向于“當下”，而沒有著眼于“未來”，往往體現(xiàn)出某種程度上的落伍感，在學生還沒畢業(yè)的時候，往往課程內(nèi)容已經(jīng)過時，用不上了。這種學校學習與未來畢業(yè)就業(yè)的“斷檔”現(xiàn)象還會繼續(xù)持續(xù)相當長的時間。本門課程作為一個課程改革的試點，進行了與未來接軌的教育模式方面的探索。

電子商務專業(yè)歷來注重計算機網(wǎng)頁技術的課程學習，每個院校幾乎都將其設置為核心課程。作為就業(yè)方向之一，電子商務專業(yè)每年都能向社會輸出一定數(shù)量的網(wǎng)頁制作、維護專門人才。電子商務專業(yè)的特點決定其在網(wǎng)頁制作的學習中更偏重前段設計。現(xiàn)今的網(wǎng)頁制作課程幾乎都是在HTML4網(wǎng)頁標準基礎上進行的學習，而該標準是上個世紀90年代末期制定的，一定程度上已經(jīng)落后于科技的發(fā)展。很多學生畢業(yè)就陷入在了不停學習新知識的漩渦中，久而久之很多都放棄并轉(zhuǎn)行了。雖然最新的HTML5標準部分內(nèi)容尚在制定中，但是其很多已經(jīng)定義成熟的語義標簽已經(jīng)被很多主流瀏覽器全面支持（非100%完全支持）。在信息時代，我們在教學活動中對學生的培養(yǎng)應該著重于學生未來畢業(yè)所需，不能僅僅停留在基礎理論的講述和相對落后的相關知識內(nèi)容的傳授上。

本門課程應傳授學生HTML5的入門知識，同步網(wǎng)頁設計科技的新趨勢，讓學生在就業(yè)中“跟得上、學得快”。

2 新課程在知識結(jié)構(gòu)中的位置

電子商務計算機方面的課程主要分為兩個方面：培養(yǎng)學生的日常辦公能力和應用互聯(lián)網(wǎng)絡的一般技能。其中，日常辦公能力主要由辦公軟件、網(wǎng)絡工具的運用等組成；網(wǎng)絡基礎知識則包含了計算機網(wǎng)絡基礎知識和網(wǎng)頁設計與制作等課程。在課程結(jié)構(gòu)上，網(wǎng)頁制作和圖像處理基礎知識位于網(wǎng)頁制作技術的最底端，包含了進行單個網(wǎng)頁制作的基礎內(nèi)容、對網(wǎng)頁或廣告中的圖像的添加、處理和修改等等內(nèi)容。在網(wǎng)頁制作課程的基礎授課內(nèi)容中，已經(jīng)可以涉及到部分簡單的HTML4標準的語義標簽了，因此可以方便接續(xù)HTML5升級后的語義標簽進行知識拓展。

網(wǎng)站建設課程為偏重編寫程序的遞進知識內(nèi)容，將HTML5的內(nèi)容放置在其前面，正好可以針對HTML語義新標簽進行新知識的升級講解，實現(xiàn)環(huán)環(huán)相扣的遞進關系。

在現(xiàn)有的知識框架中進行一定程度的調(diào)整和升級，符合漸進式課程改革的方式。HTML5新標準課程從知識體系上與網(wǎng)頁設計與制作相接續(xù)，后延課程可以包括javascript腳本知識、動態(tài)網(wǎng)頁制作知識等遞進知識。由于其技術類課程的特點，適合采用集中授課的方式進行講授，建議將其設置為“實驗”或“實訓”等類型的課程，學時設置在28～36左右。

為了提高課程的知識含量，本課程可涉及部分AJAX知識作為拓展學習內(nèi)容，可引導基礎牢靠、理解能力強的部分學生進行深入學習。

3 授課方式方法

本門課程側(cè)重動手實踐能力的培養(yǎng)，可采用循環(huán)授課的方式來逐漸鞏固學生的基礎。

第一輪的學習中，以跟隨教師同步操作完成一個成型的網(wǎng)頁頁面為核心，在該過程中，盡量包括足夠的HTML5的相關知識點，但不對知識點做過于詳細的解釋，主要以“能用”為主，在后面的學習中再慢慢過渡到“會用”的程度。第二輪的學習中，逐步減少對新增知識點的學習，轉(zhuǎn)而對已有知識的綜合運用上去，以鞏固其基礎。

第三輪的學習采取較為開放性的方式，引導學生利用已有知識進行網(wǎng)頁頁面布局，教師可作為輔助指導。在學生遇到較大障礙的時候，對學生尚不理解的知識進行部分講解和指導，引導學生查找相關資料，從而促進其“持續(xù)學習”。

4 授課知識框架參考

4.1 基礎知識講解與運用（目的教學法）

實踐經(jīng)驗證明，阻礙學生學習的重要問題之一就是沒有目的的學習，因此在課程設計中必須詳細的制定學習目標、進度和學習考核制度。對電子商務專業(yè)的學生來說，本階段課程設計偏重于實踐，側(cè)重于“完成”而不是“融會”。從一開始注重挑選代碼量少，知識點少的小實例來完成，并鼓勵學生進行小范圍的修改來達到舉一反三的效果。從人的認知規(guī)律來總結(jié)，作者認為人往往通過已有知識和信息來理解新知識，可以起名叫“經(jīng)驗推導原則”。在新課程授課設計時要盡可能的多涉及到HTML4傳統(tǒng)標簽與HTML5新語義標簽之間的互用，通過對HTML4舊標準的標簽與HTML5新標簽之間的對比，來達到承上啟下的作用。

框架結(jié)構(gòu)知識參考如下：

4.1.1頁面外觀設計為重

偏重于視覺效果較突出的內(nèi)容來設置課程，以提高學生的積極性。此處盡量利用純CSS來制作頁面的配色、表現(xiàn)效果等。同時對于音視頻的添加涉及格式確定和轉(zhuǎn)換的問題，此處涉及到多媒體格式的新標準，需要加入到學習中去。

4.1.2對瀏覽器的不同支持

IE瀏覽器9.0以前的版本對很多HTML5語義并不支持，需要依賴別的方法（javascript腳本）來實現(xiàn)支持。關于這個知識點由于涉及內(nèi)容較多，不易掌握，可以先考慮通過其他瀏覽器（如chrome）來實現(xiàn)HTML5的效果，然后再在知識講解中來實現(xiàn)IE瀏覽器中相對應的表現(xiàn)效果。

4.1.3新表單的學習

關于HTML5新表單要多涉及，由于表單主要用于網(wǎng)頁程序與用戶的交互，因此要作為一個較為重要的方面去做課程設計。由于越來越多的網(wǎng)站采用異步傳輸方式來減少用戶的等待過程，因此適當引入AJAX部分內(nèi)容的基礎學習，可提供給有余力的學生自學，作為一個有益的拓展。

4.2 開始進行核心知識的講解

此處可適當加深內(nèi)容，但是不可一味追求難度?？梢赃M行階梯式步進學習，對復雜知識以多個小實例來帶動學習（比如對流式布局的講解，可以先例舉網(wǎng)頁中標簽的BLOCK顯示效果實現(xiàn)，過渡到兩個BLOCK塊的浮動顯示，接續(xù)制作一個自動擴充的導航條，再到整個網(wǎng)頁頁面的流動布局講解，如此則更加具備授課結(jié)構(gòu)的邏輯性）。

教師授課過程中，要適時記錄學生學習的狀態(tài)，不斷在框架內(nèi)進行授課內(nèi)容和方法的小范圍調(diào)整，不可貪多求快，也不可過分拖拉。教師可引導學生進行自我學習，提升其理解能力。

4.3 放開手腳

第三輪授課要少講、多練，讓學生多動手制作，實現(xiàn)自己想法。給定學生一個大致的方向，根據(jù)這個方向來自我發(fā)揮，制作個人網(wǎng)頁的布局設計，以此來擺脫傳統(tǒng)方式的“你講我記”的教學方式。要更注重靈活性。該階段要求教師設計課程框架結(jié)構(gòu)完整、具有較為全面的知識面和快速學習、快速理解等能力。

5 課程考核方式

本課程的考核可采取累加式考核，對三輪授課進行分別考核，然后匯總。

考核表格設計：

[第一輪得分＼&第二輪得分＼&第三輪得分＼&基礎知識＼&＼&基礎知識＼&＼&基礎知識＼&＼&完成效果＼&＼&完成效果＼&＼&完成效果＼&＼&]

根據(jù)學生三輪表現(xiàn)生成圖表，對考核學生成績也較為直觀。

參考文獻：

第7篇：網(wǎng)頁制作實訓總結(jié)范文

1理實一體教學模式下教學內(nèi)容選取

1.1教學內(nèi)容選取的指導思想

依據(jù)高職計算機應用技術（網(wǎng)站建設方向）人才培養(yǎng)目標、從計算機專業(yè)群未來就業(yè)崗位的實際需求出發(fā)，統(tǒng)籌考慮選取課程教學內(nèi)容。以網(wǎng)站設計與開發(fā)技術的崗位任職要求，參照網(wǎng)站設計與開發(fā)職業(yè)的資格標準，不斷改革與創(chuàng)新課程體系與教學內(nèi)容。教學過程中按照以“職業(yè)崗位工作過程為導向”，“以職業(yè)能力培養(yǎng)為課程核心”，“以教師為主導、學生為中心”的理念進行課程設計，以實際工作任務為載體組織教學內(nèi)容，不斷創(chuàng)新與改革教學方法和教學手段。

1.2教學內(nèi)容的針對性與適用性

1）深入職業(yè)崗位調(diào)研，掌握一手資料

要確保理實一體教學達到預期效果，科學選取與優(yōu)化教學內(nèi)容使其具有針對性、適應性顯得尤為重要。為此，課程組要廣泛深入?yún)^(qū)域內(nèi)典型的企業(yè)、校外合作實訓基地，對與課程相關的職業(yè)崗位進行充分調(diào)研，從企業(yè)領導者、中層管理者、技術骨干及生產(chǎn)一線人員獲取第一手資料。分析了解網(wǎng)站建設與開發(fā)從業(yè)人員在知識、能力、素質(zhì)方面的要求，根據(jù)掌握的一手資料，選取與優(yōu)化課程教學內(nèi)容，使課程教學內(nèi)容真正貼近企業(yè)、緊跟行業(yè)發(fā)展，達到學以致用的目的。

2）以勝任崗位為目標，有效確保教學內(nèi)容的針對性與適用性

通過調(diào)研，明確了學生通過對該課程的學習，能夠熟練掌握網(wǎng)頁制作工具（Dreameweaver或FrontPage），掌握網(wǎng)頁設計語言（Html、或JavaScrip或VBscript），在網(wǎng)頁中設置特效，設置網(wǎng)頁顏色、文本格式和列表，熟練掌握網(wǎng)頁中顏色值的配置和背景圖案的設置方法，熟練掌握字符、超鏈接顏色的設置方法；掌握在網(wǎng)頁中添加CSS、插入動畫、聲音、多媒體信息的技術；熟練掌握表格的使用，能熟練通過對表格設計來布局網(wǎng)頁；熟練掌握Div標簽與CSS樣式結(jié)合，進行頁面布局；（增加）掌握框架制作網(wǎng)頁的方法，能使用框架設計網(wǎng)頁；掌握表單的制作方法，通過表單制作交互式頁面；掌握Javascript語言的語法；能看懂Javascript特效網(wǎng)頁源代碼，并掌握在HTML語言代碼中插入網(wǎng)頁特效代碼;掌握網(wǎng)站管理、網(wǎng)站測試與維護等知識。從而科學選取與優(yōu)化教學內(nèi)容，確保教學內(nèi)容與職業(yè)崗位需要的針對性、適用性。

3）教學內(nèi)容選取流程

依據(jù)對相關職業(yè)崗位的調(diào)查分析，并充分考慮學生可持續(xù)發(fā)展的要求來選擇和構(gòu)建教學內(nèi)容體系。在實踐教學過程中，課程組有著嚴謹?shù)慕虒W內(nèi)容選取流程以保證教學內(nèi)容的適應性和針對性（如圖1所示）。

2教學內(nèi)容組織與優(yōu)化

2.1組織原則

以“網(wǎng)站開發(fā)工作過程”為導向的“模塊化為主線”的原則組織教學內(nèi)容，按照理論以必須夠用為度，注重技能培養(yǎng)的原則設計課程內(nèi)容體系。將網(wǎng)站從業(yè)人員必備的知識和技能分成4個模塊進行教學，科學設計學習性工作任務，對每一個教學單元設計了若干個具體工作任務或項目（行動化的學習項目），在任務完成過程中進行教學內(nèi)容的講解，同時項目主線中沒有牽涉的內(nèi)容，采用“任務驅(qū)動”的方式進行補充講解。所有內(nèi)容的安排都圍繞學習任務的完成來展開。把教、學、做三者有機的相結(jié)合，使工作流程模塊化、模塊內(nèi)容案例化，課程考核過程化，理論與實踐一體化。

2.2以四個模塊為主線組織教學內(nèi)容

教學內(nèi)容緊密結(jié)合現(xiàn)代企業(yè)建設網(wǎng)站項目的設計流程、網(wǎng)站建設流程，按照項目驅(qū)動組織教學內(nèi)容。根據(jù)課程目標能力的要求，教學模塊順序從教學目標的角度出發(fā)，整合教材內(nèi)容，使教學內(nèi)容體系具有系統(tǒng)性、科學性、連貫性、啟發(fā)性、實用性。在具體的教學內(nèi)容組織和形式上，課程組堅持以網(wǎng)頁制作技術需求層次為教學單元，將教學內(nèi)容分成四個知識模塊：網(wǎng)站開發(fā)基礎模塊、網(wǎng)頁制作模塊、網(wǎng)頁編程模塊、網(wǎng)站管理模塊，以四個模塊為主線，以提高學生能力為目標展開教學。如表1所示。

第8篇：網(wǎng)頁制作實訓總結(jié)范文

1、課程教學現(xiàn)狀及存在的問題

《網(wǎng)頁設計與制作》課程是學院重點建設優(yōu)質(zhì)專業(yè)軟件技術專業(yè)學生必修的主干專業(yè)課，也是圖形圖像制作、網(wǎng)站規(guī)劃與開發(fā)技術、計算機多媒體技術、計算機系統(tǒng)維護、網(wǎng)絡系統(tǒng)管理和電子商務等專業(yè)學生的必修課，是一門深受學生喜愛的熱門課程。在以往的教學中，教學的案例都是零散的，一個案例一般只包含一兩個知識點，在教學的過程中，學生也都能掌握教學目標所要求的知識技能，但在最后的實訓中，當學生接到任務后，很多學生都無從下手，上交的作品也不夠美觀和實用，這當然無法滿足用人單位的要求，要使學生適應社會人才的要求，必須尋找出使學生畢業(yè)就能就業(yè)的教學方法。

2、課程教學改革思路

以真實網(wǎng)站開發(fā)任務為具體項目，充分考慮企業(yè)開發(fā)網(wǎng)站的工作流程，依托系部網(wǎng)站建設項目，按照網(wǎng)站設計與開發(fā)工作過程，將課程結(jié)構(gòu)分為7個模塊和若干單元，并分別將所需知識、技能融入各個模塊，分模塊進行教學，使學生在網(wǎng)站建設的實際工作過程中掌握相關知識和技能，極大的提高了對未來工作崗位的適應性。

2.1各教學模塊。模塊一：站點的建立；模塊二：主頁設計；模塊三：主頁的布局與定位；模塊四：樣式表的設計；模塊五：二級欄目頁面及內(nèi)容頁面的制作；模塊六：網(wǎng)站引導頁Flas設計；模塊七：網(wǎng)站的測試與。

2.2網(wǎng)站開發(fā)所涉及的知識和技能。在網(wǎng)站設計與開發(fā)的實際過程中，一般涉及五個方面的知識和技能：（1）Dreamweaver、Flash、Fireworks等網(wǎng)頁制作工具的應用；（2）HTML語言、CSS樣式表；（3）網(wǎng)頁布局、顏色搭配的規(guī)律；（4）網(wǎng)頁設計的基本原理和規(guī)則；（5）網(wǎng)站的測試與。傳統(tǒng)教學方法是按照這些知識系統(tǒng)組成教學內(nèi)容進行學習，而在實際工作中，這些人為割裂的知識和技能并不能很好的和網(wǎng)站建設的實際工作需要相符合，很大程度上造成了嚴重的工學脫節(jié)現(xiàn)象。為了適應崗位工作的需求，在充分考慮學生的認知水平和認知能力的基礎上，《網(wǎng)頁設計與制作》課程采用基于工作過程導向的項目教學模式，按“先模仿后拓展再創(chuàng)新”的認知規(guī)律，較好的解決了這些問題。在教學過程中，按工作任務，對項目進行模塊化，而各個模塊的有機結(jié)合就是一個完整的工作過程的實訓項目。

3、教學內(nèi)容及課程整體設計

3.1課程教學目標設計。

3.1.1能力目標。本課程學習結(jié)束后，具備建立站點、管理站點、測試網(wǎng)站和網(wǎng)站的能力，具有獲取知識能力、網(wǎng)頁設計能力、色彩感悟能力等素質(zhì)，達到職業(yè)技能鑒定網(wǎng)頁制作（Dream-weaver平臺）中高級水平。

3.1.2知識目標。（1）學生應理解HTML語言標簽的含義并掌握HTML標簽的編輯方法；（2）掌握Dreamweaver、Flash、Fir-eworks等網(wǎng)頁開發(fā)軟件設計制作完整的靜態(tài)網(wǎng)站。

3.1.3素質(zhì)目標（情感目標）。（1）認真仔細的工作作風，具有較強的服務意識，能夠為他人提供優(yōu)質(zhì)的服務；（2）具有開拓意識和創(chuàng)新精神以及積極向上的樂觀精神；（3）較強的自我知識及技術更新能力。

3.2課程教學內(nèi)容設計。本課程的教學以職業(yè)能力培養(yǎng)為核心，根據(jù)網(wǎng)站設計開發(fā)人員所應具備的基本素質(zhì)要求來組織教學內(nèi)容。主線：以系部網(wǎng)站項目的設計與制作完整的開發(fā)過程為主線，在教學過程中，根據(jù)以上提到的七個模塊進行項目模塊化教學，讓學生在課堂上掌握基的本知識和技能。輔線：以個人網(wǎng)站的設計與制作完成過程為輔線，要求學生在完成主線的各個模塊的同時，橫向獨立完成輔線相應模塊的實訓內(nèi)容，從而進一步加強了學生知識的實際應用能力，鍛煉學生自主學習與創(chuàng)新能力。在前期的課堂教學中，學生以模仿為主，中間環(huán)節(jié)以學生理解和掌握基本操作技能為主，在后期的綜合實訓中，學生以創(chuàng)新為主。從模仿到理解到創(chuàng)新，符合學生的認知規(guī)律和心理特征，通過以工作過程為導向的項目教學，使教學內(nèi)容更加有針對性和實用性。

4、教學方法的創(chuàng)新

4.1按“課堂操作示范——課堂模仿操作——課后拓展實踐”的教學過程，采取基于工作過程導向的項目模塊化教學模式。本課程進行了課程實施內(nèi)外部環(huán)境分析，重視學生學習與工作的一致性，采取基于工作過程導向的項目模塊化教學模式，課堂與實習地點一體化，貫徹理論和實踐相結(jié)合的教學原則，有針對性的實現(xiàn)教學工學結(jié)合。

4.1.1基于工作過程導向的項目模塊化教學。在課堂教師操作示范和學生模仿操作環(huán)節(jié)，以系部網(wǎng)站實際項目的開發(fā)為主線，按照網(wǎng)站開發(fā)的一般流程和開發(fā)過程對項目進行模塊化分解，通過項目模塊化教學，學生快速掌握了網(wǎng)站制作的基本流程、制作技能與設計方法。

4.1.2任務驅(qū)動的課后拓展實踐。以個人網(wǎng)站的設計與制作完整過程為輔線，要求學生在完成主線的各個模塊的同時，橫向獨立完成輔線相應模塊的實訓內(nèi)容，這樣，學生在各個模塊的學習中，縱向貫穿課程的全部所有知識點，橫向強化了知識技能的應用，達到舉一反三的作用，進一步加強了學生知識的實際應用能力，鍛煉學生自主學習與創(chuàng)新能力。

4.2按照“先模仿后拓展再創(chuàng)新”的學生認知規(guī)律，綜合運用多種教學方法，提高教學效果。課堂教學學生以模仿為主，課后學習以拓展為輔，到綜合實訓和頂崗實習則追求創(chuàng)新。根據(jù)本課程內(nèi)容和學生特點，采用靈活多樣的教學方法，貫徹因材施教的教學原則。

4.2.1案例分析法。按照網(wǎng)站開發(fā)的一般流程，結(jié)合系部網(wǎng)站實際開發(fā)的過程，采用典型案例分析法講解系部網(wǎng)站從需求分析——頁面設計——版式布局——樣式制定——頁面制作等過程，收到了良好的教學效果。

4.2.2分組討論法。在需求分析模塊的教學中，采用了分組討論法，按2—5人1組將學生分為項目開發(fā)人員與客戶。要求客戶提出建設要求，開發(fā)人員擬定設計方案，完成虛擬的業(yè)務談判。并通過討論交流，共同修正和完善網(wǎng)站的設計方案。教師則以提問、啟發(fā)和總結(jié)等形式組織討論，師生互動效果好。

4.2.3邊講邊練教學法。充分利用在計算機實訓室授課的優(yōu)勢，并緊密結(jié)合課程實踐性強的特點，教師在實際授課過程中，講解、演練完相應內(nèi)容后，緊接著讓學生上機實踐操作，重點培養(yǎng)學生的實際操作能力。

4.2.4電子教室教學法。通過電子教室軟件，先控制學生端計算機，講解、分析、實際演示操作，然后立即讓學生上機操作，同時教師通過電子教室的監(jiān)控屏幕功能，監(jiān)控每個學生的操作過程，發(fā)現(xiàn)問題并予以及時解決。

4.2.5重點對象培養(yǎng)教學法。在每個授課班級中，重點培養(yǎng)三到四個接受能力比較強、綜合素質(zhì)突出的學生，在安排學生上機操作環(huán)節(jié)或課余時間協(xié)助授課教師完成對其他同學的指導。

4.3充分運用現(xiàn)代教育技術手段，提高教學質(zhì)量和效率。根據(jù)本課程的特點，充分運用現(xiàn)代教育技術，通過網(wǎng)絡課程共享課程標準等教學文件、教學課件、教學教案、學習資源、教學視頻、實訓指導、學習資源等，所有資源可在網(wǎng)上瀏覽和下載，任何學生在任何時候、任何地方都能借助網(wǎng)絡自主學習，使學習不再局限于“課堂”和“書本”，學習地點、時間、方式更加靈活，提高了教學效率。利用網(wǎng)絡教學平臺、收集、批閱、統(tǒng)計學生作業(yè)信息，并及時向?qū)W生反饋作業(yè)成績及評語；學生通過教學平臺對教學過程進行評價，以便教師及時改進教學方法和手段，從而有效的保證教學質(zhì)量。

第9篇：網(wǎng)頁制作實訓總結(jié)范文

關鍵詞 網(wǎng)頁設計 能力培養(yǎng) 教學改革

中圖分類號：G424 文獻標識碼：A DOI：10.16400/ki.kjdks.2016.05.041

Abstract This paper analyzes the current problems in the teaching of web design courses， and according to the teaching objectives and students' learning characteristics， this paper expounds the reform and practice of curriculum teaching. Teaching in the use of case study， task learning and project training three closely linked to the teaching process， at the same time select the appropriate assessment and evaluation， can achieve the goal of training students' practical ability.

Key words web design； ability training； teaching reform

0 引言

網(wǎng)頁設計課程是一門集實踐性、創(chuàng)造性、時代性為一體的課程，學生只有經(jīng)過充分的實踐才能真正掌握知識和技能。①傳統(tǒng)的教學方式往往重視教師的“教”，而輕視學生的“學”與“做”，忽視了培養(yǎng)學生獨立思考的能力，不利于學生創(chuàng)新能力的培養(yǎng)，妨礙了學生個性和創(chuàng)造性的發(fā)揮，難以達到培養(yǎng)學生實踐創(chuàng)新能力的教學目標。②如何在教學中更好地提高學生的實踐創(chuàng)新能力，是此課程教學改革工作的一項重要內(nèi)容。

通過近幾年的教學探索和實踐，筆者根據(jù)教學目標和學生學習特點，以新的教學理念和教學理論為指導，以學生實踐創(chuàng)新能力培養(yǎng)為導向，改革傳統(tǒng)的教學方法，在教學中采用案例講解、任務學習和項目實訓三個緊密銜接的教學環(huán)節(jié)，同時選用合適的考核與評價，取得了較好的教學效果，現(xiàn)綜述如下。

1 教學中存在的問題

1.1 教學方法單調(diào)，難以激發(fā)學生學習興趣

以往網(wǎng)頁設計課程課堂教學與上機實踐一般分開進行，教師先在課堂上講解網(wǎng)頁設計與制作的各個知識點，然后再安排學生上機驗證教師之前講授的內(nèi)容。這種教學方式導致教學理論和教學實踐嚴重脫節(jié)，難以激發(fā)學生學習興趣，不利于調(diào)動學生學習的積極性和主動性。另外，在這種教學方式下，學生雖然能夠掌握一定的網(wǎng)頁制作理論和操作技能，但是很難承擔實際的網(wǎng)站開發(fā)與制作工作。

1.2 項目教學在課程中的重視度偏低

項目教學法是以實際應用為目的，通過師生共同完成教學項目而使學生獲知識和技能的一種教學方法。項目教學的關鍵在于在已制定項目任務的前提下如何督促每位學生最終順利完成該項目?，F(xiàn)行網(wǎng)頁設計課程實訓課時分配少，且實訓內(nèi)容也只是一些簡單的書本實訓案例，而不是綜合性的應用型項目。在實訓課上，教師一般要求學生獨自地完成這些實訓案例，所以學生難以達到培養(yǎng)項目創(chuàng)新設計與分工合作能力。

1.3 考核方式不到位，難以調(diào)動學生學習主動性

網(wǎng)頁設計課程的總評成績通常由平時成績（30%）與期末成績（70%）組成。平時成績由學生出勤率與平時任務完成情況評定，而期末成績由期末上機考試成績或期末上交作品完成情況評定。實踐表明，這種重視期末成績而輕視平時成績的評價方式，容易使部分學生平時放松了學習，更別說調(diào)動他們的學習主動性了。

2 教學改革與實踐

筆者以新的教學理念和教學理論為指導，以學生實踐創(chuàng)新能力培養(yǎng)為導向，針對教學中遇到的問題，對網(wǎng)頁設計課程進行教學改革。實踐表明，在多媒體課室輔助下，采用案例講解、任務學習和項目實訓三個緊密銜接的教學環(huán)節(jié)，同時選用合適的考核與評價，可以激發(fā)學生學習興趣，調(diào)動學生學習積極性和主動性，達到培養(yǎng)學生實踐創(chuàng)新能力的教學目標。

2.1 案例講解

網(wǎng)頁設計課程教學內(nèi)容多，但課時安排少。在這種情況下，如果教師仍然采用傳統(tǒng)的教學方式，按照章節(jié)逐一講解知識點，那么將難以完成教學任務，更別說達到最佳教學效果了。因此，為了能在有限的學時內(nèi)讓學生掌握更豐富的知識這一目的，筆者采用案例教學法的方式講解課程的理論知識。為此，筆者緊扣各章節(jié)的教學內(nèi)容，把教學內(nèi)容設計成一個個生動具體的案例，使各個分散的知識點融于案例中。通過案例講解，使得學生在生動形象的案例教學中學習和理解每個知識點，這能夠激發(fā)學生學習興趣，有助于學生快速、準確地掌握理論知識。

例如，在講解層疊樣式CSS時，筆者首先給學生展示了一個蝴蝶圖片網(wǎng)頁。該網(wǎng)頁以兩行四列的格式整齊地顯示八張形態(tài)各異的蝴蝶圖片，且每張蝴蝶圖片的邊框都一樣地添加了四種顏色：頂紅、底藍、右黃、左綠。觀看后，學生會意地笑了，每個人都躍躍欲試。接著筆者引導學生分析案例效果及其隱含的知識點。在這個過程中，要先讓學生互相交流，然后再由教師總結(jié)。經(jīng)短暫討論后，多數(shù)學生認為只需要應用表格布局、圖片插入和邊框修飾知識，便可以實現(xiàn)這個案例效果。緊接著，筆者明確地告訴了學生，使用已學過的表格布局，圖片插入及邊框修飾知識還難以實現(xiàn)這個案例效果，原因在于之前所學的邊框修飾知識只能添加同種顏色。當學生明白后，筆者隨即給學生提出了兩個探索性問題：制作一個網(wǎng)頁，如何保證每張圖片的風格一致？如果要求一個網(wǎng)站中所有網(wǎng)頁的圖片風格一致，又該怎么辦？當學生急切地想知道如何實現(xiàn)時，筆者再告訴學生今天所要學習的教學內(nèi)容是層疊樣式CSS。隨后，筆者向?qū)W生講解層疊樣式CSS的概念及其使用方法，然后操作演示了如何使用CSS來實現(xiàn)剛才提出的問題中所期望的效果。通過案例講解，學生不僅復習了已學過的知識，還能加深對新知識的理解和掌握。

2.2 任務學習

實踐教學在網(wǎng)頁設計課程教學中非常重要。通過實踐，學生可以提高實際動手能力，以及分析問題、解決問題能力。教師應遵循“以學生學習為主，教師指導為輔”的原則，把學習的主動權交予學生。經(jīng)過探索，筆者采用任務驅(qū)動教學法指導學生任務學習。當教師完成某個案例的示范操作后，應當給學生布置上機“任務”，讓學生在完成“任務”中學習理論知識與操作技能。任務設計遵循從簡單到復雜、從單一到綜合的原則。③任務一般被設計成驗證性任務和發(fā)散性思考任務。驗證性任務只要求學生自己動手實現(xiàn)教師所講的案例，而發(fā)散性思考任務則要求學生學會對案例舉一反三，培養(yǎng)學生獨自分析、解決任務的能力。

例如，當蝴蝶圖片網(wǎng)頁的示范操作演示結(jié)束后，筆者把八張蝴蝶圖片素材發(fā)給學生，然后要求他們制作一個類似的蝴蝶圖片網(wǎng)頁。當學生能夠正確地完成這個驗證性任務后，筆者再給學生布置了一個發(fā)散性思考任務：在自己的蝴蝶圖片網(wǎng)頁上修改第一行的圖片邊框風格，但必須保證所做的修改不會影響到第二行的圖片邊框風格，然后應用層疊樣式CSS給每行圖片添加相同風格的標題。在多媒體教室上課，每位學生都可以及時上機操作，完成教師布置的“任務”，并且學生在完成“任務”的過程中，如果遇到問題，可以與教師進行討論，及時解決。通過完成驗證性任務，學生可以鞏固剛學到的知識；通過完成發(fā)散性思考任務，學生可以掌握新的理論知識和操作技能，學會知識遷移應用，提高其綜合能力。每堂課中學生都有所收獲，這將逐步地增強他們對后續(xù)課程學習的積極性和主動性。

2.3 項目實訓

網(wǎng)頁設計課程的教學目標是使學生熟練掌握網(wǎng)頁設計中的理論知識和技能，培養(yǎng)學生實踐創(chuàng)新能力。另外，當今社會要求大學生具有較強的合作能力，在課程中加入小組合作環(huán)節(jié)有利于培養(yǎng)學生的團隊合作意識。④在實訓課中，教師可以運用項目教學法指導學生開發(fā)綜合項目。⑤為此，筆者依照項目的選擇要求，設計了幾個綜合實訓項目。通過項目實訓，使學生處于整個項目開發(fā)進程中，這樣有利于鍛煉他們開發(fā)項目的能力，以及培養(yǎng)他們互相溝通、協(xié)力合作的能力。

例如，在“班級網(wǎng)站制作”實訓中，由學生自愿、教師調(diào)配的原則指導下，筆者將全班29位學生分為5組，每組5～6人，采取組長負責制，由組長統(tǒng)籌安排其組內(nèi)成員的分工。在欣賞幾個優(yōu)秀的班級網(wǎng)站后，引導學生討論“班級網(wǎng)站”的主題，并最終確定了五個主題：班級首頁、班級動態(tài)、班級作品、班級相冊和班級留言。接著讓組長組織組員分析討論各組的主題，制定一份確實可行的主題實施計劃書，然后搜集素材并制作網(wǎng)頁。在此過程中，針對學生遇到的一些易錯性、關鍵性問題，教師要及時提示引導。在各小組作品完成后，筆者讓每組選派一名組員對小組作品進行展示，介紹作品的主題、特色，所使用的技術，以及制作經(jīng)驗。最后要求學生對各組作品進行評價，并要求每組依據(jù)評價結(jié)果修改完善小組作品。評價方式采取小組互評和教師評價相結(jié)合的方式。在制作作品中遇到問題，學生可以在組內(nèi)討論解決，組員之間互相幫助、協(xié)力合作，這有利于培養(yǎng)他們的團隊合作能力與意識。

2.4 建立合適的考核評價機制

合適的課程科目考核評價機制，可以有效調(diào)動學生的學習主動性。為了充分體現(xiàn)學生的實際學習情況，引導學生重視任務和項目實踐，筆者改變以往“平時成績（30%）+期末考試（70%）”的評價方式，取消期末上機考試，采取平時考核（10%），任務考核（40%）和項目考核（50%）相結(jié)合的考核評價方式。平時考核旨在考查學生出勤率與平時表現(xiàn)情況，任務考核旨在考查學生完成任務情況，而項目考核旨在考查學生在項目中完成的工作量、工作質(zhì)量和表現(xiàn)情況。項目考核的最終評價由學生自評、小組互評和教師評價三者按比例組成。實踐證明，這種綜合性的考核評價體系能夠有效地促進學生對本課程的學習。

3 結(jié)束語

網(wǎng)頁設計課程既是一門計算機應用基礎課程，又是一門包含網(wǎng)頁技術和數(shù)據(jù)庫技術的綜合性課程。因此，它除了具有一般課程的普遍特征外，還具有自身的特性。只有采取符合學生學習特點的教學方法，才有可能達到預期的教學目標。實踐表明，這些教學改革措施能夠使學生真正成為教學活動的主體，能夠激發(fā)學生的學習興趣，切實提高了學生的實踐創(chuàng)新能力，培養(yǎng)了學生的自我學習能力和團隊合作意識，取得了良好的教學效果。

注釋

① 倪寧.高職《網(wǎng)頁設計》任務驅(qū)動改革的實踐和思考[J].科技創(chuàng)新導報，2009（8）：135-135.

② 趙鑫.項目教學法在高職《網(wǎng)頁設計與制作》課程教學中的應用[D].華中師范大學，2009.

③ 吳曉，沈亞強.基于行動導向的教學設計研究[J].吉林工程技術師范學院學報，2010.26（1）：27-31.