網(wǎng)頁設(shè)計(jì)與制作 電子教案_第1頁
網(wǎng)頁設(shè)計(jì)與制作 電子教案_第2頁
網(wǎng)頁設(shè)計(jì)與制作 電子教案_第3頁
網(wǎng)頁設(shè)計(jì)與制作 電子教案_第4頁
網(wǎng)頁設(shè)計(jì)與制作 電子教案_第5頁
已閱讀5頁,還剩42頁未讀, 繼續(xù)免費(fèi)閱讀

下載本文檔

版權(quán)說明:本文檔由用戶提供并上傳,收益歸屬內(nèi)容提供方,若內(nèi)容存在侵權(quán),請進(jìn)行舉報或認(rèn)領(lǐng)

文檔簡介

1、網(wǎng)頁設(shè)計(jì)及制作電子教案電子教案課程:第1章網(wǎng)頁制作基礎(chǔ)課時內(nèi)網(wǎng)頁制作基礎(chǔ)授課時學(xué)時數(shù)2容教學(xué)目標(biāo)間了解HTML的組成和語法了解網(wǎng)頁制作的常用軟件掌握網(wǎng)頁制作軟件的啟動和退出方法教學(xué)重網(wǎng)頁制作的一些基本知識點(diǎn)教學(xué)難HTML的組成和語法點(diǎn)教學(xué)設(shè)計(jì)1、教學(xué)思路:首先,讓同學(xué)們說說他們對網(wǎng)頁的一個認(rèn)識。然后進(jìn)行系統(tǒng)地介紹網(wǎng)頁是什么,由哪些部分組成,還有網(wǎng)頁制作時所需掌握的一些基礎(chǔ)知識和制作網(wǎng)頁時常用到的一些軟件。最后學(xué)習(xí)網(wǎng)頁制作軟件的啟動和退出方法。2、教學(xué)方法:先登錄一些常用的網(wǎng)站,讓同學(xué)們看一些網(wǎng)頁,然后讓同學(xué)們說下他們度網(wǎng)頁的認(rèn)識,最后才開始講解本周內(nèi)容。3、教學(xué)手段:利用多媒體并結(jié)合網(wǎng)絡(luò)進(jìn)行教

2、學(xué)。4、教學(xué)資料及要求:課前要求學(xué)生先大致瀏覽本書內(nèi)容,對本書所要講解的內(nèi)容有個基本的了解。1/47網(wǎng)頁設(shè)計(jì)及制作電子教案教學(xué)內(nèi)容討論問題:1、什么是網(wǎng)頁?2、網(wǎng)頁的基本組成部分是哪些?3、網(wǎng)頁有什么作用?第1章網(wǎng)頁制作基礎(chǔ)#1.1網(wǎng)頁制作基礎(chǔ)知識1.1.1網(wǎng)頁簡介1.1.2什么是HTML1.1.3HTML的組成結(jié)構(gòu)及語法1.1.4應(yīng)用舉例使用記事本編寫網(wǎng)頁1.2網(wǎng)頁制作的常用軟件1.2.1圖形圖像處理軟件1.2.2動畫制作軟件1.2.3網(wǎng)頁布局軟件1.2.4軟件配合及制作流程1.2.5應(yīng)用舉例實(shí)戰(zhàn)網(wǎng)頁制作流程1.3網(wǎng)頁制作軟件的啟動及退出1.3.1網(wǎng)頁制作軟件的啟動1.3.2文件的打開1.3

3、.3網(wǎng)頁制作軟件的退出1.3.4應(yīng)用舉例啟動并退出2/47網(wǎng)頁設(shè)計(jì)及制作電子教案PhotoshopCS31.4上機(jī)及項(xiàng)目實(shí)訓(xùn)1.4.1FlashCS3的啟動及退出1.4.2制作“藍(lán)蓮花”網(wǎng)頁1.5練習(xí)及提高本課小結(jié)1、了解網(wǎng)頁的組成。2、掌握HTML的組成結(jié)構(gòu)及語法。3、認(rèn)識制作網(wǎng)頁時常用到的一些軟件4、掌握網(wǎng)頁的基本操作思考題(1)HTML文檔結(jié)構(gòu)由哪幾部分組成?及作業(yè)(2)制作網(wǎng)頁時常用軟件有哪些?(3)如何啟動和退出DreamweaverCS3?(4)如何打開Flash文件?(5)如何退出Photoshop?3/47網(wǎng)頁設(shè)計(jì)及制作電子教案電子教案課程:第2章DreamweaverCS5基

4、本操作課時內(nèi)DreamweaverCS5基授課時間學(xué)時數(shù)2容教學(xué)目標(biāo)本操作認(rèn)識DreamweaverCS5的工作界面掌握網(wǎng)頁文檔的基本操作方法掌握頁面屬性的設(shè)置掌握設(shè)置并管理站點(diǎn)的方法教學(xué)重認(rèn)識DreamweaverCS5的工作界面點(diǎn)教學(xué)難設(shè)置頁面屬性和站點(diǎn)管理點(diǎn)教學(xué)設(shè)計(jì)1、教學(xué)思路:首先,讓同學(xué)們認(rèn)識DreamweaverCS5的工作界面。然后進(jìn)行系統(tǒng)地介紹網(wǎng)頁文檔制作的基本操作方法及頁面的設(shè)置。最后學(xué)習(xí)對站點(diǎn)的管理以及設(shè)置方法。2、教學(xué)方法:讓同學(xué)們先回憶一下上節(jié)課所講內(nèi)容,然后讓同學(xué)們回答網(wǎng)頁是由哪幾部分組成的,了解同學(xué)們對上一章知識的掌握程度。3、教學(xué)手段:結(jié)合上章內(nèi)容在機(jī)房內(nèi)進(jìn)行上機(jī)

