《多媒體動畫與網(wǎng)頁制作》課程教學(xué)大綱

《多媒體動畫與網(wǎng)頁制作》教學(xué)大綱一、基本信息

課程名稱多媒體動畫與網(wǎng)頁制作課程編號ARGE1101英文名稱Multimediaanimation

andWebDesign課程類型通識教育選修課學(xué)時32其中：理論學(xué)時32實驗學(xué)時

實踐學(xué)時

學(xué)分2預(yù)修課程

適用對象全校各專業(yè)課程簡介（200字左右）本課屬于應(yīng)用技術(shù)類通識教育選修課。將培養(yǎng)學(xué)生具備以下知識和能力：

1、掌握Dreamweaver、Fireworks和Flash

三個被稱為“網(wǎng)頁制作三劍客”軟件的操作方法。

2、掌握直線運動動畫、曲線運動動畫、遮罩動畫、旋轉(zhuǎn)動畫、淡進淡出動畫、卷軸動畫、變形變色動畫、字畫互變動畫、文字動畫、聲音動畫、骨骼動畫、逐幀動畫、變焦動畫等十多種類型的多媒體動畫制作方法。

3、通過操作實踐，學(xué)會網(wǎng)站設(shè)計、網(wǎng)頁制作方法，學(xué)會建立網(wǎng)站，并上傳到互聯(lián)網(wǎng)，能正常訪問瀏覽。二、

教學(xué)目標(biāo)及任務(wù)

本課程在人才培養(yǎng)過程（專業(yè)人才培養(yǎng)方案）中的地位及作用：在當(dāng)今數(shù)字化、信息化、網(wǎng)絡(luò)化時代，本課程可以培養(yǎng)學(xué)生具備多媒體動畫和網(wǎng)頁設(shè)計制作方面的知識、能力，提高綜合素質(zhì)。

學(xué)生通過學(xué)習(xí)該課程后在素質(zhì)、知識、能力等方面應(yīng)達到的目標(biāo)和要求：

知識方面：有助于學(xué)生全面了解多媒體動畫與網(wǎng)頁制作的基本理論和基本方法。

素質(zhì)方面：設(shè)計就是創(chuàng)造，在設(shè)計多媒體動畫與設(shè)計網(wǎng)頁過程中，有助于培養(yǎng)學(xué)生感受美、創(chuàng)造美的能力，提高學(xué)生的藝術(shù)修養(yǎng)，培養(yǎng)學(xué)生的美學(xué)觀念、創(chuàng)新思維，增強綜合素質(zhì)，提高社會競爭力。

能力方面：有助于學(xué)生增強運用軟件解決實際問題的能力、創(chuàng)建動畫、網(wǎng)站的實際動手能力的培養(yǎng)。通過教學(xué)要求學(xué)生掌握Dreamweaver、Flash、Fireworks三個軟件的操作方法。掌握網(wǎng)頁的制作、鏈接方法，要求學(xué)會上傳網(wǎng)站．掌握十多種形式動畫的制作：（形狀改變動畫、沿直線運動動畫、沿曲線運動動畫、文字與圖片的飛入等動態(tài)效果、交替閃動GIF動畫…）制作完成多媒體動畫，建立班級或個人主頁，成功上傳到互聯(lián)網(wǎng)教學(xué)內(nèi)容改革要點：用有淺入深、循序漸進的方法，幫助學(xué)生掌握網(wǎng)頁設(shè)計與制作方法，結(jié)合最前沿的教學(xué)思路、最新的網(wǎng)頁制作軟件、最典型的實例進行分析指導(dǎo)，采用最新教學(xué)方法，注重學(xué)生動手能力的培養(yǎng)，

對學(xué)生創(chuàng)新能力培養(yǎng)要求：要求學(xué)生根據(jù)自己熟悉的領(lǐng)域和愛好，自己選擇所建網(wǎng)站的名稱、內(nèi)容、欄目等，在頁面設(shè)計方面，充分發(fā)揮學(xué)生的創(chuàng)意和想象力，創(chuàng)建有個性的多媒體動畫與網(wǎng)站。

三、學(xué)時分配

教學(xué)課時分配有★為必須完成上交的作業(yè)章節(jié)章節(jié)內(nèi)容講課實驗實踐合計動畫制作主題網(wǎng)頁制作主題第1章緒論2

第2章直線動畫網(wǎng)頁基本概念

記事本寫網(wǎng)頁2

第3章逐幁動畫★1交動畫作業(yè)新建站點文件夾2

第4章直線動畫、旋轉(zhuǎn)動畫文字編輯

★2交站點快照作業(yè)2

第5章變焦動畫圖像編輯做圖文網(wǎng)頁★暫不交2

第6章題頭文字動畫★3暫不交用表格進行布局主頁★4暫不交2

第7章做站標(biāo)動畫★5暫不交用Apdiv層布局制作主頁2

第8章用Fir做動畫

閃動的條幅用Fireworks跟蹤圖像ps切片布局2

第9章半透明條幅動畫用框架布局

★交345主頁快照2

第10章曲線動畫用模板制作網(wǎng)頁2

第11章遮罩動畫超級鏈接

