前言：中文期刊網(wǎng)精心挑選了網(wǎng)頁設計實訓總結(jié)范文供你參考和學習，希望我們的參考范文能激發(fā)你的文章創(chuàng)作靈感，歡迎閱讀。
網(wǎng)頁設計實訓總結(jié)范文1
1．改革傳統(tǒng)的教學模式
在傳統(tǒng)的教學中，是以教師的講解再配合學生的練習為主要的教學方法。這種教學模式，是以教師為主導的，老師先傳授基礎知識，再給學生演示教學實例，演示完成后再讓學生做練習來鞏固學習的知識。這種方法在教學中持續(xù)了好多年，他的好處是教學系統(tǒng)整個教學過程比較完整。可是這種教學方法有個致命的弱點，那就是教師在臺上面面俱到的教，可是學生沒有實際的操作經(jīng)驗，難以理解，老師在孜孜不倦的教，可是學生卻興趣缺乏，往往是老師累得滿頭大汗，學生卻收效甚微。為此，我們提出了以學生為主導的教學方法。
1.1教師備課以學生為主導，要準備合適的案例為學生開啟網(wǎng)頁設計的大門學生是教學過程的主人翁，教師實現(xiàn)備課，除了準備必要的基礎知識以外，我準備大量的設計實例。網(wǎng)頁設計在技能上更注重設計，因此在備課的過程中，要根據(jù)學生學習循序漸進的過程，準備各個階段的案例項目。在學生剛開始接觸網(wǎng)頁設計之初，要給學生一個網(wǎng)頁的整體設計思路。這時候要準備大量的成品優(yōu)秀案例，最好是獲獎作品，提升學生的學習興趣，讓學生覺得學習網(wǎng)頁設計是一個非常有意思的事情。在提升了學生的學習興趣以后，要及時的準備教學實例，這個階段要及時地把網(wǎng)頁設計的基礎知識融入其中，這個階段的教學實例要簡單易行，讓學生比較容易上手，這時候的案例要比較充裕，以大的作業(yè)量來提高學生的基礎設計水平。在學生掌握了基礎制作水平以后，就是學生的提升階段了，這個階段的學習是非常重要的，是關系到整個網(wǎng)頁設計教學的成敗，這個階段案例的選取要有代表性，這時的案例要全面可行，每一種案例都要涉及。最后的一個階段是總結(jié)階段，這個階段的案例的選擇要具有實用性，要采用企業(yè)的實際案例，模仿企業(yè)的運行模式來教學，案例要選取企業(yè)中實際制作項目。這樣一整個備課過程下來，教師就對整個教學有了事先的良好把握。
1.2在教學過程中采用“校企一體化”的模式校企一體化的教學模式指的是在教學過程中模仿企業(yè)的運營模式，老師是項目經(jīng)理人，學生是企業(yè)員工。在這種教學過程中，一開始學生就是作為新進員工參與其中的，教師指導學生做大量的基礎案例項目。這種項目可以是把制作好的網(wǎng)頁模板切片做必要的基礎鏈接，可以是為網(wǎng)頁設計漂亮的導航，可以是為網(wǎng)頁優(yōu)化布局。當然可以在這個過程中加入一些簡單的網(wǎng)頁整版設計，要注意要及時的調(diào)動學生的積極性，對于完成的好的作業(yè)案例要給予表揚，適時的肯定學生的成績會使學生的學習更為有益。在基礎案例做的比較多的情況下，學生的基礎制作水準有了很大的提高，這時候要及時的推動教學進入下一個提高階段，這時候教師要把自己的角色定位為項目經(jīng)理人，提出一些有代表性的項目，比如為某酒店制作一個網(wǎng)站，提出各種要求，讓學生在規(guī)定的時間內(nèi)制作完成。這階段教學的過程，教師要有耐心，要有一定的高度，對于學生的要求要嚴格，對于學生作業(yè)中出現(xiàn)的問題要馬上提出，并督促學生做出優(yōu)化設計。這個階段的案例一定要全面，給學生的項目要有代表性，對目前使用范圍比較廣的網(wǎng)站設計方向要把握準確。在最后的總結(jié)階段，教師提出的案例最好是企業(yè)所提供的，這種實例更具有實際性和探索性。比如，為宏福祥服飾有限公司制作網(wǎng)站。在這個網(wǎng)站的制作過程中，就有學生的大量參與，從選片修片到整個版面的設計，乃至后臺的制作設計，學生們都做出了巨大的努力。在這個網(wǎng)站的制作過程中，學生分成了五個小組，做出了五套網(wǎng)站設計方案，最終有一套方案被企業(yè)錄用。這種企業(yè)的教學模式在網(wǎng)頁設計教學過程中取得了很好的效果。
1.3教學結(jié)果評價的改革在以往的教學中，都是以考試來評定教學結(jié)果的。在新的校企一體化的教學模式中，我們摒棄了以往的評價模式，采用作業(yè)考評結(jié)合平時表現(xiàn)的模式來評價學生的學習效果。采用平時表現(xiàn)，作業(yè)成績?nèi)唛_的方法來考核學生。在作業(yè)的評定中，為了使評定結(jié)果更客觀，我們采用專業(yè)教師和合作企業(yè)代表共同參與學生的作業(yè)講評，根據(jù)講評綜合給分。這種考核方法更為合理有效，不僅僅考核了學生的全面的專業(yè)技能還考核了學生的職業(yè)素養(yǎng)。
2．有效合理的利用校內(nèi)實訓
在網(wǎng)頁設計的主要授課過程結(jié)束以后，最好要安排一至兩周的校內(nèi)實訓。在實訓周內(nèi)，整合學生的全部力量，完成一至兩個大的企業(yè)實際項目案例。實訓周是提高學生網(wǎng)頁設計水平，培養(yǎng)學生成為網(wǎng)頁設計師的良好時機。在這個過程中，教師要為學生選好實訓項目，最好有一定的難度。學生在學習過Photoshop、Dreamweaver、Flash、Div+CSS等網(wǎng)頁設計主要軟件工具以后，一直以來都是分開來使用的，這次要把他們整合在一起來使用。把網(wǎng)頁設計的整套設計過程整個的體驗一遍，選用Photoshop制作出版式配色等整體效果設計，然后切片導入到Dreamweaver中，對需要用到特殊排版的地方用Div+CSS進行設計排版。對于畫龍點晴之處最好加入特點鮮明的Flash短片，這樣完成的項目更具有吸引力。通過合理有效的校內(nèi)實訓，可以加強學生的設計能力和創(chuàng)新能力。
網(wǎng)頁設計實訓總結(jié)范文2
論文關鍵詞：平面設計軟件；實訓課程；項目設計；實訓項目；成果評價；職業(yè)能力
平面設計軟件實訓是配合《平面設計軟件》課程開設的為時2周的實訓課，是培養(yǎng)學生職業(yè)能力的一個重要環(huán)節(jié)。以往的實訓課通常是通過讓學生做一些課業(yè)進行的，教師給出一個課題，學生在指定時間按教師的要求完成作品，整個過程在教師的輔導下完成。在這樣的教學過程中，學生的職業(yè)能力難以得到很好的訓練，團隊精神難以得到有效的培養(yǎng)。所以，在實訓課上進行項目教學是很有必要的，因為項目教學法的核心是在教師的指導下，由學生去探尋得到最終結(jié)果的途徑，學習的重點在學習過程而非學習結(jié)果，這對學生能力的培養(yǎng)是很有幫助的。在2周的時間里，如何設計項目才能使學生真實地體驗一個項目的完整制作過程，是需要教師研討的問題。
實訓項目設計分析
實訓課的教學不同于理論課。由于學生已經(jīng)初步具備了該課程的知識和技能基礎，實訓課要在理論課的基礎上重點訓練學生的專業(yè)技能和職業(yè)能力。所以，項目的設計要求更能體現(xiàn)實際工作環(huán)境的特點，學生通過項目能更好地應用學過的知識解決實際問題，鍛煉自己的實際工作能力。
設計理念平面設計是近十幾年逐步發(fā)展起來的一個復合性職業(yè)，涉及面非常廣泛，涵蓋的職業(yè)范疇包括商業(yè)展示設計、商業(yè)廣告設計、商業(yè)環(huán)境藝術設計、書籍裝幀設計、包裝結(jié)構(gòu)與裝潢設計、服裝設計、工業(yè)產(chǎn)品設計、商業(yè)插畫設計、標志設計、企業(yè)CI設計、網(wǎng)頁設計等等。針對目前平面設計行業(yè)及社會其他相關崗位對人才的需求和對教學內(nèi)容及教學方法的研討，實訓項目設計應該圍繞著專業(yè)方向和培養(yǎng)目標進行設計；圍繞著用完整的實際工作流程訓練學生綜合設計制作能力的目標進行項目開發(fā)，即按照實際工作“調(diào)研策劃創(chuàng)意設計制作提交審核”的流程進行教學設計；以項目小組的形式開展教學活動；通過實訓項目訓練，培養(yǎng)學生的創(chuàng)新精神和團隊精神，使學生能夠綜合運用美學思想、平面藝術設計的基本原理和設計規(guī)律及計算機圖形圖像設計軟件，完成符合實際要求的平面設計作品，實現(xiàn)平面設計專業(yè)的教學目標。項目的設計理念應當是以培養(yǎng)學生完成實際工作任務的職業(yè)能力為目標，但設計的項目不一定非要來源于企業(yè)，因為本課程的學生是“廣告設計與制作”專業(yè)的一年級新生，還沒有學過平面設計方面的專業(yè)課，用2周的時間完成一個真實的企業(yè)項目有一定的難度。為了順利實現(xiàn)《平面設計軟件》實訓課程的教學目標，可采取將虛擬項目按照真實項目完成的形式進行教學設計。
設計思路平面設計專業(yè)的能力目標是使學生能夠根據(jù)平面藝術設計的基本原理和設計規(guī)律，針對不同的用戶要求進行各種平面作品的設計與制作。所以，“網(wǎng)站頁面設計制作”項目、“POP廣告設計制作”項目、“商業(yè)插畫設計制作”等項目都可以用來作為《平面設計軟件》實訓課程的實訓項目。產(chǎn)品類廣告設計可以重點培養(yǎng)學生市場調(diào)研、策劃、創(chuàng)意等能力；文化類廣告設計可以培養(yǎng)學生掌握完整的設計制作流程；“網(wǎng)站頁面設計制作”可以通過圖形、色彩、文字等設計元素的運用培養(yǎng)學生綜合的平面設計能力。下面以“某集團房地產(chǎn)網(wǎng)站頁面設計制作”項目為例，分析實訓項目的設計方案。
實訓項目設計方案
項目背景隨著互聯(lián)網(wǎng)的飛速發(fā)展，網(wǎng)絡已經(jīng)成為人們生活中不可缺少的一部分，利用網(wǎng)絡查找各種所需要的信息已經(jīng)是人們習以為常的手段。在這種形勢下，很多企業(yè)、個人都需要擁有自己的網(wǎng)站和網(wǎng)頁。某房地產(chǎn)企業(yè)為了更好地宣傳企業(yè)形象和推介企業(yè)產(chǎn)品，需要制作一個引人注目的精美網(wǎng)站展示自己。
項目內(nèi)容該設計項目是為某房地產(chǎn)開發(fā)商的網(wǎng)站進行網(wǎng)頁設計和制作，需要學生進行市場調(diào)研，了解企業(yè)名稱和受眾群體，并采集各種信息，通過進行實際調(diào)查和需求分析，確定網(wǎng)站的市場定位，進行網(wǎng)頁的規(guī)劃和整體方案設計。在網(wǎng)頁效果上要注意網(wǎng)站形象設計，以滿足人們的審美需求；在制作過程中要合理運用藝術設計的理論知識和軟件技術，按計劃完成符合客戶要求的精美網(wǎng)站制作。具體任務內(nèi)容包括市場調(diào)研、網(wǎng)站策劃、網(wǎng)頁整體方案設計、網(wǎng)頁設計制作、完稿處理、資料整理等，其中市場調(diào)研包括收集相關房地產(chǎn)企業(yè)的宣傳資料和網(wǎng)站形象調(diào)研。網(wǎng)站需求分析要通過對宣傳資料進行整理分析，明確用戶需求，并撰寫分析報告。網(wǎng)站整體方案設計包括標準字、LOGO小樣、標準色彩、圖標設計、網(wǎng)頁平面設計等內(nèi)容。網(wǎng)頁設計制作可利用平面設計軟件Photoshop、Illustrator等。
項目能力目標為達到專業(yè)要求的職業(yè)能力培養(yǎng)目標，在項目執(zhí)行過程中，要求學生能進行基本的市場調(diào)研，明確客戶需求，撰寫廣告策劃書；能根據(jù)策劃書進行創(chuàng)意構(gòu)思，繪制出設計草圖；能進行一定的創(chuàng)意設計；能將藝術設計理論知識與軟件技術相結(jié)合，具備項目執(zhí)行能力、與人溝通能力及小組協(xié)作能力。
項目技術指導在項目執(zhí)行過程中，教師承擔著指導的責任，在設計項目方案時，教師要全盤考慮項目中的一些技術問題，對學生可能遇到的知識和技能問題做到心中有數(shù)，以使項目能夠順利進行。
1.網(wǎng)頁設計流程。按照一定的設計流程策劃、設計、制作網(wǎng)站可以減少失誤，確保項目的正確進行。因此，要了解項目的制作步驟及網(wǎng)頁的設計流程：（1）市場調(diào)研，收集資料；（2）網(wǎng)站策劃；（3）網(wǎng)頁詳細設計；（4）網(wǎng)頁制作；（5）驗收作品。
2.市場調(diào)研。在調(diào)研之前首先要確定調(diào)查報告內(nèi)容，對問題進行分析、排除、鎖定。這樣在與客戶溝通時可避免問題模糊、范圍過大。資料收集要翔實、豐富，包括該企業(yè)的介紹、樓盤信息、圖片等一切相關信息。
3.網(wǎng)站策劃。網(wǎng)站策劃是網(wǎng)站設計的關鍵步驟，只有真正策劃好了，才有可能成為讓客戶或用戶滿意的網(wǎng)站。在本項目中，網(wǎng)站策劃是了解客戶需求、進行信息收集與分析、對網(wǎng)頁設計等方面的問題進行整體規(guī)劃并提供解決方案、撰寫“需求分析報告”的過程。在這個過程中最為重要的是需求分析，就是了解、分析、明確用戶需求，利用創(chuàng)意草圖，對網(wǎng)頁進行合理科學的規(guī)劃，即對網(wǎng)頁定位、受眾群體、網(wǎng)站色調(diào)、網(wǎng)站頁面總體風格、各種頁面特殊效果及其數(shù)量進行確定。
4.網(wǎng)頁詳細設計方案。在需求分析的基礎上，要進一步針對內(nèi)容建設、網(wǎng)站布局、網(wǎng)站結(jié)構(gòu)方面設計具體的方案。需要畫出網(wǎng)站結(jié)構(gòu)圖，其中包括網(wǎng)站欄目、結(jié)構(gòu)層次、連接內(nèi)容、首頁中的功能按鈕、內(nèi)容要點、友情鏈接等，都要體現(xiàn)出來，要切題并突出重點。設計方案要充分展示房地產(chǎn)網(wǎng)頁設計的特點，網(wǎng)站形象要莊重平和，信息量要全面、細致，具有人性化特點。網(wǎng)頁結(jié)構(gòu)應層次清晰、創(chuàng)意新穎、顏色搭配合理、網(wǎng)頁頁面設計符合審美要求，網(wǎng)頁功能要融入設計方案中，網(wǎng)頁的內(nèi)容與表現(xiàn)形式要統(tǒng)一，要對內(nèi)容進行合理的分析、加工，按類別分類，欄目設置要一目了然。（1）首頁設計。首頁設計包括創(chuàng)意設計、結(jié)構(gòu)設計、色彩調(diào)配和布局設計。在進行首頁設計時，標題要有概括性，要用標題性的文字使訪問者快速了解網(wǎng)站所能提供的信息，可將具體內(nèi)容放到子頁里完成；要符合設計時的主題和風格；文字與背景要合理搭配；整個頁面色彩選擇要統(tǒng)一。（2）網(wǎng)頁版式設計。在網(wǎng)頁設計中，網(wǎng)頁的版式設計以及色彩搭配是很重要的，字體的設計和圖片的放置都要考慮整個頁面的排版，要合理地運用空間，使網(wǎng)頁疏密有致，井井有條，留下必要的空白，使瀏覽者感覺輕松，沒有壓抑感，但也要注意不能只追求版面效果而忽視功能方面的問題。（3）網(wǎng)頁背景。網(wǎng)頁背景設計不好會影響訪問者對整個網(wǎng)站的印象，選用的背景應該與整套頁面的色調(diào)相協(xié)調(diào)。不同的顏色會給人不同的視覺心理感受，要合理運用色彩，造成良好的視覺效果。使用圖片做背景時，要考慮大尺寸給傳輸速度帶來的影響。
5.網(wǎng)頁制作。網(wǎng)頁制作是通過應用Photoshop、Illustrator等平面設計軟件的各種技術實現(xiàn)網(wǎng)頁策劃所要求的效果的過程。在制作時既要結(jié)合平面設計的基本知識，也要遵循網(wǎng)頁設計獨特的設計要求與原則。（1）網(wǎng)頁圖標設計。圖標是具有明確指代含義的具有標識性質(zhì)的圖形，不僅是一種圖形，更是一種標識，具有高度濃縮并快捷傳達信息、便于記憶的特性，應用范圍很廣，例如各種交通標志、學校的校徽、商品的商標等。圖標也是網(wǎng)頁中重要的設計元素，應根據(jù)不同的應用有所區(qū)分，既可以用來標識一個欄目，也可以作為鏈接元素實現(xiàn)網(wǎng)頁間的跳轉(zhuǎn)。精美的網(wǎng)頁設計圖標往往能起到畫龍點睛的作用，從而提升軟件的視覺效果。網(wǎng)頁常用的圖標有“導航圖標”、“按鈕”、“標志”等。圖標設計要簡單、直觀、可識別性強；要能準確表達相應的操作；按鈕的設計采用圖標和文字可以提高圖標的可用性；為吸引用戶眼球，顏色應簡潔；使用矢量格式可以讓圖標隨意放大縮小；在導航欄上或網(wǎng)頁的某些地方使用合適的圖標，不僅可以美化網(wǎng)站，還可以引領用戶瀏覽網(wǎng)頁。一般制作流程是先做出基本的外形，再進行上色修飾，最后增加一些光影使其具有立體感。（2）導航欄設計。導航欄是網(wǎng)頁中用來裝飾和展示網(wǎng)頁的，是非常重要的組成部分，功能豐富的導航欄可以引導閱覽者獲取多方面的信息。導航欄的設計應遵循“導航數(shù)量適當”、“導航提示明確、清晰、醒目”等原則。（3）網(wǎng)頁色彩設計。網(wǎng)頁的色彩是網(wǎng)頁最重要的部分，是給訪問者登錄頁面時的第一印象，好的頁面色彩能給人帶來很強的視覺沖擊力，可以使瀏覽者對整個網(wǎng)站產(chǎn)生深刻印象。在設計網(wǎng)頁時如果忽視了色彩設計，網(wǎng)站最后的視覺效果可能與客戶期望不匹配。因此，設計時需要先了解網(wǎng)站的定位、網(wǎng)頁的風格，學習有關的色彩知識，在此基礎上合理進行色彩搭配。在配色時應注意盡量將顏色控制在三種以內(nèi)，一般而言，網(wǎng)頁的背景色應該柔和一些、素雅一些，如配上深色的文字，會使人看起來自然、舒暢，文字的顏色在不同底色的襯托下，會給人不同的視覺效果，設計時應綜合考慮多方面的因素，設計出能產(chǎn)生好的視覺效果、能營造整體氛圍的網(wǎng)頁。網(wǎng)頁設計還有很多方面的知識，教師可以給學生提供一些資料，讓學生通過自主學習掌握這些知識，提高學生的自學能力。
網(wǎng)頁設計實訓總結(jié)范文3
原本計算機專業(yè)的基礎課程和專業(yè)課程的課時就比較多，作為新加入的《網(wǎng)頁美工設計》課程，課時分配就有一定的限制，而且作為本專業(yè)的專業(yè)核心課，課程多安排在后面幾個學期，通常在這個時間段多安排的是比較繁重、訓練量較大的其他專業(yè)核心課，這對學生學習精力的分配是一個挑戰(zhàn)。
二、任務重
在《網(wǎng)頁美工設計》課程中除了需要培養(yǎng)學生網(wǎng)頁設計所需要的版式、色彩、字體等等基本的設計知識外，還要針對網(wǎng)頁美工設計的特點進行專項的學習和實訓，有些甚至還要新學習1-2個繪圖軟件，任務相當繁重。基于以上幾點原因，學生學習起來有一定的困難，也給教師的教授帶來了巨大的挑戰(zhàn)。如果不能順利的解決這些問題，開設這門課程就不能達到本來的目標，失去了開設這門課程的意義，而且學生學習后沒有得到提升，還會打擊學生學習的積極性和自信心。為了更好的上好這門課，筆者根據(jù)近幾年的教學經(jīng)驗特提出一下幾點新思路：
（一）調(diào)整優(yōu)化教學內(nèi)容。
根據(jù)網(wǎng)頁設計的特性，調(diào)整教學內(nèi)容，刪除相關性不大的內(nèi)容，對相關內(nèi)容進行優(yōu)化整合，如藝術設計專業(yè)學生要求掌握的圖形創(chuàng)意、字體設計等內(nèi)容對于計算機專業(yè)的學生來說難度較大，且與網(wǎng)頁設計相關性不大，就可以舍去，重點放在圖像處理和圖文排版的內(nèi)容上，教學案例的設計上都以各類網(wǎng)頁為主，從按鈕設計到整個網(wǎng)頁頁面的設計，使整個內(nèi)容具有高度專項性質(zhì)。通過對教學內(nèi)容的調(diào)整，使其更有針對性，并且系統(tǒng)性的安排教學內(nèi)容，使學生在學習的時候能更加輕松的掌握知識。
（二）使用多種靈活的教學方法。
對于網(wǎng)頁美工設計這個實用性很強的課程，在教學方法的選擇上，不能只進行空洞無力的講解，應注重實踐操作能力的培養(yǎng)，從實踐中引入相關理論的講解，使學生能更快的掌握一些基本的設計原則和知識。對學生的培養(yǎng)也要采用多樣化的教學手段，如案例法、項目式教學法、PBL教學法等。通過以現(xiàn)有網(wǎng)頁為案例講解網(wǎng)頁的設計思想，通過安排學生完成規(guī)定的項目了解網(wǎng)頁設計的流程等。以實際案例作為實訓項目，精心安排實訓的內(nèi)容，內(nèi)容要與實際工作環(huán)境相結(jié)合。可以先將案例分段布置給學生完成，待學生有一定的基礎后，再將整個案例安排給學生，學生可以自行獨立完成或者分組完成，完成設計后可以讓學生對起設計理念、設計方法進行陳述，老師和同學都可以進行點評，這樣既鍛煉了學生的創(chuàng)作能力也鍛煉了學生們適應市場的能力。考核方式也更加靈活，注重學生實訓的過程考核。
（三）加強課外練習和指導。
由于網(wǎng)頁美工設計的課時相對于大量的教學內(nèi)容來說是遠遠不夠的，但是由于該門課程大部分內(nèi)容都是用于實踐，且與其他多門課程存在相關性，在其他課程學習或?qū)嵺`的同時，也可以強調(diào)考察學生網(wǎng)頁美工設計的能力。而且設計能力的培養(yǎng)是一個長期積累的過程，教師要加強引導，可以收集提供資料供學生參考和練習，學生要做到多看多練多思考，提高自身自學能力，才能達到全面提升的效果。
三、總結(jié)
網(wǎng)頁設計實訓總結(jié)范文4
關鍵詞：高職院校 網(wǎng)頁設計 項目化課程 開發(fā)實踐
中圖分類號：TP311.1 文獻標識碼：A 文章編號：1674-098X（2017）02（c）-0224-02
《網(wǎng)頁設計與制作》是計算機應用專業(yè)的一門專業(yè)核心課程。該課程目標是讓學生掌握網(wǎng)頁設計與制作能力。它以圖形圖像處理、互聯(lián)網(wǎng)應用等課程的學習為基礎，也是進一步學習動態(tài)網(wǎng)站設計等課程的基礎。學完本課程，要求學生能達到掌握網(wǎng)頁美工初步技能；熟練掌握HTML+CSS進行頁面布局與排版的技能；基本掌握使用網(wǎng)頁腳本控制頁面操作和提升用戶體驗的能力。
按照高職高專知識傳授特點與職業(yè)技能需求，同時根據(jù)網(wǎng)頁設計與制作課程知識的掌握規(guī)律，目前我校采用了項目化教學方法，為學生較好地掌握知識及快速適應工作崗位需求打下扎實的基礎。
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)點是能讓學生將學習過程作為完整的“工作”過程。在此基礎上，進一步將各工作任務分成若干子任務，通過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)能力和組織管理能力。
④較強的自我知識及技術更新能力：能快速跟蹤網(wǎng)頁制作的新技術及市場應用動態(tài)。
4 教學內(nèi)容的組織與安排
該課程主要教學內(nèi)容包括網(wǎng)站服務器、HTML、CSS、網(wǎng)頁界面整體設計（含JavaScript應用）、網(wǎng)頁兼容性等5個教學模塊，其中HTML和CSS為學習和實踐的重點，通過幾個案例的制作過程展開知識講授。具體教學內(nèi)容及課時安排見表1，“網(wǎng)頁外觀制作技術”項目的教學設計見表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)頁制作任務，課程各種教學資源能夠在學習過程中在線使用。
網(wǎng)頁設計實訓總結(jié)范文5
關鍵詞：項目教學；網(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.
網(wǎng)頁設計實訓總結(jié)范文6
高職院校培養(yǎng)目標定位在培養(yǎng)高素質(zhì)高級技能型專門人才。這種人才自身，要求不但能夠從事相應的工作，而且具備較高的技能。在傳統(tǒng)的網(wǎng)頁設計教學中，大家采用的教學案例比較簡單，許多教學案例的設計圍繞知識點進行設計，即為了學會知識而設計教學案例。在考核中也偏重于理論考核。這樣培養(yǎng)出來的學生，偏重于簡單的網(wǎng)頁設計，無法勝任真正的網(wǎng)頁設計工作，當然也無法達到培養(yǎng)高素質(zhì)高級技能型專門人才的培養(yǎng)目標[1]。這就要求在課程改革中，采用真實的企業(yè)網(wǎng)頁，尤其的主流電商的網(wǎng)頁，圍繞真正的網(wǎng)站進行教學；在考核過程中注重過程考核，避免單一的理論知識考核。
二、課程內(nèi)容的設計
（一）課程定位
網(wǎng)頁設計課程是計算機應用技術專業(yè)職業(yè)能力模塊中關于網(wǎng)站設計制作模塊的一門專業(yè)核心課程。該課程是在專業(yè)基礎平臺模塊的基礎上開設的，與其他課程有著緊密聯(lián)系。結(jié)合開設的《XHTML》、《數(shù)字平面設計基礎》等課程，實現(xiàn)網(wǎng)頁小前端設計。
課程圍繞企業(yè)開發(fā)網(wǎng)頁前端的整個過程進行設計，目的是使學生掌握網(wǎng)頁設計與制作的常用技術和方法，使學生能夠開發(fā)與制作出具有業(yè)界水準的網(wǎng)站，以適應社會對人才的需要。
（二）課程設計理念
1.以真實案例為中心，實現(xiàn)就業(yè)零距離
在教學案例的選擇過程中，與企業(yè)著名的設計企業(yè)進行合作，校企雙方通過對網(wǎng)頁設計與制作必須的職業(yè)能力進行調(diào)研、分析，從實際工作項目中精選出本課程的教學案例。這些教學案例，全部是有一定專業(yè)水準的真實網(wǎng)站。學生通過真實網(wǎng)站的實訓，欣賞水準和網(wǎng)頁設計能力能夠和業(yè)界接軌。實現(xiàn)就業(yè)的“零距離”。
采用“網(wǎng)站開發(fā)工作過程導向”的項目教學方法[2]，強調(diào)學生所學知識和技能在實踐中的應用，各個教學單元采用“應用導向，任務驅(qū)動”教學方法[3]。徹底打破原有的網(wǎng)頁設計與制作教學體系，重建教學內(nèi)容，將章節(jié)的內(nèi)容以案例的形式講述。以網(wǎng)頁設計與制作中的各個功能的實現(xiàn)為主線，結(jié)合平時上課時講授的實例展開。
充分利用網(wǎng)頁設計與制作課程應用性強的特點，把該課程的教學改革與產(chǎn)學研結(jié)合起來，開展多項與網(wǎng)頁設計與制作有關的科研教研。鼓勵老師和同學多參與國家或者學院組織的各項比賽。
2.遵循認知規(guī)律，先感性、后理性，實現(xiàn)感性、理性認識的辯證統(tǒng)一
對于人的認知來說，總是先感性認識，后理性認識。感性認識是理性認識的基礎，理性認識是感性認識的升華和總結(jié)。
在課程設計方面，先進行感性學習，即使用可視化工具進行網(wǎng)站設計；然后對網(wǎng)站進行總結(jié)，逐步使用代碼工具進行網(wǎng)站設計；最后通過綜合實現(xiàn)，實現(xiàn)能力的提升。能力提升示意圖見圖1。
圖1能力提升示意圖
3. 課程內(nèi)容的選取
圍繞電子商務網(wǎng)站裝修新的就業(yè)需求，針對性的選擇課程內(nèi)容。對于計算機應用技術的畢業(yè)生來說，由于電子商務的發(fā)展，近三年來，越來越多的畢業(yè)生到服裝、飾品等淘寶店鋪去做店鋪裝修。甚至部分學生自己在淘寶上開店自主創(chuàng)業(yè)，淘寶店鋪的裝修成為人才培養(yǎng)的一個新需求。另外，在威客網(wǎng)站上也常見淘寶店鋪裝修的任務。
對于河南省來說，電子商務才剛剛起步，網(wǎng)店形象差，規(guī)模普遍較小。追究其原因，很多人還是老思想，認為“酒香不怕巷子深”，不注意網(wǎng)店的裝修和自己形象的塑造。而淘寶店鋪的裝修正是解決這個問題。
對于傳統(tǒng)的網(wǎng)頁設計課程來說，過于強調(diào)技術。而淘寶裝修就是包括兩個方面：即網(wǎng)頁設計和與網(wǎng)頁相關的藝術設計，是信息學科向文化藝術領域拓展的新方向，是以技術為主，藝術為輔，技術與藝術相結(jié)合的新興方向。
因此，在課程內(nèi)容的選取上，不但要強調(diào)技術，也且要關注相關的頁面藝術設計，特別是有關電商企業(yè)的頁面設計。在課程內(nèi)容的選擇上，包括淘寶網(wǎng)、天貓、京東商城等眾多電商的網(wǎng)頁被選入課程內(nèi)容。
三、考核方式改革
由于教學內(nèi)容圍繞網(wǎng)頁設計與制作的實際應用進行展開，理論、實踐結(jié)合緊密[4]。因此，考核方式也要進行改革。
改變網(wǎng)頁設計與制作的考核方式。為了使同學們更好的掌握網(wǎng)頁設計，改變原來那種僅僅筆試的考試方式，增加過程考試權(quán)重。過程考核主要考核學生解決網(wǎng)站設計問題的思路和方法，占70%；筆試考核主要靠和學生對該課程基本理論知識的掌握，占30%。
四、結(jié)束語
由于教學內(nèi)容選自業(yè)界真實網(wǎng)頁，具有業(yè)界水準，學生的網(wǎng)頁欣賞水平和設計水平提升明顯。考核方式的改變，進一步提升了學生的實際動手能力，收到了良好的教學改革效果。
參考文獻：
[1] 張偉娜. 《網(wǎng)頁設計與制作》課程教學的探討與實踐[J]. 中國教育信息化. 2008（03）
[2] 林莉莉. 基于任務驅(qū)動有效開展《網(wǎng)頁設計與制作》課程的教學[J]. 太原城市職業(yè)技術學院學報. 2008（10）
[3] 洪華秀，姚菊英. 項目教學法在《頁面設計與制作》課程中的運用[J]. 江西教育學院學報. 2009（03）
[4] 龔茜茹. 基于軟件項目管理的《Photoshop》教學模式[J]. 河北能源職業(yè)技術學院學報.2012（09）
作者簡介：