5、講解。4、教學(xué)資料及要求:課前要求學(xué)生預(yù)習(xí)本章內(nèi)容。4/47網(wǎng)頁設(shè)計(jì)及制作電子教案教學(xué)內(nèi)容知識回顧:上一課時講的網(wǎng)頁由哪幾部分組成?討論問題:1、DreamweaverCS5的工作界面由哪幾部分組成?2、各部分的作用是什么?內(nèi)容:1.了解網(wǎng)頁元素2DreamweaverCS5工作界面3網(wǎng)頁文檔的基本操作4站點(diǎn)管理本課小結(jié)1、了解DreamweaverCS5工作界面的組成部分及各部分的作用。2、掌握網(wǎng)頁文檔的基本操作。3、掌握頁面屬性的設(shè)置。4、對DreamweaverCS5站點(diǎn)的管理。思考題(1)預(yù)覽網(wǎng)頁效果一般會注意哪些方面?及作業(yè)(2)如何創(chuàng)建和規(guī)劃站點(diǎn)?(3)如何創(chuàng)建站點(diǎn)文件和文件夾?(

6、4)設(shè)置頁面屬性,一般包括那幾個方面?5/47網(wǎng)頁設(shè)計(jì)及制作電子教案電子教案課程:第3章創(chuàng)建網(wǎng)頁基本對象課時內(nèi)創(chuàng)建網(wǎng)頁基本授課時學(xué)時數(shù)4容教學(xué)目標(biāo)對象間掌握文本的插入以及調(diào)整學(xué)會圖像的插入和編輯操作掌握創(chuàng)建超級鏈接的方法教學(xué)重創(chuàng)建對象及超級鏈接的方法點(diǎn)教學(xué)難編輯網(wǎng)頁中創(chuàng)建的對象點(diǎn)教學(xué)設(shè)計(jì)1、教學(xué)思路:首先,讓同學(xué)們先說說在Word、Excel中插入及編輯對象的方法。然后進(jìn)行系統(tǒng)地介紹在網(wǎng)頁中創(chuàng)建和編輯對象的方法。最后學(xué)習(xí)在網(wǎng)頁中創(chuàng)建超級鏈接的方法。2、教學(xué)方法:可以選擇一種同學(xué)們熟悉的,并且插入對象及編輯對象的方法要及在網(wǎng)頁中插入和編輯對象的方法基本相同的軟件,進(jìn)行比較講解,這樣既可以讓同學(xué)們

7、快速地掌握其操作方法,又可以鞏固以前的知識。3、教學(xué)手段:利用多媒體并結(jié)合書本上的內(nèi)容進(jìn)行教學(xué)。4、教學(xué)資料及要求:課前要求學(xué)生了解在Word辦公軟件中創(chuàng)建超級鏈接的方法。6/47網(wǎng)頁設(shè)計(jì)及制作電子教案教學(xué)內(nèi)容知識回顧:上一課時講的DreamweaverCS5的工作界面由哪幾部分組成?討論問題:1、如何在網(wǎng)頁中插入對象?2、插入這些對象有何作用?3、怎樣對插入的對象進(jìn)行編輯?內(nèi)容:3.1文本的操作3.2插入和編輯圖像3.3創(chuàng)建超級鏈接本課小結(jié)1、掌握在網(wǎng)頁中插入對象的方法。2、掌握在網(wǎng)頁中編輯對象的方法。3、了解在網(wǎng)頁中創(chuàng)建超級鏈接的方法。思考題(1)如何在頁面中插入圖像?及作業(yè)(2)如何在頁

8、面中創(chuàng)建一個錨記鏈接?(3)如何為自己的郵箱創(chuàng)建電子郵件鏈接?電子教案課程:第4章布局頁面課時內(nèi)布局頁面授課時學(xué)時數(shù)27/47容教學(xué)目標(biāo)網(wǎng)頁設(shè)計(jì)及制作電子教案間掌握插入和編輯的表格方法認(rèn)識布局視圖模式掌握布局單元格和布局表格的創(chuàng)建和編輯掌握框架的使用方法教學(xué)重創(chuàng)建以及編輯表格和框架的方法點(diǎn)教學(xué)難設(shè)置表格及框架的屬性點(diǎn)教學(xué)設(shè)計(jì)1、教學(xué)思路:首先,讓同學(xué)們先說說對插入的表格可以進(jìn)行哪些編輯操作。然后進(jìn)行系統(tǒng)地介紹在網(wǎng)頁中插入表格和創(chuàng)建框架的方法。最后學(xué)習(xí)對插入表格和創(chuàng)建的框架進(jìn)行編輯操作。2、教學(xué)方法:講課前可以先講一個及網(wǎng)頁有關(guān)的小故事或做一個小游戲,活躍下氣氛,帶動同學(xué)們的積極性。3、教學(xué)手段

9、:利用多媒體,對表格和框架的編輯方法進(jìn)行詳細(xì)講解。4、教學(xué)資料及要求:課前要求學(xué)生了解布局頁面常用到的對象有哪些。教學(xué)內(nèi)容知識回顧:上一課時講的在網(wǎng)頁中插入對象及編輯對象的方法?討論問題:1、為什么要使用表格和框架布局頁面呢?2、這樣做對網(wǎng)頁的整體效果起什么作用?8/47網(wǎng)頁設(shè)計(jì)及制作電子教案3、又如何在網(wǎng)頁中插入表格和創(chuàng)建對象?第4章布局頁面4.1使用表格布局頁面4.1.1插入表格4.1.2選擇表格元素4.1.3輸入頁面元素4.1.4設(shè)置表格屬性4.1.5添加/刪除行或列4.1.6單元格的合并及拆分4.1.7應(yīng)用舉例創(chuàng)建細(xì)線表格4.2使用框架布局網(wǎng)頁4.2.1創(chuàng)建框架網(wǎng)頁4.2.2拆分框架4

