網頁設計實訓總結
前言：想要寫出一篇令人眼前一亮的文章嗎？我們特意為您整理了5篇網頁設計實訓總結范文，相信會為您的寫作帶來幫助，發現更多的寫作思路和靈感。
網頁設計實訓總結范文第1篇
中圖分類號：G633 文獻標識碼：A 文章編號：1673-9795（2013）05（b）-0173-02
近年來，隨著我國職業教育改革的進一步深化，計算機專業課程改革面臨著進一步完善，這就對《網頁設計與制作》課程改革提出了更高的要求。《網頁設計與制作》課程是中職學校計算機應用技術和計算機網絡專業中一門創新性和實踐性很強的專業課程，要求學生不但要學好理論知識，還需要掌握實踐技能，關鍵是要具有解決實際問題的能力。但是，這樣一門看似簡單好學的課程，卻經常得不到很好的教學效果。學生在學完課程之后，要么設計結果達不到應有的功能和視覺效果，要么不能獨立地進行網站規劃和頁面設計。因此，筆者在《網頁設計與制作》課程的教學實訓中，對教學內容、教學方法、教學手段、考核方式等進行了一些嘗試，收到了良好的效果。
1 實訓階段
以我校計算機應用專業為例，《網頁設計與制作》綜合實訓課安排時間為60個課時，以集中訓練的方式進行。在綜合實訓之前，學生已經學習理論知識和上機操作，對課程的重點、難點進行了相關的練習。筆者在教學中發現，雖然學生經過指導能夠完成課堂上布置的任務，但是只能根據規定的操作步驟進行，學生沒有獨立設計和制作網頁的能力。學生的操作依賴性很強，學習之后很快就遺忘。針對這些問題，筆者制定了切合實際的實訓計劃，主要目的是培養他們團隊中協作能力，獨力完成所承擔的網站需求分析、網站規劃、網頁設計、綜合測試等工作，從而使學生牢固掌握所學知識，實現以技能培養為核心，培育適合當前職業崗位需求的應用型、技能型人才。本課程綜合實訓如下所示。
1.1 實訓動員
在綜合教學實訓進行前，要做好學生的學習動員工作。一方面，讓學生明確綜合實訓的主要目的是讓學生通過實踐，了解和掌握網頁設計與制作的基本方法，通過不斷上機練習達到解決實際問題的能力。因此，集中兩個星期時間使學生綜合運用所學習的網頁設計與制作的知識及以前所學習圖形圖像處理等計算機軟件應用方面的知識，根據網站制作的流程，完成一個綜合的網站，全面鞏固學生的知識，培養學生解決實際問題的能力，從而達到學以致用的目的。另一方面，讓學生了解實訓的目的和意義、學習方法以及考核方式等方面的內容。采用展示實際案例效果、歷年網頁設計與制作競賽獲獎作品、歷屆學生的優秀作品等方式來激發學生的學習興趣，讓他們積極主動地參與到實訓中來。
1.2 實訓過程
在《網頁設計與制作》綜合實訓教程中，老師的角色是參謀，學生的角色是任務的完成者。老師提出項目要求，學生根據具體的任務來完成。我們把一個班的學生分成10個小組，每個小組4～5人，每個小組選擇一個主題制作網站，綜合運用前面所學的知識和相關的技術共同完成。
1.2.1 基本知識回顧
這部分的要求是溫習網頁制作課程的重點難點，使學生對Dream weaver各方面的操作知識系統的由“片”的認識轉向“面”的認識。
1.2.2 案例作品賞識
在網頁設計過程中，經驗豐富的設計師需要博采眾家之所長，形成自己的風格，而對于初學者來說，模仿是最容易收到效果的方法。大量欣賞優秀的網站作品并不斷地分析、比較，會使學生的各種能力逐漸增長和提高。通過展示歷年中職學校職業技能競賽中網頁設計與制作項目中的獲獎作品、歷屆學生的優秀作品等手段來提起學生的學習興趣，吸引學生積極主動地參與實訓。
1.2.3 案例模仿操作練習
從歷屆學生的優秀作品中選擇一個典型的案例，讓學生作為網頁設計與制作知識的回顧。例如，對一個旅游網站進行解析，使學生了解制作網站的基本方法，讓學生對旅游網站的粗略和宏觀認識得到細化，使學生懂得如何獨立面對旅游網站進行需求分析、站點規劃和設計。
1.2.4 作品的選擇、網站需求分析、站點規劃
在綜合實訓中，首先要求各小組學生選擇一個網站主題，主題一般選擇如下內容：校園生活、教育、體育、旅游、電子商務等。然后，小組成員開始著手進行網站需求分析，設計整個網站的框架，選定要設計和制作的各部分內容，由組長組織完成一份完整的網站規劃書。在此過程中，老師要適當指導，要求學生獨立完成，設計出有具有本組特色的網站。最后，由組長給本組成員進行網站設計與制作任務分配，分頭搜集素材并進行整理。
1.2.5 網站色彩搭配
網站的色彩就像人的外表一樣，如果打扮得美觀大方，就會給人一種魅力四射的感受，而不修邊幅則讓人感到粗糙毛草，所以，網頁的色彩搭配將直接影響訪問者對網站的印象。網頁配色有著很強的藝術性，不同的色彩搭配方案就會讓人產生不一樣的感受。對于初學者來說，模仿是最容易看到效果的方法。在站點規劃完成的基礎上，選擇網站的主色調和學習色彩搭配。主頁的色彩處理得好，可以錦上添花，達到事半功倍的效果。色彩總的應用原則應該是“總體協調，局部對比”，也就是：主頁的整體色彩效果應該是和諧的，只有局部的、小范圍的地方可以有一些強烈色彩的對比。由于中職生英語、數學等文化基礎較差，編程對他們來說難度太大，他們走上工作崗位后一般不會從事程序開發工作，大多數學生畢業后從事的是網站美工等，因此，應該在網頁美工等方面加強培養。
網頁設計實訓總結范文第2篇
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軟件的應用等多方面對學生進行了訓練，為學生能夠做出美觀而又實用的網頁打下了牢固的基礎。
網頁設計實訓總結范文第3篇
關鍵詞：高職教育；課程改革；基于工作過程
中圖分類號：G642文獻標識碼：A文章編號：1009-3044(2012)12-2817-02
1傳統授課方式存在的問題
作者從事高職《網頁設計》課程講解工作3年之久，在3年的教學過程中作者發現的高職《網頁設計》課程存在的最大問題是：學生學習的知識與社會就業所需技能脫軌。
傳統的《網頁設計》課程主要講授的是Dreamweaver軟件的使用。所謂的《網頁設計》課程其實更多的是講Dreamweaver這款工具的操作使用。教學過程完全是按照軟件的操作使用來進行，整體感覺上更像是一款操作軟件的培訓。學生在學習完這門課程后掌握更多的是工具的操作，學生可以根據教師的要求模仿現成的網頁作品的制作網頁。而讓其自己動手去設計一個符合企業需求的網站很多學生無法完成，或者能夠完成頁面卻達不到網頁新穎吸引人的目的。
簡而言之，傳統《網頁設計》存在的問題就是學生只能完成既定的要求，而沒有獨立創新去解決實際問題的能力。
2《網頁設計》課程改革的設計
在進行課程改革之前我們首先要了解對這門課程的知識要求、素質要求和能力要求。對于《網頁設計》這門課程來說它主要的要求如下：
知識要求——深入了解Internet，理解WWW、HTTP、HTML等概念及作用；掌握網站設計和的流程；理解網站維護管理的意義及重要性，理解服務器、客戶端、瀏覽器的概念和作用。
素質要求——本課程將培養學生以下幾方面的職業素質：服務意識：能夠為他人提供優質的服務；文明法制意識：網站內容應積極健康向上，不做違法的事；合作精神：能夠與他人進行合作，具有協調工作能力和組織管理能力；較強的自我知識及技術更新能力：快速跟蹤網頁制作的新技術及市場應用動態。
能力與技能要求——網頁制作軟件的使用方法；在網頁中編制/插入需要的腳本；進行網站的上傳/下載、更新、管理。
課程改革圍繞一個中心就是服務于高職學生的就業問題，課程的設計應以促進學生就業為目的。本課程在設計中引進了企業的真實工作場景，通過威客豬八戒網站獲取真實的用戶需求，教師引導學生完成一個網頁設計項目的制作。將《網頁設計》分為以下幾個環節進行：
1）網頁欣賞
在該環節中，提供大量的中內外優秀的網頁設計作品。讓學生邊欣賞邊說出該網頁吸引人的優點所在，教師講解網頁設計中關于色彩搭配和布局的知識。這樣做可以提高學生學習的主動性，讓學生主動的去學習知識。此環節以教師講解為主，學生參與討論為輔。
2）主頁制作
在該環節中，教授引導學生使用Dreamweaver工具模范制作一個主頁，在制作的過程中，引導學生掌握Dreamweaver軟件的基本操作。在設計一個主頁的過程中，Dreamweaver軟件的一些主要的操作都會涉及到：站點設計、表格布局、文字圖片、超級鏈接、CSS樣式設計。邊講邊練，為接下來的教學打下良好的基礎。此環節以教師講解為主，學生模仿制作為輔。
3）二級頁面的制作
在該環節中，主要目的是提高學生操作軟件的熟練程度，讓學生能夠做到熟練的操作Dreamweaver工具。針對上一個環節中存在的不足進一步動手練習，提高動手操作能力。
二級頁面的制作過程中，教師講解內容逐漸減少，學生自主開發逐漸增多。讓學生的自主性、創新性得到大的提高。
4）網頁的上傳與維護
此環節為網頁設計工作過程中的最后一環，設計好的網頁上傳到指定的位置，同時對存在的網頁進行更新與維護。
5）學習自主課程實訓
在該環節中，教師給出課題，學生綜合運用所學的知識，從威客豬八戒網站上承接一個真實的網頁設計項目進行實訓。課程的實訓是對前一階段所學知識的總結和升華，更是動手能力創新能力得到鍛煉的一個很好的平臺。
3《網頁設計》課程考核方式設計
傳統的課程考核方式多為期末考核，本課程改革的期末考核方式為：過程化考核+期末大作品。其中，過程化考核針對的是學生在學習該課程的過程中針對每一個環節的考核。主要參與考核的過程有：
站點的建立:站點的建立、編輯與維護；
頁面布局：表格、框架、層、模板和庫；
添加文字與圖片：頁面內容添加；
超級鏈接的使用：導航條；
交互設計入門：表單的應用、簡單特效；
CSS樣式表：頁面的美化。
期末大作品主要以小組為單位設計一個完整的作品，小組成員之間相互合作利用所學習的知識自主設計一個完整的作品，上繳的內容包括一個完整的靜態網站、答辯用PPT和小組成員之間的自評和互評。
4結束語
《網頁設計》這門課程對于高職學生來說提供了一個很好的就業方向，掌握這門技能對于學生來說意義重大。作為眾多高職課程中的一門，作者希望該課程的設計與改革能夠起到拋磚引玉的效果，使眾多的高職課程設計更加完善。讓高職學生的動手能力得到進一步的提升，為高職學生的就業打下良好的基礎。
參考文獻：
[1]楊寧.淺議《網頁設計》課程改革[J].科技博覽,2009,(26).
網頁設計實訓總結范文第4篇
該文介紹了《網頁設計與制作》項目化教學思路和方法，從設計理念與思路、對計應相關專業建設與發展的定位與作用、課程內容的針對性與適用性、教學內容的組織與安排、教學模式的設計與創新、實踐教學條件的建設與使用等6個方面進行了設計與分析，為學生較好地掌握知識及快速適應工作崗位需求進行了一些思考和探索。
關鍵詞：
高職院校;網頁設計;項目化課程;開發實踐
《網頁設計與制作》是計算機應用專業的一門專業核心課程。該課程目標是讓學生掌握網頁設計與制作能力。它以圖形圖像處理、互聯網應用等課程的學習為基礎，也是進一步學習動態網站設計等課程的基礎。學完本課程，要求學生能達到掌握網頁美工初步技能；熟練掌握HTML+CSS進行頁面布局與排版的技能；基本掌握使用網頁腳本控制頁面操作和提升用戶體驗的能力。按照高職高專知識傳授特點與職業技能需求，同時根據網頁設計與制作課程知識的掌握規律，目前我校采用了項目化教學方法，為學生較好地掌握知識及快速適應工作崗位需求打下扎實的基礎。
1設計理念與思路
該課程根據職業能力發展的基本規律（新手—生手—熟手—能手—專家），將學習內容設計為網頁設計實際工作，通過工作實現學習。采用整體→模塊→整體的設計思路，按照簡單到復雜、單一到綜合、低級到高級的原則進行。
1.1設計理念：學習的內容是工作，通過工作實現學習。這一理念體現了該課程的職業性和實踐性，同時學習的主體變為學生，學習內容以培養學生的職業技能為主。為體現這一設計理念，在課程設計前我們調研了數十家合作企業，與企業專家一起，對網頁設計各個方面涵蓋的崗位進行職業技能與職業素質分析，整合出一個基于工作實踐的“網頁設計與制作”項目（比工作實踐更完備體現課程的各個知識點）。同時分解實際工作中網頁設計的工作流程和崗位，確立多個子項目。這種方式學習，充分體現職業典型工作任務，以“工作”促學習，邊“工作”邊學習，學生學習內容具體化，學習興趣大大提高。
1.2設計思路：整體→模塊→整體課程設計的思路是根據幾個不同類型的網站案例整體設計入手，將網頁設計所有環節和操作步驟詳細介紹給學生，讓學生從與“用戶”溝通開始參與到整個系統的設計過程中，教師根據任務需要，先給出網頁效果圖，讓學生體驗完成后的整體效果，再根據項目進程分解任務，這種設計優點是能讓學生將學習過程作為完整的“工作”過程。在此基礎上，進一步將各工作任務分成若干子任務，通過90課時教學+30課時整周實訓學習，最終將各個子項目整合，完成網站整體設計工作。在子模塊學習任務設定中，每個子任務設計是按實際工作中網頁設計的技能要求提煉出來的，能滿足不同崗位的需求。項目完成時，我們還設計了學員相互評價體系，對設計成果進行評估，讓學生在自我學習過程中及時總結并收獲進步。
2對專業建設與發展的定位與作用
該課程采用項目化教學方式，可以起到如下作用。（1）學生對該專業的工作崗位有了具體認識，了解了各崗位所需的專業知識，從而幫助學生進行職業規劃和知識儲備。（2）學生對所學專業的工作內容有了比較具體的認識。該課程使學生對計應專業到底是做什么的、怎么做等問題有了全面認識，增強了學習信心和學習興趣。
3課程內容的針對性與適用性
（1）該課程是依據“計算機應用專業職業崗位與職業能力分析表”中網頁設計師職業崗位設置的。總體設計思路是：著重培養學生網頁制作能力，具備HTML、CSS、JavaScript等知識，以網站設計工作任務為中心選擇和組織課程內容，讓學生在完成網站設計具體項目的過程中完成相應工作任務。課程構成主要突出職業能力要求。（2）課程總學時為90學時教學+30學時整周實訓，內容包括Web服務器配置、網頁視覺效果設計、用戶體驗設計、網頁兼容性設計等。（3）知識目標和能力目標。知識目標應掌握HTML、CSS、JavaScript、HTML5、CSS3等知識，該課程學習結束，學生應能自行設計各種網頁、開發一定規模的網站，熟練掌握網站制作基本方法和技巧，并最終設計出綜合性的網站。能力目標主要體現以下方面：①熟練使用網頁編輯軟件。②熟練使用樣式表控制頁面外觀。③能在網頁中設置需要的腳本。④能進行網站的更新與管理。另外根據職業教育要求，加強學生以下素質：①服務意識：為他人提供優質的服務。②文明法制意識：網站內容積極健康向上，不做違法的事。③合作精神：能夠與他人合作，具有協調能力和組織管理能力。④較強的自我知識及技術更新能力：能快速跟蹤網頁制作的新技術及市場應用動態。
4教學內容的組織與安排
該課程主要教學內容包括網站服務器、HTML、CSS、網頁界面整體設計(含JavaScript應用)、網頁兼容性等5個教學模塊，其中HTML和CSS為學習和實踐的重點，通過幾個案例的制作過程展開知識講授。具體教學內容及課時安排見表1，“網頁外觀制作技術”項目的教學設計見表2（其他教學項目的教學設計因篇幅所限此處省略）。
5教學模式的設計與創新
在該課程的教學中，教學地點由教室遷移到一體化實訓室，教學方式由教師講為主轉變為學生做為主。實施中包含如下步驟。（1）指定清晰的工作任務，教師展示頁面效果。（2）學生制訂工作計劃，理順工作思路。（3）教師進行工作過程輔導，講解涉及的理論知識。（4）學生根據需要在課程網站上獲得豐富的教學資源。（5）學生完成工作任務，體驗工作效果。（6）師生及企業專家共同評價工作成果。
6實踐教學條件的建設與使用
課程在網站設計一體化教室完成，其間配合到企業現場教學實習環節,實施時由每位學生獨立完成網頁制作任務，課程各種教學資源能夠在學習過程中在線使用。
7結語
網頁設計實訓總結范文第5篇
關鍵詞 網頁設計 立體化教材 高等職業教育
中圖分類號：G424 文獻標識碼：A
Design and Practice of Web Design Three-dimensional Materials
GAO Yan
（Shenzhen Polytechnic， Shenzhen， Guangdong 518055）
Abstract In this paper， from the necessity of "Web Design" course materials' implementation of three-dimensional to three-dimensional design of the materials， and finally on how to implement specific construction "web design" three-dimensional materials， gradual progression analyzed and discussed， and gives "Web Design" course details of three-dimensional materials.
Key words web design； three-dimensional materials； higher vocational education
1 傳統教材已不能滿足網頁設計課程的教學需要
傳統教材指的就是我們通常所用的教科書，其表現形式為紙質，其教材體系更多的是學科知識體系的濃縮和再現，強調教材的核心內容是各門學科中的基本知識結構，強調學科領域之間的界限。立體化教材，區別于傳統意義的印刷教材，是指通過多種教學資源的提供而提出的某課程的“整體教學解決方案”，它把各種相互作用、相互聯系的媒體和資源有機整合起來，為教學提供一整套解決方案。
網頁設計是一門既有理論知識，又對實踐、動手能力有較強要求的課程。其特殊性在于：（1）它不是一種單純的知識灌輸，還包含各種操作技能的訓練，是一門實踐性和創新性很強的課程：要求學生不僅要學會制作軟件的使用，還需要有創新性，能夠真正獨立制作并出一個個性化的個人網站。（2）它還是一門需要表現形象化和交互性內容的課程，那么在教學過程中，自然需要給學生展示網頁效果，顯示動畫、聲音以及交互效果，而這是傳統教材的表現形式所無法展現的。
網頁設計與制作課程的特殊性，決定了傳統教材的紙質表現形式已不能滿足教學需要，傳統教材的體系結構也不能滿足教學需要，而立體化教材體系的建立則有效地解決了這個問題。原因在于：立體化教材體系的建構，綜合考慮了內容的多學科、教學對象的多層次、表現形式的多媒體、解決問題的多角度等不同層面的要求，能夠滿足網頁設計這門課程的特殊需要。
2 網頁設計立體化教材的設計
立體化教材通常包括印刷教材、學習輔助光盤、教學課件、教學網站、網絡教學平臺等多種資源。其內在本質則是內容編排與呈現方式的立體化設計，主要指以現代教育教學理論尤其是建構主義理論為指導，以網絡、多媒體等信息技術為依托，提供一整套能夠最大限度地滿足教與學需要的整體解決方案，其目的是更新教學觀念和教學模式，提高教學質量和效益。
從立體化教材的內在本質來看，對各種教學資源進行有效的設計才是立體化教材建設的關鍵所在。立體化教材建設絕不是各種教育資源的簡單拼湊，而是要進行整體的策劃和設計，對資源進行有效的整合，正確認識各種媒體的特性和實用效果，遵循以下幾個基本原則：目的性原則、教師和學生共同參與的原則、直觀與抽象相結合的原則、經濟性原則、多種媒體優化組合原則等，才能最大限度地發揮其自身的優勢，進而優化整個教學過程。
3 網頁設計立體化教材的建設與實踐
3.1 主教材《網頁設計與制作實用教程》
《網頁設計與制作實用教程》教材為普通高等教育“十一五”國家級規劃教材，具有以下幾個特點：（1）教材的結構體系：教材采用目標式案例教學方式，以完整案例貫穿全書。本教材采用“設計目標—頁面分析—實訓引導—制作過程—歸納總結—舉一反三”的目標式案例教學方式編寫。每個章節均以具有代表性、實用性、趣味性的實例導入，在分析實例的基礎上，展開具體實現的過程，使讀者能夠快速把握實際操作的思路，并在操作過程中掌握網頁設計與制作的方法和要點。（2）內容的編排：以實用為目的，由淺入深，符合教學規律。本教材在內容的規劃上不追求面面俱到，而是針對高職教育的特點，大膽舍棄根本就不實用的內容，本書在內容的安排上由淺入深、循序漸進、逐步拓寬知識點。全書實例從最簡單的頁面開始，逐漸豐富、完善，最后制作出較復雜、完整的頁面。（3）設置了“配套實訓”，鼓勵學生課后自主制作網站。本教材在配套實訓中提供了題材豐富多樣的實訓項目，指引學生在完成課堂案例學習之后，能在輔導光盤、網絡學習平臺中獲得配套實訓的素材資源，鼓勵學生可以觸類旁通地完成相應的配套實訓，鞏固課堂所學知識。“配套實訓”的主題亦均是學生所感興趣的內容，如“信樂團”網站、“HUNTER”網站、“八音盒”網站、“杭州西湖”網站、“游戲任務介紹”網站、“汽車世界”網站等等，可以充發激發學生的學習興趣。
3.2 教學課件
教學課件不應該做成“文字搬家”式的幻燈片，我們在利用PPT制作教學課件時，充分考慮了以下兩方面因素：（1）在內容上，與教材配套使用，突出教學內容的重點和難點。（2）在表現形式上：體現出PPT演示文稿的集成性、觀賞性、超媒體結構的特點。集成性指的是集圖形、聲音、視頻、動畫于一體的演示文稿；觀賞性則是指相比傳統的靜態平面表現形式。PPT演示文稿更加生動、直觀，具有觀賞性；超媒體結構指的是演示文稿中的文本、聲音、圖片等信息形式之間的鏈接，這種結構便于老師根據教學需要自由選擇和重新組織教學內容。
3.3 學習輔助光盤
為了便于學生學習，提供了學習輔助光盤，主要包含3個部分：一是完整的“暢想未來”網站案例；二是各章教程的相關素材和結果樣例；三是各章的配套實訓（包括相關素材和結果樣例）和練習題。
3.4 教學網站（http：///webcourse）
教學網站提供了配套的教學資源，包含所有教學指導文件、教學課件、制作素材、完成的頁面效果、配套實訓以及練習題等。考慮到網站的觀賞性，我們將網站的風格定義為清新自然；結構則選擇框架結構來表現出來，脈絡清晰、主題鮮明；在內容的組織上，每一章先給出主要內容及教程案例，并提供素材下載以及案例演示，以供學生下載練習。
3.5 網絡教學平臺（http：//）
利用網絡教學平臺，可輔助教學：考勤、作業提交、資料下載、教學論壇、網上考試等。教師可以通過網上教學平臺進行考勤，上傳素材，下載學生的作業等功能來輔助教學，課前教師將本次課所講的內容上傳到網絡，以便學生預習；課后學生則可以及時提交自己的作業，便于老師批閱。教師還可應用教學論壇來進行師生交流，以及時跟進教學進程，還可以通過互動交流進一步改進課堂教學方式，增強課堂教學效果。
4 結束語
本文從網頁設計課程的特殊性著手，說明本課程亟需立體化教材建設，進而根據教學設計中的媒體選擇與設計原則規劃了本課程的立體化教材體系結構，然后進一步詳細闡述了本課程的立體化教材的具體開發過程。總之，建設立體化教材體系需要針對教學系統進行整體設計，要能促進教學水平的不斷進步和教學質量的不斷提高，要既能滿足教師的教學需要，也能滿足學生的學習需要。
參考文獻
[1] 黃榮懷，郭芳.立體化教材的設計與開發.現代教育技術，2008（10）.
[2] 陳勝利，時雪梅.立體化教材及高等職業教育的教材定位.圖書情報通訊，2002（4）.