熱區(qū)鏈接2

第12章聲音動畫

卷軸動畫表單

css樣式

布置網(wǎng)站創(chuàng)作要求2

第13章骨骼動畫行為2

第14章變形變色動畫

動態(tài)按鈕插入網(wǎng)頁特效2

第15章動態(tài)網(wǎng)頁簡介

動畫網(wǎng)頁設(shè)計輔導(dǎo)2

第16章設(shè)計動畫網(wǎng)頁展示、鑒賞、評講、修改與上傳2

合計32

32四、教學(xué)內(nèi)容及教學(xué)要求

第一章緒論多媒體動畫與網(wǎng)頁制作課程基本內(nèi)容及學(xué)習(xí)方法

了解：靜態(tài)網(wǎng)頁與動態(tài)網(wǎng)頁

理解：網(wǎng)頁動畫制作過程

掌握：下載軟件的方法第二章

網(wǎng)頁基本概念

記事本寫網(wǎng)頁

制作直線動畫

2.1網(wǎng)頁基本概念

2.2記事本寫網(wǎng)頁

2.3制作直線動畫

了解：網(wǎng)頁基本概念

超文本語言

理解：動畫網(wǎng)頁制作程序的使用方法

掌握：記事本寫網(wǎng)頁

直線動畫制作方法第三章

新建站點

制作逐幀動畫

3.1新建站點的方法與過程

3.2逐幀動畫的制作方法

了解：網(wǎng)站建設(shè)流程

理解：新建站點方法

掌握：站點建立方法，逐幀動畫制作方法第四章

制作網(wǎng)頁，編輯文本網(wǎng)頁，制作直線動畫與旋轉(zhuǎn)動畫

4.1設(shè)置頁面屬性

4.2添加網(wǎng)頁文本

4.3設(shè)置文本格式

4.4制作直線動畫與旋轉(zhuǎn)動畫

習(xí)題要點：制作一個網(wǎng)頁

本章重點：文字的編輯

難點：滾動文字制作

本章教學(xué)要求：

了解：網(wǎng)頁的格式

理解：網(wǎng)頁中超文本語言的構(gòu)成

掌握：文字網(wǎng)頁的制作方法直線動畫與旋轉(zhuǎn)動畫制作方法第五章圖片插入與編輯，圖文并茂網(wǎng)頁制作制作變焦動畫

5.1在網(wǎng)頁中插入圖片

5.2設(shè)置圖像屬性

5.3變焦動畫制作方法

習(xí)題要點：在網(wǎng)頁中插入圖片

本章重點：設(shè)置圖像屬性

難點：動畫制作

本章教學(xué)要求：

了解：圖像的占位符

理解：設(shè)置圖像屬性

掌握：在網(wǎng)頁中插入圖片第六章使用表格布局制作網(wǎng)站主頁制作網(wǎng)頁題頭文字動畫

6.1網(wǎng)頁中的表格分析

6.2創(chuàng)建表格

6.3設(shè)置表格和單元格屬性

6.4表格的嵌套技術(shù)

6.5利用布局表格設(shè)計網(wǎng)站主頁

6.5網(wǎng)頁題頭文字動畫

習(xí)題要點：利用布局表格設(shè)計多媒體動畫、網(wǎng)站主頁

本章重點：利用布局表格設(shè)計網(wǎng)頁

難點：表格的嵌套技術(shù)

本章教學(xué)要求：

了解：設(shè)置表格和單元格屬性

理解：表格的嵌套技術(shù)第七章使用APdiv層制作主頁

制作網(wǎng)站標(biāo)題GIF動畫

7.1編輯與調(diào)整層

7.2將層轉(zhuǎn)換為表格

7.3用層布置網(wǎng)頁

7.4用Firework做網(wǎng)站站標(biāo)GIF動畫

本章教學(xué)要求：

了解：編輯與調(diào)整層

理解：用層布置網(wǎng)頁的方法

掌握：用Firework做網(wǎng)站站標(biāo)的方法第八章用跟蹤圖像布局主頁

用ps切片布局主頁

制作交替閃動動畫

8.1用Firework做交替閃動動畫

8.2用Firework做欄目標(biāo)題

8.3用Fireworks做主頁背景圖像

8.5用跟蹤圖像布局主頁

8.5用ps切片布局做主頁

習(xí)題要點：用Fireworks制作交替閃動動畫

本章重點：用Fireworks制作交替閃動動畫的方法

難點：Fireworks的幁面板設(shè)置

本章教學(xué)要求：

了解：用Fireworks制作交替閃動動畫

理解：ps切片布局

掌握：用Fireworks跟蹤圖像布局第九章設(shè)置框架網(wǎng)頁，制作半透明條幅動畫

9.1創(chuàng)建框架集

9.2框架集與框架屬性

9.3制作半透明條幅動畫

習(xí)題要點：怎樣制作框架網(wǎng)頁

本章重點：創(chuàng)建框架集

難點：框架集與框架屬性

本章教學(xué)要求：

了解：框架集與框架屬性

理解：創(chuàng)建框架集的方法

掌握：制作框架主頁布局的方法制作半透明條幅動畫第十章套用統(tǒng)一的模板制作曲線動畫