10、.2.3保存框架和框架集4.2.4刪除框架4.2.5設(shè)置框架集及框架的屬性4.2.6應(yīng)用舉例制作網(wǎng)站后臺框架頁面4.3上機(jī)及項(xiàng)目實(shí)訓(xùn)4.3.1制作網(wǎng)站后臺管理頁面4.3.2制作“探險游”網(wǎng)頁4.4練習(xí)及提高9/47網(wǎng)頁設(shè)計(jì)及制作電子教案本課小1、掌握布局頁面的方法。結(jié)3、掌握對創(chuàng)建的表格和框架進(jìn)行屬性設(shè)置。思考題(1)如何創(chuàng)建表格和框架?及作業(yè)(2)表格和框架在頁面中有什么用?10/47網(wǎng)頁設(shè)計(jì)及制作電子教案電子教案課程:第5章使用APDiv和行為課時內(nèi)使用APDiv和行授課時間學(xué)時數(shù)3容教學(xué)目標(biāo)為掌握APDiv的創(chuàng)建和設(shè)置掌握APDiv的操作掌握行為的創(chuàng)建和設(shè)置掌握內(nèi)置行為動作的應(yīng)用教學(xué)重創(chuàng)

11、建和設(shè)置APDiv和行為的方法點(diǎn)教學(xué)難APDiv和行為的操作點(diǎn)教學(xué)設(shè)1、教學(xué)思路:首先,先講一下APDiv的含義,讓同學(xué)們對其現(xiàn)計(jì)有一個基本的了解。然后進(jìn)行系統(tǒng)地介紹APDiv的創(chuàng)建和設(shè)置以及基本的操作方法。最后學(xué)習(xí)行為的基本操作方法。2、教學(xué)方法:先講一下網(wǎng)頁對一個網(wǎng)站的作用,盡量講同學(xué)們感興趣的方面。3、教學(xué)手段:由淺入深并結(jié)合多媒體進(jìn)行教學(xué)。4、教學(xué)資料及要求:課前要求學(xué)生從網(wǎng)上多看一些網(wǎng)頁,并進(jìn)行簡單的分析。11/47網(wǎng)頁設(shè)計(jì)及制作電子教案教學(xué)內(nèi)容知識回顧:上一課時講的如何編輯表格和框架?討論問題:1、APDiv是什么?2、在網(wǎng)頁中有什么用?3、又如何對其進(jìn)行操作?第5章使用APDiv

12、和行為5.1APDiv的創(chuàng)建和設(shè)置5.1.1創(chuàng)建APDiv5.1.2APDiv的“屬性”面板5.1.3“AP元素”面板5.1.4應(yīng)用舉例創(chuàng)建APDiv5.2APDiv的基本操作5.2.1選擇APDiv5.2.2調(diào)整APDiv的大小5.2.3移動APDiv5.2.4對齊APDiv5.2.5應(yīng)用舉例使用APDiv布局頁面5.3行為的基本操作5.3.1認(rèn)識行為和事件5.3.2“行為”面板5.3.3內(nèi)置行為動作的應(yīng)用12/47網(wǎng)頁設(shè)計(jì)及制作電子教案5.3.4應(yīng)用舉例設(shè)置狀態(tài)欄文本5.4上機(jī)及項(xiàng)目實(shí)訓(xùn)5.4.1繪制APDiv5.4.2制作圖像跳轉(zhuǎn)網(wǎng)頁5.5練習(xí)及提高本課小1、掌握創(chuàng)建和設(shè)置APDiv和行

13、為的方法。結(jié)2、掌握APDiv和行為的使用方法。思考題(1)在頁面中如何創(chuàng)建多個嵌套APDiv?及作業(yè)(2)如何在頁面上設(shè)置行為動作?(3)如何繪制APDiv?(4)主要的行為動作有哪些?13/47網(wǎng)頁設(shè)計(jì)及制作電子教案電子教案課程:第6章創(chuàng)建表單課時內(nèi)創(chuàng)建表單容授課時間學(xué)時數(shù)2教學(xué)目標(biāo)了解表單域和表單對象的概念掌握表單對象的創(chuàng)建和屬性設(shè)置教學(xué)重認(rèn)識表單點(diǎn)教學(xué)難創(chuàng)建表單對象點(diǎn)教學(xué)設(shè)1、教學(xué)思路:首先,先講表單的概念和一些簡單認(rèn)識。然后進(jìn)計(jì)行系統(tǒng)地介紹表單對象的創(chuàng)建方法。最后學(xué)習(xí)制作簡單的表單頁面。2、教學(xué)方法:上課前可以先出一道及上章知識有關(guān)的思考題,題要比較靈活,這樣可考驗(yàn)下同學(xué)們的思維能力

14、。3、教學(xué)手段:利用多媒體并結(jié)合實(shí)例進(jìn)行教學(xué)。4、教學(xué)資料及要求:課前要求學(xué)生復(fù)習(xí)上一章所講過的知識。教學(xué)內(nèi)容知識回顧:上一課時講的APDiv和行為的使用方法?討論問題:1、為什么要創(chuàng)建表單?14/47網(wǎng)頁設(shè)計(jì)及制作電子教案2、表單中又包含哪些對象?第6章創(chuàng)建表單6.1表單的概念6.1.1表單域6.1.2表單對象6.1.3應(yīng)用舉例快速選擇表單域和表單對象6.2創(chuàng)建表單對象6.2.1文本域6.2.2復(fù)選框6.2.3單選按鈕6.2.4列表和菜單6.2.5跳轉(zhuǎn)菜單6.2.6表單按鈕6.2.7創(chuàng)建圖像域6.2.8用舉例在添加表單對象的同時添加表單域6.3上機(jī)及項(xiàng)目實(shí)訓(xùn)6.3.1制作注冊表單頁面6.3.

