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