《網頁設計》課程標準課程基本信息課程名稱：網頁設計 學 分：課程代碼： 學 時：二、課程性質《網頁設計》是平面設計和傳媒類專業的拓展課程之一，是完成相關專業培養目標所必需的重要理論與實操一體化教學環節。《網頁設計》這門課主要針對網頁設計中的配色和網頁布局進行研究和講解。本課程的核心技能是在熟悉網頁設計原則、色彩基礎知識、色彩的情感象征和主題印象等理論知識的基礎上，掌握網頁結構布局、網站Logo與導航設計、網頁用圖和文字的排版設計、網頁配色設計以及如何通過網站主題進行風格定位，從而完成網頁布局設計與配色方案設計，設計出合理而精美的網頁作品。本課程旨在培養符合網頁設計、用戶界面設計、網站策劃等社會崗位需求的界面藝術設計的職業技術人才，使學生具備網頁設計的藝術鑒賞能力和網頁布局與配色的設計和創作技能。本課程是計算機類專業學生必須掌握的專業知識之一，通過本課程的學習，學生將了解網頁設計、網站項目創建實施的流程及方法，具備網頁設計、網站建設與維護的基本能力，為今后學生到相應的職業崗位打下基礎。同時，本課程將重點培養學生的創造能力、實際動手能力和計算機應用能力，從而適應日新月異的就業形勢和社會的人才需求。三、課程設計(一)課程目標設計.能力目標：(1)能夠掌握網站標志和導航設計重要性以及設計方法；(2)能夠掌握網頁設計中頁面整體布局原則以及頁面元素設計方法；(3)能夠理解色彩基本知識、熟悉網頁色彩模式、網頁中色彩運用的基本AdobeIllustratorCC2017或以上版本;AdobePhotoshopCC2017或以上版本；(5)瀏覽器：IE6.0或以上版本。(三)課程資源的開發與利用本課程資源開發基于知識應用，結合行動體系、工作過程系統考慮，以工作過程要素的對象、方式、內容、方法、組織為依據。課程堅持以市場為導向，職業能力為本位，技能為核心的理念。運用學校現有的圖書館、計算機網絡、實訓室等資源，并不斷結合社會需求進行完善。充分發揮學生社團的積極作用，鼓勵學生進行各種社會實踐活動。在學校所建的校外實訓基地的基礎上，大力開拓新的實訓基地，實現教學與企業實踐的“無縫對接”。原則和色彩的作用;（4）能夠掌握網頁配色設計的方法；（5）能夠根據主題進行網站頁面創作與設計。.知識目標：了解網站設計特點、構成元素、設計原則等；了解網站頁面規劃與元素設計的方法和技巧；（3）掌握網站中的圖形與文字排版設計的方法和技巧；了解網站頁面布局的目的和設計方法、原則；了解色彩在網站設計中的作用；（6）掌握網頁配色的基本方法和技巧；質目標：（1）培養學生的審美能力；（2）培養學生的設計能力、團隊合作和溝通能力；（3）培養學生獨立思考、自主學習和創新能力；（4）培養學生知識的融會貫通和舉一反三的能力；（5）培養學生踏實肯干、做事認真、細心做事的態度；（6）培養學生獨立的決策能力；（7）有耐心，有恒心，善于接受批評意見；（8）具有嚴謹的科學作風和踏實的工作態度，積極的求知欲和進取心。（二）課程教學活動設計1.課程內容設計（一般指一級項目編號及名稱、內容）序號項目（模塊）名稱學時1網站設計基礎42網站頁面規劃43網站元素設計124網站布局與排版設計165網頁配色166綜合復習+考試4合計562,能力訓練項目設計（一般指二級項目內容）編號能力訓練項目名稱學時能力目標主要支撐知識訓練方式及步驟結果（可展示）1網站設計概述與規范4了美位所掌美的程要掌的成各作夠頁崗和匕L;夠頁計流計夠頁構及的能網的責拗能網設作設能網面素素。L解工職第2.握工工和領工握版元元加.網頁美工設計概述；.網站設計構成元素；.網站設計原貝IJ;.色彩在網站設計的作用。基于案例教學法，以小組為單位的進行拓展訓練。學生通過組內交流和完成案例分析報告，理解網站設計基礎知識。完成案例分析報告。2網站頁面規劃41.能夠掌握網站頁面規劃方法及技巧；2.能夠掌握網站欄目結構，能夠進行頁面策劃。.網站欄目結構；.網站欄目規劃；.網站頁面策劃。基于案例教學法，以小組為單位的進行討論。教師在案例分析中通過給學生提供線索，提供反饋，對學生進行必要的訓練。完成網站結構策劃及頁面規劃。3網站元素設計121.能夠掌握網站Logo設計的特點、規范及方法；2.能夠掌握網站圖.網站Logo的特點、設計規范及表現形式；.網站圖標的設計原則及應用；.網站按鈕的本模塊主要采用學徒式訓練法，教師向學生做出正確的示范，學生在觀看教師示.網站Logo設計與制q匕?119.網站圖標設計；.網站按標設計的原則及技巧；3.能夠掌握網站按鈕設計的方法；4,能夠進行網站導航設計和網站廣告設計。功能；.網站導航設計的基本原則；.網站廣告的類型及設計方法；.了解網站頁面中各種元素設計要點及要求。范的同時模仿教師完成案例制作。然后在此基礎上進行組內交流和作品展不，完成項目作品的策劃和創新。鈕設計；4.網站導航設計；5.網站廣告設計。4網站圖形與文字排版設計4.能夠掌握網頁中文字使用技巧；.能夠掌握網頁文字排版設計常用手法；.能夠掌握網站圖片的排列布局形式。.網站頁面中的文字字體、大小及使用技巧；.網站文字的排版方法及原則；.圖形在網站設計中的作用；.網站圖形設計類型；.網站圖片的排列布局形式。本模塊主要采用學徒式訓練法，教師向學生做出正確的示范，學生在觀看教師示范的同時模仿教師完成案例制作。1.案例分析；2.網頁圖文排版設計。5網站頁面布局設計81.能夠掌握網站頁面布局的操作順序；2,能夠掌握網站布局的構成原則，進行網站布局設計；3.能夠根據整體內容位置決定網頁視覺布局。了解網站頁面布局；了解網頁布局設計基本方法及構成原則；掌握頁面分割方向的布局方式；了解初始頁面的網頁布局類型；了解網頁布局耍點。基于項目驅動式案例教學法，以小組為單位的進行拓展訓練。教師給學生清楚地安排要完成的任務內容、條件、目標，學生按要求完成任務，教師適當進行指導。L案例分析；2.初始頁面布局設計；3.宣傳網站頁面布局設計。6網站頁面視覺布局形態41.能夠掌握網頁布局形態的含義和情1.了解網頁功能及網頁形態；2,了解網頁布局形態的含義本模塊主要采用學徒式訓練法，教師向學生做L案例分析；2.個性化網站頁面感；2.能夠進行大眾化網頁布局形態設計；3,能夠進行個性化網頁布局形態設計。和情感；了解大眾化網頁和個性化網頁的布局形態；了解常見網頁視覺風格。出正確的示范，學生在觀看教師不范的同時模仿教師完成案例制作。設計。7網頁配色基礎4.能夠掌握色彩基礎知識；.能夠掌握網頁配色的聯想作用；.能夠在案例分析中發現網頁配色的常見問題。.色彩基礎；RGB顏色與CMYK顏色的區別；了解色彩的屬性；網頁配色的聯想作用；了解網頁配色常見問題。基于項目驅動式案例教學法，以小組為單位的進行拓展訓練。L案例分析；2.優化網頁配色，并進行網頁設計。8網頁元素的配色41.能夠掌握網頁配色的基本方法；2,能夠掌握網頁元素的色彩搭配方法；3.能夠根據受眾群體選擇網頁配色。了解網頁配色的基本方法；了解網頁文本與文本的配色關系；了解網頁元素色彩搭配方法；了解如何根據受眾群體選擇網頁配色。本模塊主要采用學徒式訓練法，教師向學生做出正確的示范，學生在觀看教師示范的同時模仿教師完成案例制作。1.案例分析；2.設計產品宣傳網站頁面。9網頁配色的方法4.能夠掌握及色相進行配色；.能夠基于色調進行網頁配色；.能夠將色彩感覺應用在網頁配色中；了解基于色相進行配色；了解基于色調進行配色；了解色彩感覺在網頁配色中的應用；了解色彩對比的配色。基于項目驅動式案例教學法，以小組為單位的進行拓展訓練。教師給學生清楚地安排要完成的任務，讓學生嘗試完成，教師適1.案例分析；2.設計宣傳網站頁面。4.能夠掌握色彩對比的配色。當進行指導。10網頁配色技巧4.能夠掌握突出主題的配色技巧；.能夠掌握整體融合的配色技巧；.能夠使用配色技巧進行個性化網頁設計。了解突出主題的配色技巧；了解整體融合的配色技巧；了解網頁配色印象。本模塊主要采用學徒式訓練法，教師向學生做出正確的示范，學生在觀看教師示范的同時模仿教師完成案例制作。.案例分析；.設計個性化宣傳網站頁面。11綜合復習+考試4握計礎能據成。掌設基并根完夠頁有詡立題時能網所知獨主網了解網站設計基礎、網頁設計的組成與規范、網站元素設計、網站頁面布局方法及技巧、網頁配色基礎及方法等。綜合練習考試四、教學內容與學時分配（一）教學內容與學時分配表1課程項目結構與學時分配表序號項目名稱項目內容主要教學知識點學習目標-學時-備注1網站設計概述與規范網站設計基礎網站設計相關基礎知識，包括網站設計構成元素、設計原則、色彩在網站設計中的作用，以及如何提升網站的用戶體驗等。.能夠了解網頁美工的崗位職責和所需技能；.能夠掌握網頁美工設計的工作流程和設計要領；.能夠掌握網頁的版面構成元素及各元素的作用。42網站頁面規劃網站頁面規劃網站欄目結構與頁面策劃，包括網站欄目結構策劃、網站欄目規劃及網站頁面策劃。.能夠掌握網站頁面規劃方法及技巧；.了解網站欄目結構與頁面策劃。43網站元素設計網站頁面元素設計了解網站頁面中各種元素設計要點及要求，包括網站Logo的特點、設計規范及表現形式；網站圖標的設計原則及應用；網站按鈕的功能;網站導航設計的基本原則；.能夠掌握網站Logo設計的特點、規范及方法；.能夠掌握網站圖標設計的原則及技巧；.能夠掌握網站按鈕設計的方法；12網站廣告的類型及設計方法等。4.能夠進行網站導航設計和網站廣告設計。4網站圖形與文字排版設計網站圖文排版網站頁面中圖形設計的方式和排版布局形式、以及網站頁面中文字排版相關知識。.掌握網頁中文字使用技巧；.掌握網頁文字排版設計常用手法；.掌握網站圖片的排列布局形式。45網站頁面布局設計網站布局設計網站頁面布局與整體的視覺風格關系，了解網站布局結構標準、網頁布局的基本方法、頁面的分割等。.能夠掌握網站頁面布局的操作順序；.能夠掌握網站布局的構成原則，進行網站布局設計；.能夠根據整體內容位置決定網頁視覺布局。86網站頁面視覺布局形態網站布局設計網頁布局形態的含義和情感，了解各種常見的網頁視覺風格。.能夠掌握網頁布局形態的含義和情感；.能夠進行大眾化網頁布局形態設計；.能夠進行個性化網頁布局形態設計。47網頁配色基礎網頁配色了解色彩相關基礎知識、網頁配色的聯想作用和網頁配色的常見問題。.能夠掌握色彩基礎知識；.能夠掌握網頁配色的聯想作用；.能夠在案例分析中發現網頁配色的常見問題。48網頁元素的配色網頁配色了解網頁配色的基本方法、各種網頁元素的配色關系，以及如何根據不同的受眾群體和產品銷售階段對網站頁面進行配色。.能夠掌握網頁配色的基本方法；.能夠掌握網頁元素的色彩搭配方法；.能夠根據受眾群體選擇網頁配色。49網頁配色的方法網頁配色了解各種網頁配色的基本方法、各種網頁元素的配色關系，以及如何根據不同的受眾群體和產品銷售階段對網站頁面進行配色。.能夠掌握及色相進行配色；.能夠基于色調進行網頁配色；.能夠將色彩感覺應用在網頁配色中；.能夠掌握色彩對比的配色。410網頁配色技巧網頁配色了解各種網頁配色方法，包括基于色相進行配色、基于色調進行配色、色彩感覺在網頁中的應用、色彩對比配色等。.能夠掌握突出主題的配色技巧；.能夠掌握整體融合的配色技巧；.能夠使用配色技巧進行個性化網頁設計。411綜合復習和考試綜合練習網站設計基礎、網頁設計的組成與規范、網站元素設計、網站頁面布局方法及技巧、網頁配色基礎及方法等。掌握網頁設計所有基礎知識，并能獨立根據主題完成網頁設計。4（二）第一次課設計梗概第一步：自我介紹，通告通信方式。介紹課程簡介、授課安排、學習要求、課程考核方式及要求等。（10分鐘）第二步：教授新課（30分鐘）.了解網站設計（1）什么是網站設計（2）網站設計的特點.講解網站設計構成元素。.講解網站設計原則。.了解色彩在網站設計中的作用.給學生布置項目實踐任務。第三步：學生案例分析環節（30分鐘）.學生探討如何設計出好的網站。.網站案例分析。.如何提升網站的用戶體驗。四步：課堂總結（10分鐘）五、課程考核方式和考核標準表2考核方式與標準考核階段考核內容考核形式成績比例過程考核平時上課的態度、考勤情況、項目作業考核考勤登記、上機操作完成項目作品40%終結性考核命題設計期末考試60%表3項目（過程考核、終結性考核）評價標準項目編號考核點考核標準成績比例（％）優良及格P1-1學習態度思維敏捷、具有創意，能積極參加課堂活動，舉手發言，并提出合理化建議，能熱心幫助或輔導后進生進行有效地學習能積極參加課堂活動，參與討論和互動，能獨立完成課堂上布置的實踐任務能參加課堂活動，能在教師和同學的協助下完成課堂實踐任務5P1-2平時作業按時上交作業，作圖嚴謹、具有創意，完全符合項目評分標準按時上交作業，作圖規范，符合項目評分標準基本能夠按照要求作圖，符合項目評分標準30P1-3考勤滿勤全學期無曠課，遲到、早退三次以內曠課三次以上，或遲到早退七次以上5P1-4期末考試上機操作考試60合計100六、教材的選用.教材選取的原則本課程是一門相當成熟的課