15、2制作搜索表單6.4練習(xí)及提高本課小1、掌握表單的概念。結(jié)2、掌握創(chuàng)建表單對象的方法。15/47網(wǎng)頁設(shè)計(jì)及制作電子教案思考題(1)在頁面中插入文本域的方法是什么?及作業(yè)(2)如何創(chuàng)建單選按鈕組?(3)創(chuàng)建圖像域有什么作用?(4)如何讓創(chuàng)建跳轉(zhuǎn)菜單和滾動列表?16/47網(wǎng)頁設(shè)計(jì)及制作電子教案電子教案課程:第7章CSS及多媒體的應(yīng)用課時內(nèi)CSS及多媒體的應(yīng)用授課時學(xué)時數(shù)3容教學(xué)目標(biāo)間掌握創(chuàng)建CSS樣式表的方法掌握應(yīng)用CSS樣式的方法了解多媒體和Flash文件類型掌握插入多媒體對象的方法掌握使用CSS樣式和Flash制作網(wǎng)頁的方法教學(xué)重創(chuàng)建和應(yīng)用CSS的方法以及多媒體的應(yīng)用點(diǎn)教學(xué)難CSS屬性的設(shè)置點(diǎn)

16、教學(xué)設(shè)1、教學(xué)思路:首先,讓同學(xué)說說對多媒體的理解。然后在詳細(xì)計(jì)地講解CSS在網(wǎng)頁中的應(yīng)用。最后學(xué)習(xí)插入Flash動畫和影片的方法。2、教學(xué)方法:本章內(nèi)容講解完后,可讓同學(xué)們根據(jù)自己下載的Flash動畫和影片制作一個網(wǎng)頁。3、教學(xué)手段:結(jié)合實(shí)例進(jìn)行上機(jī)操作。4、教學(xué)資料及要求:課前要求學(xué)生從網(wǎng)上下載一些Flash動畫17/47網(wǎng)頁設(shè)計(jì)及制作電子教案和簡短的影片。教學(xué)內(nèi)容知識回顧:上一課時講的表單對象的創(chuàng)建?討論問題:1、廣義的多媒體和俠義的多媒體分別指什么?2、網(wǎng)頁中應(yīng)用多媒體有什么作用?第7章CSS及多媒體的應(yīng)用7.1網(wǎng)頁中CSS的應(yīng)用7.1.1認(rèn)識“CSS樣式”面板7.1.2新建CSS樣式

17、7.1.3CSS屬性7.1.4應(yīng)用自定義樣式7.1.5鏈接到外部樣式表7.1.6應(yīng)用舉例新建CSS樣式7.2網(wǎng)頁中多媒體的應(yīng)用7.2.1多媒體的概念7.2.2Flash文件類型7.2.3插入Flash動畫7.2.4插入Shockwave影片7.2.5應(yīng)用舉例在頁面中插入Flash動畫7.3上機(jī)及項(xiàng)目實(shí)訓(xùn)7.3.1制作“娃娃網(wǎng)”周年網(wǎng)頁18/47網(wǎng)頁設(shè)計(jì)及制作電子教案7.3.2制作“SHOW廣告動畫”網(wǎng)頁7.4練習(xí)及提高本課小1、掌握新建CSS樣式的方法。結(jié)2、掌握設(shè)置CSS屬性的方法。3、掌握多媒體在網(wǎng)頁中的應(yīng)用。思考題(1)CSS的主要作用是什么?及作業(yè)(2)如何在頁面中鏈接所創(chuàng)建的樣式?(

18、3)新建CSS樣式的方法有哪些?(4)設(shè)置CSS樣式的屬性包括那幾個方面?19/47網(wǎng)頁設(shè)計(jì)及制作電子教案電子教案課程:第8章FlashCS3基礎(chǔ)課時內(nèi)FlashCS3基礎(chǔ)授課時間容學(xué)時數(shù)1教學(xué)目標(biāo)認(rèn)識Flash動畫了解FlashCS3的工作界面掌握Flash文檔的創(chuàng)建和保存教學(xué)重Flash動畫的應(yīng)用和其文檔的基本操作點(diǎn)教學(xué)難認(rèn)識FlashCS3的工作界面點(diǎn)教學(xué)設(shè)1、教學(xué)思路:首先,先講Flash動畫在網(wǎng)頁中起什么作用,能計(jì)使網(wǎng)頁達(dá)到一個什么效果。然后進(jìn)行系統(tǒng)地介紹Flash動畫的應(yīng)用和認(rèn)識FlashCS3工作界面。最后學(xué)習(xí)Flash文檔的基本操作方法。2、教學(xué)方法:讓同學(xué)們以小組的形式進(jìn)行討

