網(wǎng)頁設(shè)計與制作課程教學(xué)大綱

網(wǎng)頁設(shè)計與制作課程教學(xué)大綱（WebDesignandProduction）一、課程概況課程代碼：0941059學(xué)分：3學(xué)時：48（其中：講授學(xué)時24，課內(nèi)實踐學(xué)時24）先修課程：構(gòu)成I、版面設(shè)計適用專業(yè)：視覺傳達設(shè)計建議教材：《網(wǎng)頁設(shè)計》陳璐許素君，安徽美術(shù)出版社2017年出版課程歸口：藝術(shù)與設(shè)計學(xué)院二、課程目標目標1.掌握網(wǎng)頁設(shè)計的前期調(diào)研、策劃、架構(gòu)、設(shè)計布局等方面的過程和知識。目標2.掌握網(wǎng)頁設(shè)計軟件AdobeDreamweaver的基本原理和操作技巧。目標3.運用AdobePhotoshop或AdobeIllustrator軟件設(shè)計靜態(tài)網(wǎng)頁效果圖。目標4.運用AdobeFlash或AdobeAftereffects軟件制作網(wǎng)頁動態(tài)效果。素質(zhì)目標：培養(yǎng)科學(xué)、縝密、理性的設(shè)計思維能力，敢于打破常規(guī)的創(chuàng)新精神和嚴謹務(wù)實的職業(yè)素養(yǎng)。本課程支撐專業(yè)人才培養(yǎng)方案中畢業(yè)要求5-2、畢業(yè)要求6-1、畢業(yè)要求6-2、畢業(yè)要求6-3，對應(yīng)關(guān)系如表所示。畢業(yè)要求指標點課程目標目標1目標2目標3目標4畢業(yè)要求5-2√√畢業(yè)要求6-1√√畢業(yè)要求6-2√√畢業(yè)要求6-3√三、課程內(nèi)容及要求（一）網(wǎng)頁設(shè)計總體概述教學(xué)內(nèi)容：網(wǎng)站設(shè)計的意義網(wǎng)站設(shè)計的策略網(wǎng)站開發(fā)的通用核心過程基本要求：了解網(wǎng)頁設(shè)計的整體流程和基礎(chǔ)知識。課程思政育人目標：培養(yǎng)理論認知，塑造正確的專業(yè)和學(xué)科認識，理性看待當(dāng)代社會發(fā)展趨勢。（二）網(wǎng)頁設(shè)計的前期調(diào)研教學(xué)內(nèi)容：資料搜集與調(diào)研整體規(guī)劃與制定計劃用戶期望劃分基本要求：掌握網(wǎng)頁設(shè)計的前期調(diào)研和準備工作。課程思政育人目標：討問題。（三）網(wǎng)頁設(shè)計的信息架構(gòu)和頁面規(guī)劃教學(xué)內(nèi)容：內(nèi)容架構(gòu)信息架構(gòu)頁面架構(gòu)基本要求：了解網(wǎng)頁設(shè)計的信息架構(gòu)模式和構(gòu)建方法，以及視覺頁面的層級規(guī)劃。課程思政育人目標：討問題。（四）網(wǎng)站視覺設(shè)計教學(xué)內(nèi)容：網(wǎng)頁設(shè)計設(shè)計要素網(wǎng)頁色彩設(shè)計基本要求：掌握設(shè)計色彩、風(fēng)格的整體性與協(xié)調(diào)性。課程思政育人目標：化的廣闊視野。（五）Dreamweaver、Flash的使用技巧教學(xué)內(nèi)容：DreamweaverFlash基本要求：DreamweaverCSSFlash課程思政育人目標：了解軟件技術(shù)的前沿知識，培養(yǎng)正確的科技觀和人文觀。（六）網(wǎng)頁設(shè)計綜合實踐1．教學(xué)內(nèi)容：用戶體驗可用性原則網(wǎng)頁設(shè)計的綜合表達基本要求：運用所學(xué)知識進行綜合項目訓(xùn)練。課程思政育人目標：好的專業(yè)素養(yǎng)。教學(xué)內(nèi)容與課程目標的對應(yīng)關(guān)系及學(xué)時分配如表所示。序號教學(xué)內(nèi)容支撐的課程目標支撐的畢業(yè)要求指標點講授學(xué)時實驗學(xué)時1網(wǎng)頁設(shè)計總體概述目標15-222網(wǎng)站前期調(diào)研目標15-2223網(wǎng)頁設(shè)計的信息架構(gòu)與頁面規(guī)劃目標1、36-1、6-2444網(wǎng)站視覺設(shè)計目標1、36-1、6-2665Dreamweaver、Flash的使用技巧目標1、2、45-2、6-3666網(wǎng)頁設(shè)計綜合實踐目標1、2、3、45-2、6-1、6-2、6-346合計2424四、課內(nèi)實驗（實踐）序號實驗項目名稱實驗內(nèi)容及要求學(xué)時對畢業(yè)要求的支撐類型備注1設(shè)計前期調(diào)研網(wǎng)站前期調(diào)研25-2綜合性必做2網(wǎng)頁的信息架構(gòu)設(shè)計與頁面規(guī)劃網(wǎng)站內(nèi)容和頁面的信息層次架構(gòu)46-1、6-2綜合性必做3網(wǎng)站視覺設(shè)計要求運用平面軟件設(shè)計網(wǎng)站外觀視覺效果。掌握網(wǎng)站視覺設(shè)計的組成要素和設(shè)計原理，學(xué)會利用平面軟件建立美觀的網(wǎng)頁頁面，并具有較好的交互水平。66-1、6-2綜合性必做4Dreamweaver 、Flash的使用技巧DreamweaverCSS65-2、6-3綜合性必做的使用，站點的維護和上傳等技巧。掌握Flash簡單動畫的制作。5綜合實踐網(wǎng)頁設(shè)計綜合實踐65-26-1、6-2、6-3綜合性必做五、課程實施（一）為保障課程實施，本課程需要安排多媒體教學(xué)。（二）主要教學(xué)環(huán)節(jié)質(zhì)量要求如表所示主要教學(xué)環(huán)節(jié)質(zhì)量要求1備課2講授（4）講授要求重點突出、難點講清、語言流暢。3N+14課外答疑5成績考核課程總評成績=平時成績×50%+期末考試成績×50%。6第二課堂活動安排學(xué)生參加各類設(shè)計競賽。六、課程考核（一）課程考核根據(jù)N+1考核方式，制定合理的N+1考核方案。（二）課程總評成績=“N”部分過程考核平均成績×50%+“1”部分考試成績×50%。具體內(nèi)容和比例如表所示。成績組成考核/評價環(huán)節(jié)權(quán)重考核/評價細則對應(yīng)的畢業(yè)要求指標點平時成績過程考核+考勤成績50%3形式。平時成績是學(xué)生過程性考核的平均11155-26-16-2、6-3期末考試成績命題設(shè)計50%1、排版美觀，色彩舒適，有較好的交互設(shè)計體驗，全面展示網(wǎng)站的內(nèi)容與功能。2、創(chuàng)意新穎獨特；3、熟練運用各類設(shè)計軟件，設(shè)計實踐能力強。5-26-16-2、6-3七、有關(guān)說明（一）持續(xù)改進本課程應(yīng)培養(yǎng)學(xué)生設(shè)計實踐能力，本課