10.1創(chuàng)建與編輯模板

10.2基于模板創(chuàng)建網(wǎng)頁

10.3制作曲線動畫

習(xí)題要點：怎樣建立模板可編輯區(qū)域

本章重點：基于模板創(chuàng)建網(wǎng)頁

難點：創(chuàng)建與編輯模板

本章教學(xué)要求：

了解：模板的概念

理解：創(chuàng)建與編輯模板

掌握：用模板制作圖文并茂的網(wǎng)頁制作曲線動畫第十一章設(shè)置超級鏈接，圖片熱區(qū)鏈接

制作遮罩動畫

11.1添加超級鏈接

11.2超級鏈接的應(yīng)用

11.3熱區(qū)鏈接

11.4制作遮罩動畫

習(xí)題要點：制作網(wǎng)頁的超級鏈接

本章重點：超級鏈接的應(yīng)用

難點：相對路徑與絕對路徑

本章教學(xué)要求：

了解：超級鏈接的種類

理解：相對路徑與絕對路徑

掌握：制作網(wǎng)頁的超級鏈接制作遮罩動畫第十二章制作表單應(yīng)用CSS樣式制作聲音動畫

卷軸動畫

12.1制作表單

12.2css樣式的基本概念

12.3創(chuàng)建CSS規(guī)則

12.4在網(wǎng)頁中使用CSS樣式

12.5制作聲音動畫

卷軸動畫

習(xí)題要點：在網(wǎng)頁中使用CSS樣式

本章重點：CSS樣式的基本概念

難點：創(chuàng)建CSS規(guī)則

本章教學(xué)要求：

了解：制作表單

理解：創(chuàng)建CSS規(guī)則

掌握：在網(wǎng)頁中使用CSS樣式制作聲音動畫

卷軸動畫第十三章行為與動作制作骨骼動畫

13.1用行為動作控制網(wǎng)頁

13.2制作骨骼動畫

難點：用動作腳本控制動畫的播放

本章教學(xué)要求：

了解：行為面板的設(shè)置

理解：制作骨骼動畫的方法

掌握：用行為動作控制網(wǎng)頁第十四章

插入網(wǎng)頁特效

制作變形變色動畫

動態(tài)按鈕

14.1插入網(wǎng)頁特效

14.2制作變形變色動畫

字畫互變動畫

動態(tài)按鈕

了解：插入網(wǎng)頁特效的代碼

理解：形狀補間動畫與按鈕動畫

掌握：變形變色動畫

動態(tài)按鈕制作方法第十五章交互式網(wǎng)頁制作簡介：服務(wù)器、數(shù)據(jù)庫的應(yīng)用，asp動態(tài)網(wǎng)頁制作

15.1交互式網(wǎng)頁制作簡介，服務(wù)器、數(shù)據(jù)庫的應(yīng)用，

15.2asp動態(tài)網(wǎng)頁制作簡介

本章教學(xué)要求：

了解：服務(wù)器、數(shù)據(jù)庫的應(yīng)用，asp動態(tài)網(wǎng)頁制作

理解：交互式網(wǎng)頁制作

第十六章網(wǎng)頁網(wǎng)站作品匯報交流答辯

18.1匯報動畫網(wǎng)站網(wǎng)頁作品

習(xí)題要點：各人修改設(shè)計多媒體動畫網(wǎng)站

本章重點：要求學(xué)生向同學(xué)學(xué)習(xí)好的設(shè)計方法

難點：用代碼編寫網(wǎng)頁特效

本章教學(xué)要求：

了解：網(wǎng)站的維護管理

理解：網(wǎng)站的更新

掌握：網(wǎng)站上傳方法、網(wǎng)站維護修改方法

五、考核方式及要求

考核理念：考核貫穿于整個教學(xué)全過程要求每個人期末考試要出作品、出成果

考核方式：平時考核采用積分累加法，占50%，期末考核采用創(chuàng)新作品完善法，占50%

具體方式有4類：

1、出勤簽到考核、課堂提問與展示作品

占10%

檢查教師與學(xué)生教學(xué)雙方的實際效果。

2、課堂小測驗占10%

考核學(xué)生綜合分析辨別的能力。

3、上交實踐操作平時作業(yè)3次占30%

考核學(xué)生的實踐操作能力。

4、期末考試方式：課程設(shè)計創(chuàng)作動畫網(wǎng)站上傳與答辯占50%

側(cè)重考核學(xué)生利用所學(xué)知識解決實際問題的能力。內(nèi)容為：各人設(shè)計一個多媒體動畫網(wǎng)站、上傳到互聯(lián)網(wǎng)，要求能正常訪問，并在課堂上展示成果，宣講制作方法，進行課程設(shè)計答辯，聽取教師提出的修改意見，二次設(shè)計，修改上傳。

六、推薦教材及教學(xué)參考書

教

材：《

Dreamweaver電腦美術(shù)基礎(chǔ)與實用案例

》，博思創(chuàng)作室編著，清華大學(xué)出版社2007年4月，標(biāo)準(zhǔn)書號：ISBN978-7-302-14873-9