19、論Flash動畫的應(yīng)用領(lǐng)域。3、教學(xué)手段:利用多媒體并結(jié)合網(wǎng)頁中插入的Flash動畫進(jìn)行講解。4、教學(xué)資料及要求:課前要求學(xué)生預(yù)習(xí)本章內(nèi)容。教學(xué)內(nèi)容20/47網(wǎng)頁設(shè)計(jì)及制作電子教案知識回顧:上一課時講的CSS及多媒體在網(wǎng)頁中的應(yīng)用?討論問題:1、Flash動畫具體是指什么?2、在網(wǎng)頁中起什么作用?第8章FlashCS3基礎(chǔ)8.1認(rèn)識Flash動畫8.1.1Flash動畫的原理及應(yīng)用領(lǐng)域8.1.2Flash動畫在網(wǎng)頁方面的應(yīng)用8.1.3認(rèn)識FlashCS3工作界面8.1.4應(yīng)用舉例設(shè)置文檔屬性8.2Flash文檔的基本操作8.2.1Flash文檔的創(chuàng)建8.2.2Flash文檔的保存8.2.3Fl

20、ash文檔的打開8.2.4應(yīng)用舉例新建Flash廣告動畫8.3上機(jī)及項(xiàng)目實(shí)訓(xùn)8.3.1制作“gongzhu”Flash文檔8.3.2制作SHOW文檔8.4練習(xí)及提高本課小1、了解Flash的應(yīng)用領(lǐng)域。結(jié)2、認(rèn)識FlashCS3的工作界面。3、掌握Flash文檔的基本操作。21/47網(wǎng)頁設(shè)計(jì)及制作電子教案思考題(1)Flash主要應(yīng)用于哪些方面?及作業(yè)(2)FlashCS3的工作界面由哪幾部分組成?(3)如何新建一個Flash動畫?(4)打開和關(guān)閉FlashCS3的方法分別有哪些?(5)如何預(yù)覽動畫效果?22/47網(wǎng)頁設(shè)計(jì)及制作電子教案電子教案課程:第9章繪制Flash圖像課時內(nèi)繪制Flash圖

21、像授課時間容學(xué)時數(shù)2教學(xué)目標(biāo)了解繪圖工具的使用掌握圖像的編輯和導(dǎo)入方法掌握“濾鏡”面板的使用方法教學(xué)重繪圖工具和“濾鏡”面板的使用點(diǎn)教學(xué)難繪制圖像點(diǎn)教學(xué)設(shè)1、教學(xué)思路:首先,讓同學(xué)們先看一些通過Flash繪制的圖像計(jì)效果。然后進(jìn)行系統(tǒng)地介紹工具箱中各工具的使用方法和作用以及圖像的編輯及導(dǎo)入操作。最后學(xué)習(xí)創(chuàng)建特殊效果的方法。2、教學(xué)方法:選擇網(wǎng)頁制作軟件Dreamweave和Flash進(jìn)行比較講解,既可以復(fù)習(xí)前面講過的知識,又可以很快的掌握本章所講知識。3、教學(xué)手段:結(jié)合前面講過的知識并利用多媒體進(jìn)行教學(xué)。4、教學(xué)資料及要求:課前要求學(xué)生復(fù)習(xí)Dreamweave那章的知識。23/47網(wǎng)頁設(shè)計(jì)及制

22、作電子教案教學(xué)內(nèi)容知識回顧:上一課時講的Flash動畫的應(yīng)用領(lǐng)域和基本操作方法?討論問題:1、Dreamweave和Flash的相同點(diǎn)和不同點(diǎn)各是什么?2、Flash及其他網(wǎng)頁制作軟件比其優(yōu)點(diǎn)是什么?第9章繪制Flash圖像9.1繪圖工具的使用9.1.1工具箱介紹9.1.2矢量圖及位圖9.1.3應(yīng)用舉例繪制咖啡杯9.2圖像的編輯和導(dǎo)入9.2.1組合及分離9.2.2圖像的導(dǎo)入9.2.3將位圖轉(zhuǎn)換為矢量圖9.2.4應(yīng)用舉例光暈圖像效果9.3圖像特殊效果的創(chuàng)建9.3.1“濾鏡”面板9.3.2濾鏡的使用9.3.3應(yīng)用舉例創(chuàng)建特殊字體效果9.4上機(jī)及項(xiàng)目實(shí)訓(xùn)9.4.1繪制鼠標(biāo)圖形9.4.2繪制水果拼盤2

23、4/47網(wǎng)頁設(shè)計(jì)及制作電子教案9.5練習(xí)及提高本課小1、了解工具箱中各工具的用法及作用結(jié)2、掌握圖像的導(dǎo)入及編輯操作3、掌握圖像特殊效果的創(chuàng)建方法思考題(1)工具箱由哪幾部分組成?及作業(yè)(2)矢量圖和位圖的含義及其特點(diǎn)?(3)在Flash中如何讓導(dǎo)入圖片?(4)如何將導(dǎo)入的位圖轉(zhuǎn)換為矢量圖?(5)如何通過“濾鏡”面板創(chuàng)建模糊效果的文字?25/47網(wǎng)頁設(shè)計(jì)及制作電子教案電子教案課程:第10章元件和“庫”面板課時內(nèi)元件和“庫”面板容授課時間學(xué)時數(shù)2教學(xué)目標(biāo)掌握元件的創(chuàng)建方式認(rèn)識“庫”面板“庫”面板的使用及管理教學(xué)重元件的創(chuàng)建方式和“庫”面板的使用點(diǎn)教學(xué)難元件的創(chuàng)建及使用點(diǎn)教學(xué)設(shè)1、教學(xué)思路:首先,

