《網(wǎng)頁(yè)動(dòng)畫設(shè)計(jì)》教學(xué)大綱第一部分前言一、課程性質(zhì)本課程是藝術(shù)設(shè)計(jì)專業(yè)(廣告設(shè)計(jì)方向)的專業(yè)核心課程，主要培養(yǎng)學(xué)生從事網(wǎng)頁(yè)與動(dòng)畫設(shè)計(jì)、制作的基本技能,使學(xué)生掌握網(wǎng)頁(yè)與動(dòng)畫設(shè)計(jì)的概念和方法,能夠運(yùn)用專業(yè)的網(wǎng)頁(yè)與動(dòng)畫設(shè)計(jì)工具,進(jìn)行網(wǎng)站規(guī)劃,建立和維護(hù),具備網(wǎng)頁(yè)與動(dòng)畫設(shè)計(jì)崗位的職業(yè)技術(shù)能力.在本課程之前,學(xué)生已學(xué)習(xí)了《計(jì)算機(jī)應(yīng)用基礎(chǔ)》,《電腦繪圖設(shè)計(jì)》等基礎(chǔ)課程,學(xué)生具備了基本的計(jì)算機(jī)操作與圖形圖像制作能力,本課程的后續(xù)課程是《CI》二、課程的基本要求本課程以學(xué)生能夠獨(dú)立進(jìn)行靜態(tài)網(wǎng)站開(kāi)發(fā)與維護(hù)的實(shí)際工作能力為學(xué)習(xí)目標(biāo),要求學(xué)生具備制作網(wǎng)頁(yè),規(guī)劃,開(kāi)發(fā),發(fā)布管理靜態(tài)網(wǎng)站的專業(yè)知識(shí)和技能,形成解決實(shí)際應(yīng)用問(wèn)題的方法能力。(一)總體目標(biāo):本課程培養(yǎng)學(xué)生綜合運(yùn)用技術(shù)制作網(wǎng)頁(yè),以及使用常用網(wǎng)頁(yè)設(shè)計(jì)工具規(guī)劃,開(kāi)發(fā),發(fā)布,管理靜態(tài)網(wǎng)站的專業(yè)知識(shí)和技能,具備解決實(shí)際應(yīng)用問(wèn)題的方法能力,為以后的學(xué)習(xí)《CI》課程打下基礎(chǔ).(二)具體目標(biāo)如下:1.能處理網(wǎng)頁(yè)圖形圖像素材。2.網(wǎng)頁(yè)動(dòng)畫設(shè)計(jì)技術(shù)。3.能規(guī)劃,創(chuàng)建,發(fā)布,維護(hù)靜態(tài)網(wǎng)站。4.控制網(wǎng)頁(yè)行為。5.能運(yùn)用多種布局技術(shù)制作網(wǎng)頁(yè)布局。6.能靈活運(yùn)用css技術(shù)規(guī)范,美化網(wǎng)頁(yè)內(nèi)容。7.能跟蹤和學(xué)習(xí)并應(yīng)用網(wǎng)頁(yè)設(shè)計(jì)與制作的新知識(shí)和新技術(shù)。三、課程設(shè)計(jì)思路本課程的設(shè)計(jì)思路以就業(yè)為導(dǎo)向，按照基于工作過(guò)程的職業(yè)能力來(lái)進(jìn)行課程開(kāi)發(fā)，通過(guò)對(duì)專業(yè)所涵蓋的崗位群進(jìn)行工作任務(wù)和職業(yè)能力分析，以此為依據(jù)確定本課程的工作任務(wù)和課程內(nèi)容，并參照行業(yè)職業(yè)標(biāo)準(zhǔn)，以任務(wù)引領(lǐng)為課程框架，將課程按遞進(jìn)方式設(shè)計(jì)成項(xiàng)目，并以項(xiàng)目為單元組織教學(xué)，使學(xué)生由淺入深，以點(diǎn)到面的全面掌握網(wǎng)頁(yè)設(shè)計(jì)的職業(yè)技能。同時(shí)開(kāi)發(fā)教材，對(duì)教學(xué)過(guò)程的組織，教學(xué)條件，課程評(píng)價(jià)都進(jìn)行了詳細(xì)的設(shè)計(jì)，完成本課程的整體教學(xué)內(nèi)容和教學(xué)實(shí)施的整體設(shè)計(jì)，建立了基于網(wǎng)頁(yè)與動(dòng)畫設(shè)計(jì)的教學(xué)大綱。第二部分課程目標(biāo)一、知識(shí)目標(biāo)1.掌握網(wǎng)站設(shè)計(jì)和發(fā)布的流程。2.理解網(wǎng)站維護(hù)管理及使用腳本的要求和重要性。3.掌握多種網(wǎng)頁(yè)、動(dòng)畫設(shè)計(jì)制作軟件和圖象處理軟件結(jié)合設(shè)計(jì)網(wǎng)站的綜合知識(shí)。二、能力目標(biāo)1.矢量圖象軟件的操作使用能力。2.網(wǎng)頁(yè)設(shè)計(jì)制作軟件的操作使用能力。3.動(dòng)畫制作能力。4.網(wǎng)頁(yè)設(shè)計(jì)美化能力。5.網(wǎng)站建設(shè)的維護(hù)與管理能力。第三部分教學(xué)內(nèi)容及課時(shí)分配一、教學(xué)內(nèi)容第一章Flash動(dòng)畫制作基礎(chǔ)［學(xué)習(xí)目的要求］要求：了解Flash繪圖環(huán)境，熟練掌握繪圖工具箱中各種工具的使用，掌握的圖形編輯與文本處理的方法，掌握時(shí)間軸的操作方法，掌握Flash中元件的創(chuàng)建和使用。［主要教學(xué)內(nèi)容］Flash簡(jiǎn)介，繪圖工具箱，編輯文本，時(shí)間軸的操作，元件。第二章制作精彩Flash動(dòng)畫［學(xué)習(xí)目的要求］熟悉Flash動(dòng)畫的制作流程和操作方法，掌握Flash中的引導(dǎo)層和遮罩效果的運(yùn)用方法,掌握Flash中的形狀漸變動(dòng)畫制作。［主要教學(xué)內(nèi)容］制作動(dòng)作漸變動(dòng)畫，引導(dǎo)層和遮罩效果的應(yīng)用，制作形狀漸變動(dòng)畫。第三章Flash動(dòng)畫制作綜合實(shí)例［學(xué)習(xí)目的要求］熟悉Flash動(dòng)作制作動(dòng)畫特效的操作方法，加深Flash動(dòng)畫制作方法。［主要教學(xué)內(nèi)容］星光閃爍的特效實(shí)例，控制動(dòng)畫魚(yú)影片的實(shí)例，制作金屬小球跟蹤鼠標(biāo)，編程語(yǔ)言控制鼠標(biāo)跟隨實(shí)例，新型菜單實(shí)例。第四章網(wǎng)頁(yè)動(dòng)畫綜合設(shè)計(jì)［學(xué)習(xí)目的要求］使學(xué)生熟悉網(wǎng)頁(yè)動(dòng)畫設(shè)計(jì)相關(guān)發(fā)布方法和動(dòng)畫項(xiàng)目制作等內(nèi)容。［主要教學(xué)內(nèi)容］綜合課程學(xué)習(xí)內(nèi)容，運(yùn)用Flash軟件制作網(wǎng)頁(yè)動(dòng)畫。第五章網(wǎng)站與網(wǎng)頁(yè)設(shè)計(jì)基礎(chǔ)［學(xué)習(xí)目的要求］理解網(wǎng)頁(yè)和網(wǎng)站的基本概念，了解網(wǎng)站的目錄結(jié)構(gòu)和鏈接結(jié)構(gòu)、網(wǎng)站的創(chuàng)意和布局等網(wǎng)頁(yè)設(shè)計(jì)基本知識(shí)。［主要教學(xué)內(nèi)容］定位網(wǎng)站主題和名稱，網(wǎng)站的目錄結(jié)構(gòu)和鏈接結(jié)構(gòu)，確定網(wǎng)站的整體風(fēng)格和創(chuàng)意設(shè)計(jì)，網(wǎng)頁(yè)及網(wǎng)頁(yè)中的元素，其他的設(shè)計(jì)元素，制作并發(fā)布第一個(gè)網(wǎng)頁(yè)。第六章Dreamweaver入門［學(xué)習(xí)目的要求］掌握Dreamweaver創(chuàng)建、保存網(wǎng)頁(yè)文件和其它文件的方法，掌握在頁(yè)面中插入與編輯文本的方法，掌握在頁(yè)面中插入與操作圖像的方法，掌握創(chuàng)建各種鏈接的方法，掌握創(chuàng)建表格和利用表格進(jìn)行頁(yè)面布局和版面設(shè)計(jì)的方法。［主要教學(xué)內(nèi)容］Dreamweaver的新特性，Dreamweaver工作界面，簡(jiǎn)單的頁(yè)面操作，網(wǎng)頁(yè)元素的運(yùn)用，網(wǎng)頁(yè)鏈接，表格排版等工具的使用。第七章在網(wǎng)頁(yè)中創(chuàng)建表單和樣式［學(xué)習(xí)目的要求］了解CSS樣式的基本知識(shí)，掌握CSS樣式表的創(chuàng)建和使用，掌握創(chuàng)建和設(shè)置表單的方法。［主要教學(xué)內(nèi)容］使用表單制作動(dòng)態(tài)網(wǎng)頁(yè)，使用CSS樣式制作動(dòng)態(tài)網(wǎng)頁(yè)。第八章用Dreamweaver管理網(wǎng)站［學(xué)習(xí)目的要求］掌握新建站點(diǎn)、編輯站點(diǎn)、設(shè)置本地站點(diǎn)和遠(yuǎn)程站點(diǎn)信息的方法，掌握管理網(wǎng)站文件、測(cè)試本地站點(diǎn)等的方法。［主要教學(xué)內(nèi)容］新建站點(diǎn)，文件管理，測(cè)試本地站點(diǎn)。第九章Dreamweaver選題制作［學(xué)習(xí)目的要求］掌握網(wǎng)頁(yè)制作流程，安排布局的方法［主要教學(xué)內(nèi)容］綜合所學(xué)知識(shí)，自選命題，制作網(wǎng)頁(yè)。第十章組建網(wǎng)站設(shè)計(jì)［學(xué)習(xí)目的要求］掌握網(wǎng)站的發(fā)布、制作等設(shè)計(jì)操作。［主要教學(xué)內(nèi)容］運(yùn)用所學(xué)知識(shí)，組建網(wǎng)站。課時(shí)分配表【有關(guān)說(shuō)明】1、課堂教學(xué)與學(xué)生自學(xué)相結(jié)合，任課教師能夠指導(dǎo)和監(jiān)控學(xué)生的自學(xué)。2、有效組織課堂討論，充分發(fā)揮學(xué)生學(xué)習(xí)的自主性。3、加強(qiáng)實(shí)踐實(shí)訓(xùn)教學(xué)，督促學(xué)生運(yùn)用所學(xué)知識(shí)解決實(shí)際問(wèn)題。序號(hào)教學(xué)內(nèi)容學(xué)時(shí)教學(xué)方法1第一章Flash動(dòng)畫制作基礎(chǔ)16講授+實(shí)訓(xùn)2第二章制作精彩Flash動(dòng)畫16講授+實(shí)訓(xùn)3第三章Flash動(dòng)畫綜合實(shí)例28講授+實(shí)訓(xùn)4第四章網(wǎng)頁(yè)綜合設(shè)計(jì)12講授+實(shí)訓(xùn)5第五章網(wǎng)站與網(wǎng)頁(yè)設(shè)計(jì)基礎(chǔ)4講授+實(shí)訓(xùn)6第六章Dreamweaver入門20講授+實(shí)訓(xùn)7第七章在頁(yè)面創(chuàng)建表單和樣式8講授+實(shí)訓(xùn)8第八章用Dreamweaver管理網(wǎng)站4講授+實(shí)訓(xùn)9第九章Dreamweaver選題制作8講授+實(shí)訓(xùn)10第十章組建網(wǎng)站設(shè)計(jì)28講授+實(shí)訓(xùn)合計(jì)學(xué)時(shí)144第四部分實(shí)施建議一、教學(xué)建議教學(xué)實(shí)施過(guò)程中要注意以下幾點(diǎn)1.實(shí)踐中要遵循網(wǎng)頁(yè)動(dòng)畫、設(shè)計(jì)的要求2.使網(wǎng)頁(yè)、動(dòng)畫設(shè)計(jì)規(guī)范化，與社會(huì)及市場(chǎng)要求相接軌。3.強(qiáng)調(diào)網(wǎng)頁(yè)、動(dòng)畫設(shè)計(jì)的美觀、實(shí)用的設(shè)計(jì)概念，要求學(xué)生網(wǎng)頁(yè)、動(dòng)畫設(shè)計(jì)創(chuàng)作要具有創(chuàng)新性、實(shí)用性。二、評(píng)價(jià)建議考核形式：動(dòng)畫、網(wǎng)站設(shè)計(jì)一套，要求所設(shè)計(jì)基本內(nèi)容成品展示。考核方法：本課程成績(jī)以百分制計(jì)分，平時(shí)作業(yè)占40%左右，考試成績(jī)占60%左右，綜合成為該門課程期末總評(píng)成績(jī)。平時(shí)作業(yè)按照課堂內(nèi)容要求制作；考試形式為完成一套網(wǎng)站設(shè)計(jì)，整個(gè)作品都會(huì)作為考試成績(jī)的參考。考試評(píng)分標(biāo)準(zhǔn)：1、網(wǎng)站的整體形象和風(fēng)格2、網(wǎng)站欄目建設(shè)3、網(wǎng)站建設(shè)規(guī)范4、網(wǎng)站配色5、制作精細(xì)程度6、與受眾的互動(dòng)性及瀏覽便宜性學(xué)分說(shuō)明：學(xué)生期末考核成績(jī)及格，取得該課程相應(yīng)的學(xué)分。三、教科書(shū)編寫建議1.選用高等教育出版社推薦的教材，但要結(jié)合我校學(xué)生的實(shí)際情況編寫講義。2.編寫與自己的講義匹配的案例及課程教學(xué)材料。附錄教材及主要參閱書(shū)目【教材與參考書(shū)目】指定教材：網(wǎng)頁(yè)設(shè)計(jì)課程教材選用情況教材名稱作者出版社備注DreamweaverCS3網(wǎng)頁(yè)設(shè)計(jì)與制作案例叢書(shū)編委會(huì)中國(guó)電力出版社FLASHCS3網(wǎng)頁(yè)動(dòng)畫設(shè)計(jì)基礎(chǔ)與實(shí)踐教程周梁等電子工業(yè)出版社DreamweaverMX2004網(wǎng)頁(yè)設(shè)計(jì)經(jīng)典108例馬赫中國(guó)青年出版社網(wǎng)頁(yè)設(shè)計(jì)寶典趙英杰海洋出版社參考書(shū)目：網(wǎng)頁(yè)設(shè)計(jì)