網(wǎng)頁美工 課程標(biāo)準(zhǔn).doc

電子商務(wù)專業(yè)網(wǎng)頁美工課程標(biāo)準(zhǔn)使用專業(yè)電子商務(wù)專業(yè)修讀學(xué)期第4學(xué)期制訂時間2015.08課程代碼0102016002課程學(xué)時32課程學(xué)分2課程類型專業(yè)方向課課程性質(zhì)專業(yè)選修課程類別理論+實踐對應(yīng)職業(yè)資格證或內(nèi)容對應(yīng)助理電子商務(wù)師職業(yè)資格證書考試的網(wǎng)頁美工編輯部分合作開發(fā)企業(yè)溫州名購網(wǎng)執(zhí)筆人魏振鋒合作者一、 課程定位隨著互聯(lián)網(wǎng)的快速發(fā)展，網(wǎng)頁美工設(shè)計與圖像處理技術(shù)進入了一個嶄新的階段。網(wǎng)頁作為網(wǎng)絡(luò)信息的載體，不再是簡單的文字與圖片的展示，而是更加強調(diào)美觀性、交互性，這也是當(dāng)前網(wǎng)頁美工設(shè)計與圖像處理的發(fā)展趨勢。為了加強學(xué)生的網(wǎng)頁美工設(shè)計水平，提高學(xué)生的圖像處理實際動手能力，提高學(xué)生的就業(yè)競爭力，為社會培養(yǎng)必需的人才，我們開設(shè)了網(wǎng)頁美工這門課程。該門課程實踐性很強，學(xué)生必須通過大量的上機練習(xí)，才能夠靈活地用它來解決實際的問題。由于電子商務(wù)專業(yè)學(xué)生在網(wǎng)絡(luò)運營中，不可避免的要涉及美工設(shè)計實踐內(nèi)容，因此每一位專業(yè)學(xué)生都應(yīng)該熟練地掌握和運用Photoshop軟件的各種功能。 二、 課程設(shè)計思路網(wǎng)頁美工是一門集美學(xué)、Photoshop圖片設(shè)計，F(xiàn)lash動畫制作，Dreamwaver網(wǎng)頁設(shè)計等設(shè)計軟件應(yīng)用為主的實踐性課程，培養(yǎng)學(xué)生具備良好的創(chuàng)意和一定程度的審美觀。通過學(xué)習(xí)本課程，學(xué)生應(yīng)了解網(wǎng)頁基本設(shè)計思想，掌握和提高色彩搭配能力、網(wǎng)頁的色彩設(shè)計、平面構(gòu)成，熟練掌握Photoshop、CorelDRAW、Dreamweaver等工具的使用，掌握網(wǎng)頁設(shè)計的基本方法，具備網(wǎng)頁美工的項目實踐經(jīng)驗，對網(wǎng)頁美工有深刻的認(rèn)識和獨特的見解，能夠熟練運用各種網(wǎng)頁設(shè)計技術(shù)實現(xiàn)網(wǎng)頁的效果。本課程采用理論與實踐相結(jié)合的案例教學(xué)法和項目教學(xué)模式，將平面設(shè)計理論知識與網(wǎng)頁設(shè)計充分結(jié)合，本課程注重實踐應(yīng)用能力的培養(yǎng)，提供相應(yīng)的練習(xí)內(nèi)容，加強實踐操作技能的培養(yǎng)，增強學(xué)生擇業(yè)、就業(yè)和適應(yīng)職業(yè)變化的能力。本課程實施過程中，建議課堂教學(xué)相對集中課時對網(wǎng)頁設(shè)計中的“頁面構(gòu)成”、“色彩搭配”、“字體設(shè)計”、“排版與布局”、“動畫制作”、“圖像制作”、“網(wǎng)店平面設(shè)計”、“實例解析”等單元進行嚴(yán)格的訓(xùn)練（結(jié)合案例進行實戰(zhàn)教學(xué)），力求在一個較短的時間內(nèi)將學(xué)生網(wǎng)頁設(shè)計能力提到一個較高水準(zhǔn)。在實踐教學(xué)手段方面，建議采用投影教學(xué)的方式進行理論和實例的講解，加大臨摹練習(xí)，以獲得最佳的教學(xué)效果。三、 課程學(xué)習(xí)目標(biāo)（一）本課程學(xué)習(xí)應(yīng)具備的專業(yè)能力本課程的教學(xué)目標(biāo)是：以現(xiàn)代職業(yè)教育理念為指導(dǎo)，通過先進的教學(xué)手段，使學(xué)生充分掌握網(wǎng)頁設(shè)計中平面構(gòu)成、色彩搭配、字體設(shè)計、排版與布局、網(wǎng)絡(luò)動畫、形象設(shè)計與廣告?zhèn)髅降榷鄠€方面的理論知識并結(jié)合實例進行設(shè)計，加深對網(wǎng)頁美工設(shè)計的理解，不斷提高學(xué)生的藝術(shù)修養(yǎng)和設(shè)計技能水平。通過本課程的學(xué)習(xí)，學(xué)生應(yīng)掌握（1）網(wǎng)頁美工設(shè)計能力；（2）網(wǎng)頁設(shè)計中的平面構(gòu)成及色彩搭配原理；（3）網(wǎng)頁設(shè)計中的字體設(shè)計；（4）網(wǎng)頁設(shè)計中的排版與布局原理；（5）網(wǎng)頁設(shè)計中的動畫制作；（6）淘寶網(wǎng)店首頁、產(chǎn)品詳情頁、活動頁面的設(shè)計。（二）本課程學(xué)習(xí)應(yīng)具備的方法能力通過本課程的學(xué)習(xí)，使學(xué)生具備開放的專業(yè)思維，樹立牢固的專業(yè)信心，并通過多個實訓(xùn)項目，培養(yǎng)學(xué)生具備獨立從事網(wǎng)頁美工設(shè)計和網(wǎng)店頁面設(shè)計能力。（1）掌握并熟練應(yīng)用網(wǎng)頁設(shè)計中的平面構(gòu)成、色彩心理及色彩搭配原理；（2）能熟練掌握網(wǎng)頁設(shè)計中的字體設(shè)計原理；（3）熟練掌握并活用網(wǎng)頁設(shè)計中的排版與布局；（4）掌握并活用圖片和網(wǎng)絡(luò)動畫；（5）掌握和優(yōu)化網(wǎng)店頁面設(shè)計。（三）本課程學(xué)習(xí)應(yīng)具備的社會能力通過本課程的學(xué)習(xí)，向?qū)W生傳播獨立設(shè)計能力和設(shè)計思維，讓學(xué)生熱愛專業(yè)，樹立遠(yuǎn)大理想，鍛煉和培養(yǎng)學(xué)生踏實認(rèn)真、精益求精等基本素質(zhì)，且具備：（1）藝術(shù)欣賞能力；（2）實事求是的作風(fēng)和創(chuàng)新意識、創(chuàng)新精神；（3）不斷學(xué)習(xí)的能力。四、 典型工作任務(wù)本課程基于電子商務(wù)網(wǎng)店運營需要，企業(yè)網(wǎng)頁設(shè)計和美工工作過程，設(shè)計了網(wǎng)頁平面構(gòu)成、色彩搭配、字體設(shè)計、排版與布局、網(wǎng)頁動畫、網(wǎng)頁圖像、網(wǎng)店首頁、產(chǎn)品詳情頁、活動頁面設(shè)計等7個工作任務(wù)，讓學(xué)生在真實的工作任務(wù)中學(xué)習(xí)，通過多環(huán)節(jié)的技能訓(xùn)練，全面掌握網(wǎng)頁美工設(shè)計基礎(chǔ)知識和技能，能夠承擔(dān)企業(yè)相應(yīng)的設(shè)計和制作任務(wù)，通過對各類網(wǎng)頁的分析，提高學(xué)生的網(wǎng)頁美工設(shè)計能力，提高審美水平。五、 課程整體設(shè)計序號單元（項目）主題（模塊）學(xué)時分配1網(wǎng)頁平面構(gòu)成網(wǎng)頁美工概述2網(wǎng)頁平面構(gòu)成22網(wǎng)頁的色彩搭配網(wǎng)頁配色23網(wǎng)頁的字體設(shè)計網(wǎng)頁的字體設(shè)計24網(wǎng)頁排版與布局網(wǎng)頁版式設(shè)計45網(wǎng)頁圖像處理網(wǎng)頁圖像處理46網(wǎng)頁動畫處理網(wǎng)絡(luò)動畫的制作47網(wǎng)店平面制作網(wǎng)店首頁制作4產(chǎn)品詳情頁制作4活動專題頁制作4課程學(xué)習(xí)總學(xué)時32六、 課程學(xué)習(xí)單元內(nèi)容與要求單元（項目）名稱：網(wǎng)頁平面構(gòu)成學(xué)習(xí)性工作任務(wù)或項目1.目標(biāo)：掌握網(wǎng)頁美工需要具備的能力，掌握平面構(gòu)成原理及構(gòu)成形式。2.具體任務(wù)：熟練掌握網(wǎng)頁美工使用的設(shè)計工具。3.活動設(shè)計：案例展示-學(xué)生實操-講評載體或活動以教材案例和天貓店鋪實例為例學(xué)習(xí)方法建議實踐法學(xué)習(xí)重點與難點重點：熟練掌握平面構(gòu)成形式并應(yīng)用于網(wǎng)頁設(shè)計難點：構(gòu)成形式在網(wǎng)頁設(shè)計中的活用組織實施建議理實一體項目化教學(xué)學(xué)習(xí)場地與設(shè)施建議機房環(huán)境、安裝photoshop、dreamweaver、flash等教學(xué)軟件，能夠訪問各案例網(wǎng)站。學(xué)生學(xué)習(xí)知識與技能準(zhǔn)備平面構(gòu)成原理、構(gòu)成形式、構(gòu)成形式在網(wǎng)頁設(shè)計中的運用。學(xué)習(xí)考核與評價網(wǎng)頁美工使用的設(shè)計工具 30%，平面構(gòu)成原理30%，平面構(gòu)成形式40%學(xué)習(xí)單元設(shè)計擬實現(xiàn)的能力目標(biāo)必須掌握的知識內(nèi)容學(xué)時網(wǎng)頁美工概述掌握網(wǎng)頁美工需要具備的能力。能熟練掌握網(wǎng)絡(luò)美工所要求具備的設(shè)計工具。2網(wǎng)頁平面構(gòu)成掌握網(wǎng)頁平面構(gòu)成設(shè)計中的3個方面；熟練掌握平面構(gòu)成形式并應(yīng)用于網(wǎng)頁設(shè)計。平面構(gòu)成原理及構(gòu)成形式。2本學(xué)習(xí)單元學(xué)時小計4單元（項目）名稱：網(wǎng)頁的色彩搭配學(xué)習(xí)性工作任務(wù)或項目1.目標(biāo)：掌握色彩構(gòu)成原理，掌握網(wǎng)頁配色原理2.具體任務(wù)：網(wǎng)頁常用配色分析。3.活動設(shè)計：案例展示-學(xué)生實操-講評載體或活動以教材案例和天貓店鋪實例為例學(xué)習(xí)方法建議實踐法學(xué)習(xí)重點與難點重點：網(wǎng)頁配色原理中的色彩的印象、調(diào)和、對比、變化。以及網(wǎng)頁常用配色分析；難點：網(wǎng)頁色彩心理組織實施建議理實一體項目化教學(xué)學(xué)習(xí)場地與設(shè)施建議機房環(huán)境、安裝photoshop、dreamweaver、flash等教學(xué)軟件，能夠訪問各案例網(wǎng)站。學(xué)生學(xué)習(xí)知識與技能準(zhǔn)備色彩構(gòu)成，網(wǎng)頁配色原理，網(wǎng)頁色彩心理，網(wǎng)頁配色分析學(xué)習(xí)考核與評價網(wǎng)頁配色原理30%，網(wǎng)頁色彩心理20%，網(wǎng)頁配色分析50%學(xué)習(xí)單元設(shè)計擬實現(xiàn)的能力目標(biāo)必須掌握的知識內(nèi)容學(xué)時網(wǎng)頁的色彩搭配熟練掌握網(wǎng)頁配色原理，并能結(jié)合網(wǎng)頁色彩心理的理論，活用于網(wǎng)頁設(shè)計中。了解色彩構(gòu)成原理及網(wǎng)頁色彩心理，掌握網(wǎng)頁配色原理2本學(xué)習(xí)單元學(xué)時小計2單元（項目）名稱：網(wǎng)頁的字體設(shè)計學(xué)習(xí)性工作任務(wù)或項目1.目標(biāo)：熟練掌握網(wǎng)頁設(shè)計中字體與版式設(shè)計。2.具體任務(wù)：網(wǎng)頁字體與版式設(shè)計，培養(yǎng)學(xué)生的制作能力。3.活動設(shè)計：案例展示-學(xué)生實操-講評載體或活動以教材案例和天貓店鋪實例為例學(xué)習(xí)方法建議實踐法學(xué)習(xí)重點與難點重點：字體設(shè)計原理及網(wǎng)頁設(shè)計中文字顏色的運用“羽化值”、“容差”等參數(shù)的合理設(shè)置。難點：字體與版式設(shè)計中文字的編排形式，以及文字編排的特殊表現(xiàn)組織實施建議理實一體項目化教學(xué)學(xué)習(xí)場地與設(shè)施建議機房環(huán)境、安裝photoshop、dreamweaver、flash等教學(xué)軟件，能夠訪問各案例網(wǎng)站。學(xué)生學(xué)習(xí)知識與技能準(zhǔn)備字體設(shè)計原理，字體與版式設(shè)計，文字顏色的運用，屬性欄的設(shè)定學(xué)習(xí)考核與評價字體與版式設(shè)計50%，文字顏色的運用30%，屬性欄的設(shè)定20%學(xué)習(xí)單元設(shè)計擬實現(xiàn)的能力目標(biāo)必須掌握的知識內(nèi)容學(xué)時網(wǎng)頁的字體設(shè)計熟練掌握網(wǎng)頁設(shè)計中字體與版式設(shè)計的相關(guān)內(nèi)容與“擴大選取”和“選取相似”命令搭配使用方法，能夠靈活設(shè)計字體版式。字體設(shè)計的基本原理，網(wǎng)頁設(shè)計中字體與版式設(shè)計，以及文字顏色的運用。2本學(xué)習(xí)單元學(xué)時小計2單元（項目）名稱：網(wǎng)頁排版與布局學(xué)習(xí)性工作任務(wù)或項目1.目標(biāo)：熟練掌握網(wǎng)站風(fēng)格設(shè)計、網(wǎng)頁布局2.具體任務(wù)：掌握網(wǎng)頁設(shè)計中的版式設(shè)計、網(wǎng)頁布局、導(dǎo)航設(shè)計。3.活動設(shè)計：案例展示-學(xué)生實操-講評載體或活動以教材案例和天貓店鋪實例為例學(xué)習(xí)方法建議實踐法學(xué)習(xí)重點與難點重點：掌握樹立網(wǎng)站設(shè)計風(fēng)格的方法；理解如何將網(wǎng)頁設(shè)計變得簡約；理解網(wǎng)頁設(shè)計中版式設(shè)計的原理。難點：網(wǎng)頁布局、按鈕的設(shè)計，高級設(shè)計導(dǎo)航方法。組織實施建議理實一體項目化教學(xué)學(xué)習(xí)場地與設(shè)施建議機房環(huán)境、安裝photoshop、dreamweaver、flash等教學(xué)軟件，能夠訪問各案例網(wǎng)站。學(xué)生學(xué)習(xí)知識與技能準(zhǔn)備網(wǎng)站風(fēng)格設(shè)計，商務(wù)網(wǎng)頁設(shè)計，版式設(shè)計，網(wǎng)頁布局，導(dǎo)航設(shè)計學(xué)習(xí)考核與評價版式設(shè)計50%，網(wǎng)頁布局30%，網(wǎng)站風(fēng)格設(shè)計20%學(xué)習(xí)單元設(shè)計擬實現(xiàn)的能力目標(biāo)必須掌握的知識內(nèi)容學(xué)時網(wǎng)頁排版與布局熟練掌握網(wǎng)頁合理排版，能掌握網(wǎng)站設(shè)計風(fēng)格的方法；掌握網(wǎng)頁布局、導(dǎo)航欄、按鈕的設(shè)計方法。掌握樹立網(wǎng)站設(shè)計風(fēng)格的方法；掌握關(guān)于網(wǎng)頁LOGO的知識點；了解簡約網(wǎng)頁設(shè)計的特點以及網(wǎng)頁設(shè)計中的版式設(shè)計。4本學(xué)習(xí)單元學(xué)時小計4單元（項目）名稱：網(wǎng)頁圖像處理學(xué)習(xí)性工作任務(wù)或項目1.目標(biāo)：掌握網(wǎng)頁圖像顏色調(diào)整，幾種濾鏡效果和圖層效果的使用.2.具體任務(wù)：掌握網(wǎng)頁設(shè)計中圖像顏色、濾鏡、圖層處理的相關(guān)操作。3.活動設(shè)計：案例展示-學(xué)生實操-講評載體或活動以教材案例和天貓店鋪實例為例學(xué)習(xí)方法建議實踐法學(xué)習(xí)重點與難點重點：掌握網(wǎng)頁背景圖像無縫連接的制作、圖像抽絲效果、浮點效果和陰影效果的設(shè)計。難點：濾鏡效果和圖層效果的處理。組織實施建議理實一體項目化教學(xué)學(xué)習(xí)場地與設(shè)施建議機房環(huán)境、安裝photoshop、dreamweaver、flash等教學(xué)軟件，能夠訪問各案例網(wǎng)站。學(xué)生學(xué)習(xí)知識與技能準(zhǔn)備網(wǎng)頁背景處理、圖像無縫連接、圖像抽絲效果、浮點效果、陰影效果設(shè)計。學(xué)習(xí)考核與評價濾鏡效果和圖層效果設(shè)計50%，圖像無縫連接設(shè)計20%，抽絲效果、浮點效果和陰影效果設(shè)計30%學(xué)習(xí)單元設(shè)計擬實現(xiàn)的能力目標(biāo)必須掌握的知識內(nèi)容學(xué)時網(wǎng)頁圖像處理掌握幾種背景處理效果；掌握圖像抽絲效果的制作；掌握圖像顏色調(diào)整，掌握幾種濾鏡效果和圖層效果的使用等與圖像處理相關(guān)的操作。網(wǎng)頁背景處理、圖像抽絲效果、圖像顏色調(diào)整、濾鏡效果、圖層效果4本學(xué)習(xí)單元學(xué)時小計4單元（項目）名稱：網(wǎng)頁動畫處理學(xué)習(xí)性工作任務(wù)或項目1.目標(biāo)：掌握網(wǎng)頁動畫的設(shè)計和制作，將動畫無縫連接于網(wǎng)頁。.2.具體任務(wù)：掌握網(wǎng)絡(luò)動畫的制作與網(wǎng)頁的銜接。3.活動設(shè)計：案例展示-學(xué)生實操-講評載體或活動以海爾網(wǎng)站為例學(xué)習(xí)方法建議實踐法學(xué)習(xí)重點與難點重點：網(wǎng)絡(luò)動畫的制作，動畫在網(wǎng)頁中的嵌入。難點：網(wǎng)絡(luò)動畫制作的指導(dǎo)方針。組織實施建議理實一體項目化教學(xué)學(xué)習(xí)場地與設(shè)施建議機房環(huán)境、安裝photoshop、dreamweaver、flash等教學(xué)軟件，能夠訪問各案例網(wǎng)站。學(xué)生學(xué)習(xí)知識與技能準(zhǔn)備網(wǎng)絡(luò)動畫的分類，網(wǎng)絡(luò)動畫的制作，網(wǎng)絡(luò)動畫的指導(dǎo)方針，動畫嵌入。學(xué)習(xí)考核與評價網(wǎng)絡(luò)動畫的制作50%，動畫無縫連接設(shè)計30%，網(wǎng)絡(luò)動畫的指導(dǎo)方針20%學(xué)習(xí)單元設(shè)計擬實現(xiàn)的能力目標(biāo)必須掌握的知識內(nèi)容學(xué)時網(wǎng)頁動畫處理掌握網(wǎng)絡(luò)動畫的制作，理解網(wǎng)絡(luò)動畫設(shè)計思想，掌握動畫在網(wǎng)頁中的應(yīng)用。網(wǎng)絡(luò)動畫的制作及指導(dǎo)方針，動畫的嵌入。4本學(xué)習(xí)單元學(xué)時小計4單元（項目）名稱：網(wǎng)店平面制作學(xué)習(xí)性工作任務(wù)或項目1.目標(biāo)：掌握網(wǎng)店頁面的設(shè)計與制作，制作出精良的作品。2.具體任務(wù)：能夠熟練制作網(wǎng)店首頁、產(chǎn)品詳情頁和活動專題頁面。3.活動設(shè)計：案例展示-學(xué)生實操-講評載體或活動以教材案例和天貓店鋪實例為例學(xué)習(xí)方法建議實踐法學(xué)習(xí)重點與難點重點：網(wǎng)店首頁制作、產(chǎn)品詳情頁制作、活動專題頁制作。難點：網(wǎng)頁分析與創(chuàng)意設(shè)計組織實施建議理實一體項目化教學(xué)學(xué)習(xí)場地與設(shè)施建議機房環(huán)境、安裝photoshop、dreamweaver、flash等教學(xué)軟件，能夠訪問各案例網(wǎng)站。學(xué)生學(xué)習(xí)知識與技能準(zhǔn)備網(wǎng)頁策劃，網(wǎng)頁分析，網(wǎng)站首頁制作，產(chǎn)品詳情頁制作，活動專題頁制作學(xué)習(xí)考核與評價網(wǎng)站首頁制作30%，產(chǎn)品詳情頁制作40%，活動專題頁制作30%學(xué)習(xí)單元設(shè)計擬實現(xiàn)的能力目標(biāo)必須掌握的知識內(nèi)容學(xué)時網(wǎng)店首頁制作掌握網(wǎng)店頁面的設(shè)計與制作，能熟練制作網(wǎng)店首頁。版面整體設(shè)計、背景設(shè)置、主題圖像的制作、導(dǎo)航菜單的制作。4產(chǎn)品詳情頁制作掌握網(wǎng)店頁面的設(shè)計與制作，能熟練制作產(chǎn)品詳情頁。版面整體設(shè)計、背景設(shè)置、主題圖像的制作、標(biāo)題的制作、優(yōu)化效果4活動專題頁制作掌握網(wǎng)店頁面的設(shè)計與制作，能熟練制作活動專題頁面。版面整體設(shè)計、背景設(shè)置、主題圖像的制作、網(wǎng)頁切片、標(biāo)題的制作4本學(xué)習(xí)單元學(xué)時小計12七、 課程考核與評價本課程為第四學(xué)期的考查課，主要采用提交設(shè)計作品的形式，以百分制形式計分，具體考核形式與所占比重如下表： 考核方法平時閉卷考試開卷考試口試設(shè)計論文報告實物作品操作考試上機考試以證代考其他方法：選用“”所占期末總成績比例40%60%具體評價體系及權(quán)重包括：評價項目評價內(nèi)容評價形式權(quán)重（%）分值過程性評價學(xué)習(xí)單元評價知識理解、參與討論、回答問題、出勤情況工作效率（課堂表現(xiàn)）2020學(xué)生自評技能掌握程度工作態(tài)度1010結(jié)果性評價學(xué)習(xí)單元評價完成典型工作任務(wù)的效果和質(zhì)量工作熟練程度工作效果4040知識的理解方法的掌握測試成績2020第三方評價學(xué)生互評團隊合作工作質(zhì)量工作成果1010合計100100八、 教材及相關(guān)資源建議本課程選用的教材：精通Photoshop網(wǎng)頁美工設(shè)計，主編：張俊峰，清華大學(xué)出版社，2015年 主要參考書：網(wǎng)頁美工設(shè)計，主編：崔建