24、讓同學(xué)們認(rèn)識元件,然后在系統(tǒng)地進(jìn)行介計(jì)紹元件的創(chuàng)建、使用以及認(rèn)識“庫“面板,最后學(xué)習(xí)哭的管理和使用。2、教學(xué)方法:可以通過實(shí)例對不同的元件進(jìn)行操作使用。3、教學(xué)手段:結(jié)合實(shí)例進(jìn)行上機(jī)操作。4、教學(xué)資料及要求:課前要求學(xué)生預(yù)習(xí)下章內(nèi)容。教學(xué)內(nèi)容知識回顧:上一課時講的繪制Flash圖像的操作方法?討論問題:1、元件的含義是什么?26/47網(wǎng)頁設(shè)計(jì)及制作電子教案2、如何進(jìn)行庫的管理?第10章元件和“庫”面板10.1元件的創(chuàng)建10.1.1元件的概念10.1.2圖形元件10.1.3按鈕元件10.1.4影片剪輯元件10.1.5應(yīng)用舉例制作“短靴”動畫10.2“庫”面板10.2.1認(rèn)識“庫”面板10.2.2

25、庫的管理和使用10.2.3應(yīng)用舉例清理未用項(xiàng)目10.3上機(jī)及項(xiàng)目實(shí)訓(xùn)10.3.1繪制Logo型按鈕10.3.2創(chuàng)建縮放動畫10.4練習(xí)及提高本課小1、掌握元件的概念及創(chuàng)建元件結(jié)2、了解“庫”面板的使用及管理思考題(1)Flash中可以創(chuàng)建的元件有哪幾種類型?及作業(yè)(2)通過什么方式可以將圖形轉(zhuǎn)換為圖形元件?(3)如何將“庫”面板中的圖形文件拖到編輯區(qū)域中?27/47網(wǎng)頁設(shè)計(jì)及制作電子教案電子教案課程:第11章用時間軸創(chuàng)建動畫課時內(nèi)用時間軸創(chuàng)建授課時學(xué)時數(shù)3容動畫間教學(xué)目標(biāo)了解時間軸的組成幀和關(guān)鍵幀的創(chuàng)建及屬性設(shè)置方法了解創(chuàng)建動畫的類型和方法使用引導(dǎo)層和遮罩層創(chuàng)建動畫教學(xué)重時間軸及關(guān)鍵幀點(diǎn)教學(xué)難

26、通過時間軸創(chuàng)建動畫點(diǎn)教學(xué)設(shè)1、教學(xué)思路:首先,讓同學(xué)們先了解時間軸的組成部分。然后計(jì)在系統(tǒng)地介紹在時間軸中插入幀和創(chuàng)建動畫的方法。最后學(xué)習(xí)特殊圖層的應(yīng)用。2、教學(xué)方法:可先上同學(xué)們看一些通過時間軸創(chuàng)建的動畫效果。3、教學(xué)手段:可采用比較典型的例子進(jìn)行上機(jī)操作講解。4、教學(xué)資料及要求:課前要求學(xué)生們對前面講過的知識動手進(jìn)行操作。教學(xué)內(nèi)容28/47網(wǎng)頁設(shè)計(jì)及制作電子教案知識回顧:上一課時講的元件和“庫“面板的使用?討論問題:1、為什么本章的重點(diǎn)是時間軸的使用呢?2、為什么要用時間軸創(chuàng)建動畫?第11章用時間軸創(chuàng)建動畫11.1時間軸及關(guān)鍵幀11.1.1時間軸的組成11.1.2時間軸中的圖層11.1.3

27、插入幀11.1.4應(yīng)用舉例插入幀11.2創(chuàng)建動畫11.2.1逐幀動畫11.2.2補(bǔ)間動畫11.2.3應(yīng)用舉例文本特效動畫11.3特殊圖層的應(yīng)用11.3.1引導(dǎo)層11.3.2遮罩層11.3.3應(yīng)用舉例望遠(yuǎn)鏡中的飛鳥11.4上機(jī)及項(xiàng)目實(shí)訓(xùn)11.5練習(xí)及提高本課小1、掌握插入幀的方法。結(jié)2、掌握創(chuàng)建逐幀動畫的方法。29/47網(wǎng)頁設(shè)計(jì)及制作電子教案3、了解特殊圖層的應(yīng)用思考題(1)時間軸由哪幾部分組成?及作業(yè)(2)根據(jù)動畫樣式的不同,補(bǔ)間動畫可以分為哪兩種類型?(3)創(chuàng)建動畫補(bǔ)間可以通過哪幾種方式?(4)建引導(dǎo)層的方法有哪幾種?30/47網(wǎng)頁設(shè)計(jì)及制作電子教案電子教案課程:第12章導(dǎo)入聲音和視頻課時內(nèi)

28、導(dǎo)入聲音和視授課時學(xué)時數(shù)2容教學(xué)目標(biāo)頻間了解聲音的類型和可以導(dǎo)入的視頻格式掌握聲音和視頻的導(dǎo)入方法了解聲音和音效的設(shè)置方法教學(xué)重導(dǎo)入聲音和視頻點(diǎn)教學(xué)難處理聲音點(diǎn)教學(xué)設(shè)1、教學(xué)思路:首先,讓同學(xué)們說說導(dǎo)入聲音和視頻的方法。然計(jì)后進(jìn)行系統(tǒng)地介紹對導(dǎo)入的聲音進(jìn)行處理的方法。最后學(xué)習(xí)導(dǎo)入視頻。2、教學(xué)方法:可以先放一些聲音或簡短的視頻,這樣同學(xué)們可以很輕松的融入學(xué)習(xí)中。3、教學(xué)手段:利用多媒體并結(jié)合相關(guān)實(shí)例進(jìn)行教學(xué)。4、教學(xué)資料及要求:課前要求學(xué)生從網(wǎng)上下載不同格式的聲音和視頻。教學(xué)內(nèi)容31/47網(wǎng)頁設(shè)計(jì)及制作電子教案知識回顧:上一課時講的使用時間軸創(chuàng)建動畫?討論問題:1、常見的聲音和視頻格式有哪些?

29、2、Flash支持的聲音和視頻格式有哪些?第12章導(dǎo)入聲音和視頻12.1導(dǎo)入及使用聲音12.1.1聲音的類型12.1.2導(dǎo)入聲音12.1.3聲音的使用12.1.4應(yīng)用舉例為“狼”動畫添加聲音12.2處理聲音12.2.1設(shè)置聲音屬性12.2.2設(shè)置聲音12.2.3設(shè)置音效12.2.4應(yīng)用舉例設(shè)置聲音的淡出效果12.3導(dǎo)入視頻12.3.1導(dǎo)入的視頻格式12.3.2導(dǎo)入視頻12.3.3應(yīng)用舉例導(dǎo)入“hua”視頻12.4上機(jī)及項(xiàng)目實(shí)訓(xùn)12.4.1導(dǎo)入聲音及視頻12.4.2導(dǎo)入視頻32/47網(wǎng)頁設(shè)計(jì)及制作電子教案12.5練習(xí)及提高本課小結(jié)1、掌握導(dǎo)入聲音和視頻的方法。2、了解可導(dǎo)入的聲音和視頻格式3、設(shè)

30、置聲音屬性和音效的方法。思考題(1)聲音分為哪兩種類型?及作業(yè)(2)通過哪些方式可以打開“聲音屬性”對話框?(3)可導(dǎo)入的視頻格式有哪些?(4)如何為添加的聲音設(shè)置效果?33/47網(wǎng)頁設(shè)計(jì)及制作電子教案電子教案課程:第13章使用ActionScript語句課時內(nèi)使容ActionScript句用授課時間語學(xué)時數(shù)2教學(xué)目標(biāo)了解ActionScript的類型了解函數(shù)、變量和運(yùn)算符的運(yùn)用認(rèn)識常用的ActionScript2.0命令語句教學(xué)重ActionScript語句點(diǎn)教學(xué)難ActionScript語句的使用點(diǎn)教學(xué)設(shè)1、教學(xué)思路:首先,讓同學(xué)們先知道ActionScript的含義。然計(jì)后進(jìn)行系統(tǒng)地介紹

31、ActionScript的使用以及基本的語法知識。最后學(xué)習(xí)一些常見ActionScript語句的使用。2、教學(xué)方法:這章內(nèi)容可能會使同學(xué)們感到枯燥,上課前可先花幾分鐘時間和同學(xué)們聊聊最近的一些事。3、教學(xué)手段:利用多媒體進(jìn)行教學(xué)。4、教學(xué)資料及要求:課前要求學(xué)生先預(yù)習(xí)下本章的內(nèi)容。教學(xué)內(nèi)容34/47網(wǎng)頁設(shè)計(jì)及制作電子教案知識回顧:上一課時講的聲音屬性和音效的設(shè)置?討論問題:1、什么是ActionScrip語句?2、它和我們平時語文和英語中所講的語句有何不同?第13章使用ActionScript語句13.1ActionScript概述13.1.1ActionScript3.0的特性13.1.2輸

32、入代碼13.1.3應(yīng)用舉例控制影片的停止和播放13.2ActionScript語句基礎(chǔ)13.2.1變量13.2.2數(shù)據(jù)類型13.2.3ActionScript語句的基本語法13.2.4運(yùn)算符13.2.5處理對象13.2.6應(yīng)用舉例創(chuàng)建文本跟隨鼠標(biāo)移動的動畫效果13.3常見的ActionScript語句13.3.1播放控制13.3.2播放跳轉(zhuǎn)13.3.3條件語句13.3.4循環(huán)語句13.3.5應(yīng)用舉例重播動畫35/47網(wǎng)頁設(shè)計(jì)及制作電子教案13.4上機(jī)及項(xiàng)目實(shí)訓(xùn)13.4.1制作可拖動的小球動畫13.4.2制作星空閃爍動畫13.5練習(xí)及提高本課小結(jié)1、了解2、了解ActionScript的基本知識

33、。ActionScript語句的組成和語法規(guī)則3、掌握常見的ActionScript語句。思考題(1)ActionScript3.0的特性表現(xiàn)在哪些方面?及作業(yè)(2)如何使用按鈕控制影片的停止和播放?(3)在FlashCS3中為變量命名時必須遵循哪些原則?(4)ActionScript語句的基本語法包括哪些?(5)如何為影片添加播放控制和播放跳轉(zhuǎn)腳本命令?36/47網(wǎng)頁設(shè)計(jì)及制作電子教案電子教案課程:第14章測試及導(dǎo)出影片課時內(nèi)測試及導(dǎo)出影授課時學(xué)時數(shù)1容教學(xué)目標(biāo)片間掌握影片的優(yōu)化和測試方法了解影片的導(dǎo)出格式了解影片和圖像的導(dǎo)出方法教學(xué)重對影片的優(yōu)化點(diǎn)教學(xué)難對影片進(jìn)行測試點(diǎn)教學(xué)設(shè)1、教學(xué)思路:

34、首先,讓同學(xué)們先了解測試及優(yōu)化影片有的作用。計(jì)然后進(jìn)行系統(tǒng)地介紹優(yōu)化及測試影片的方法。最后學(xué)習(xí)導(dǎo)出影片。2、教學(xué)方法:講解完成后,發(fā)有問題的影片讓同學(xué)們進(jìn)行優(yōu)化和測試,然后根據(jù)同學(xué)們在測試及優(yōu)化影片的過程中出現(xiàn)的問題再進(jìn)行補(bǔ)充講解。3、教學(xué)手段:結(jié)合實(shí)例進(jìn)行上機(jī)操作。4、教學(xué)資料及要求:課前要求學(xué)生下載一段自己喜歡的視頻。教學(xué)內(nèi)容37/47網(wǎng)頁設(shè)計(jì)及制作電子教案知識回顧:上一課時講的ActionScript語句常用知識?討論問題:1、對影片進(jìn)行測試和優(yōu)化有什么作用?2、如何對影片進(jìn)行測試?第14章測試及導(dǎo)出影片14.1影片優(yōu)化和測試14.1.1影片的優(yōu)化14.1.2測試影片下載性能14.1.3

35、影片的調(diào)試14.1.4“輸出”面板14.1.5應(yīng)用舉例優(yōu)化及測試“春天”動畫14.2導(dǎo)出影片14.2.1導(dǎo)出影片14.2.2導(dǎo)出圖像14.2.3應(yīng)用舉例導(dǎo)出“風(fēng)景”動畫14.3上機(jī)及項(xiàng)目實(shí)訓(xùn)14.3.1測試及導(dǎo)出影片14.3.2測試及導(dǎo)出圖像14.4練習(xí)及提高本課小結(jié)1、掌握影片的測試及優(yōu)化的方法。2、掌握的影片的導(dǎo)出方法。思考題(1)對影片進(jìn)行優(yōu)化主要是對哪幾個方面進(jìn)行優(yōu)化?38/47網(wǎng)頁設(shè)計(jì)及制作電子教案及作業(yè)(2)影片導(dǎo)出時支持哪些格式?39/47網(wǎng)頁設(shè)計(jì)及制作電子教案電子教案課程:第15章文字和圖層應(yīng)用課時內(nèi)文字和圖層應(yīng)授課時學(xué)時數(shù)3容教學(xué)目標(biāo)用間掌握文字的創(chuàng)建和編輯掌握圖層的概念和基

36、本操作方法掌握圖層的混合模式教學(xué)重文字的編輯及圖層的基本操作點(diǎn)教學(xué)難圖層混合模式的應(yīng)用點(diǎn)教學(xué)設(shè)1、教學(xué)思路:首先,讓同學(xué)們說說對創(chuàng)建的文字一般會進(jìn)行哪計(jì)些方面的編輯,然后進(jìn)行系統(tǒng)地介紹創(chuàng)建和編輯文字的方法。最后了解圖層的含義,學(xué)習(xí)圖層的基本操作方法和圖層混合模式的應(yīng)用。2、教學(xué)方法:先讓同學(xué)們對創(chuàng)建文字的過程和圖層的應(yīng)用有基本的了解,然后在通過例子具體的講解,分析。3、教學(xué)手段:結(jié)合實(shí)例進(jìn)行上機(jī)操作。4、教學(xué)資料及要求:課前要求學(xué)生從網(wǎng)上下載一些通過Photoshop制作的圖像,但圖像中必須包含有文本效果。40/47網(wǎng)頁設(shè)計(jì)及制作電子教案教學(xué)內(nèi)容知識回顧:上一課時講的影片的測試及優(yōu)化?討論問題

37、:1、如何創(chuàng)建文字?2、如何對創(chuàng)建的文字進(jìn)行編輯?第15章文字和圖層的應(yīng)用15.1創(chuàng)建文字15.1.1文字工具15.1.2創(chuàng)建文字15.1.3文字選區(qū)的創(chuàng)建15.1.4文字的變形15.1.5應(yīng)用舉例特殊文字效果15.2圖層的應(yīng)用15.2.1圖層的概念15.2.2圖層的基本操作15.2.3圖層的混合模式15.2.4應(yīng)用舉例背景特效制作15.3上機(jī)及項(xiàng)目實(shí)訓(xùn)15.3.1制作水晶按鈕15.3.2給頭發(fā)上色15.4練習(xí)及提高本課小1、掌握文字的創(chuàng)建過程。41/47網(wǎng)頁設(shè)計(jì)及制作電子教案結(jié)2、了解圖層的基本操作。3、掌握圖層混合模式的應(yīng)用。思考題(1)圖層的含義是什么?及作業(yè)(2)如何利用圖層的混合模式制作火環(huán)效果?(3)如何利用文字工具和圖層樣式制作水晶字效果?(4)常用的新建圖層的方法有哪些?(5)圖層的混合模式分為哪幾種?42/47網(wǎng)頁設(shè)計(jì)及制作電子教案電子教案課程:第16章路徑、色彩和通道應(yīng)用課時內(nèi)路徑、色彩和通道授課時間學(xué)時數(shù)3容應(yīng)用教學(xué)目標(biāo)了解路徑的概念掌握路徑工具的使用和路徑的編輯方法掌握調(diào)整圖像的色彩和色調(diào)的方法了解散通道的概念和基本操作方法了解專色通道的概念教學(xué)重認(rèn)識路徑、色彩和通道點(diǎn)教學(xué)難路徑、色彩和通道的使用點(diǎn)教學(xué)設(shè)1、教學(xué)思路:首先,讓同學(xué)們認(rèn)識路徑、色彩和通道,然后

溫馨提示

  • 1. 本站所有資源如無特殊說明,都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等,如果需要附件,請聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙,網(wǎng)頁內(nèi)容里面會有圖紙預(yù)覽,若沒有圖紙預(yù)覽就沒有圖紙。
  • 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
  • 5. 人人文庫網(wǎng)僅提供信息存儲空間,僅對用戶上傳內(nèi)容的表現(xiàn)方式做保護(hù)處理,對用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯,并不能對任何下載內(nèi)容負(fù)責(zé)。
  • 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容,請與我們聯(lián)系,我們立即糾正。
  • 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時也不承擔(dān)用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。

評論

0/150

提交評論