網(wǎng)頁設(shè)計與制作電子教案[共29頁]

《網(wǎng)頁設(shè)計與制作電子教案[共29頁]》由會員分享，可在線閱讀，更多相關(guān)《網(wǎng)頁設(shè)計與制作電子教案[共29頁]（29頁珍藏版）》請在裝配圖網(wǎng)上搜索。

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

2、絡(luò)進行教學(xué)。4、 教學(xué)資料及要求：課前要求學(xué)生先大致瀏覽本書內(nèi)容，對本書所要講解的內(nèi)容有個基本的了解。教學(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.3 HTML的組成結(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)用舉例實戰(zhàn)網(wǎng)頁制作流程1.3 網(wǎng)頁制作軟件的啟動與退出1.3.1 網(wǎng)頁制作軟件的啟動1.3.2 文

3、件的打開1.3.3 網(wǎng)頁制作軟件的退出1.3.4 應(yīng)用舉例啟動并退出Photoshop CS31.4 上機及項目實訓(xùn)1.4.1 Flash CS3的啟動與退出1.4.2 制作“藍蓮花”網(wǎng)頁1.5 練習(xí)與提高本課小結(jié)1、 了解網(wǎng)頁的組成。2、 掌握HTML的組成結(jié)構(gòu)及語法。3、 認識制作網(wǎng)頁時常用到的一些軟件4、 掌握網(wǎng)頁的基本操作思考題及作業(yè)（1）HTML文檔結(jié)構(gòu)由哪幾部分組成？（2）制作網(wǎng)頁時常用軟件有哪些？（3）如何啟動和退出Dreamweaver CS3？（4）如何打開Flash文件？（5）如何退出Photoshop？電子教案課程： 第2章 Dreamweaver CS5基本操作 課時內(nèi)

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

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

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

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

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

9、法進行詳細講解。4、教學(xué)資料及要求：課前要求學(xué)生了解布局頁面常用到的對象有哪些。教學(xué)內(nèi)容知識回顧：上一課時講的在網(wǎng)頁中插入對象與編輯對象的方法？討論問題：1、為什么要使用表格和框架布局頁面呢？ 2、這樣做對網(wǎng)頁的整體效果起什么作用？ 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)建細線表格4.2 使用框架布局網(wǎng)頁4.2.1 創(chuàng)建框架網(wǎng)頁4.2.2 拆分框架4.2.3 保存框架和框架集4.2.4

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

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

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

13、用方法。思考題及作業(yè)（1）在頁面中如何創(chuàng)建多個嵌套AP Div？（2）如何在頁面上設(shè)置行為動作？（3）如何繪制AP Div？（4）主要的行為動作有哪些？電子教案課程： 第6章 創(chuàng)建表單 課時內(nèi)容創(chuàng)建表單授課時間學(xué)時數(shù)2教學(xué)目標 了解表單域和表單對象的概念 掌握表單對象的創(chuàng)建和屬性設(shè)置教學(xué)重點認識表單教學(xué)難點創(chuàng)建表單對象教學(xué)設(shè)計1、教學(xué)思路：首先，先講表單的概念和一些簡單認識。然后進行系統(tǒng)地介紹表單對象的創(chuàng)建方法。最后學(xué)習(xí)制作簡單的表單頁面。2、教學(xué)方法：上課前可以先出一道與上章知識有關(guān)的思考題，題要比較靈活，這樣可考驗下同學(xué)們的思維能力。3、教學(xué)手段：利用多媒體并結(jié)合實例進行教學(xué)。4、教學(xué)資料

14、及要求：課前要求學(xué)生復(fù)習(xí)上一章所講過的知識。教學(xué)內(nèi)容知識回顧：上一課時講的AP Div和行為的使用方法？討論問題：1、為什么要創(chuàng)建表單？ 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 上機及項目實訓(xùn)6.3.1 制作注冊表單頁面6.3.2 制作搜索表單6.4 練習(xí)與提高本課小結(jié)1、掌握表單

15、的概念。2、掌握創(chuàng)建表單對象的方法。思考題及作業(yè)（1）在頁面中插入文本域的方法是什么？（2）如何創(chuàng)建單選按鈕組？（3）創(chuàng)建圖像域有什么作用？（4）如何讓創(chuàng)建跳轉(zhuǎn)菜單和滾動列表？電子教案課程： 第7章 CSS與多媒體的應(yīng)用 課時內(nèi)容CSS與多媒體的應(yīng)用授課時間學(xué)時數(shù)3教學(xué)目標 掌握創(chuàng)建CSS樣式表的方法 掌握應(yīng)用CSS樣式的方法 了解多媒體和Flash文件類型 掌握插入多媒體對象的方法 掌握使用CSS樣式和Flash制作網(wǎng)頁的方法教學(xué)重點創(chuàng)建和應(yīng)用CSS的方法以及多媒體的應(yīng)用教學(xué)難點CSS屬性的設(shè)置教學(xué)設(shè)計1、教學(xué)思路：首先，讓同學(xué)說說對多媒體的理解。然后在詳細地講解CSS在網(wǎng)頁中的應(yīng)用。最后學(xué)

16、習(xí)插入Flash動畫和影片的方法。2、教學(xué)方法：本章內(nèi)容講解完后，可讓同學(xué)們根據(jù)自己下載的Flash動畫和影片制作一個網(wǎng)頁。3、教學(xué)手段：結(jié)合實例進行上機操作。4、教學(xué)資料及要求：課前要求學(xué)生從網(wǎng)上下載一些Flash動畫和簡短的影片。教學(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 認識“CSS樣式”面板7.1.2 新建CSS樣式7.1.3 CSS屬性7.1.4 應(yīng)用自定義樣式7.1.5 鏈接到外部樣式表7.1.6 應(yīng)用舉例新建CSS樣式7.2 網(wǎng)

17、頁中多媒體的應(yīng)用7.2.1 多媒體的概念7.2.2 Flash文件類型7.2.3 插入Flash動畫7.2.4 插入Shockwave影片7.2.5 應(yīng)用舉例在頁面中插入Flash動畫7.3 上機及項目實訓(xùn)7.3.1 制作“娃娃網(wǎng)”周年網(wǎng)頁7.3.2 制作“SHOW廣告動畫”網(wǎng)頁7.4 練習(xí)與提高本課小結(jié)1、掌握新建CSS樣式的方法。2、掌握設(shè)置CSS屬性的方法。3、掌握多媒體在網(wǎng)頁中的應(yīng)用。思考題及作業(yè)（1）CSS的主要作用是什么？（2）如何在頁面中鏈接所創(chuàng)建的樣式？（3）新建CSS樣式的方法有哪些？（4）設(shè)置CSS樣式的屬性包括那幾個方面？電子教案課程： 第8章 Flash CS3基礎(chǔ) 課

18、時內(nèi)容Flash CS3基礎(chǔ)授課時間學(xué)時數(shù)1教學(xué)目標 認識Flash動畫 了解Flash CS3的工作界面 掌握Flash文檔的創(chuàng)建和保存教學(xué)重點Flash動畫的應(yīng)用和其文檔的基本操作教學(xué)難點認識Flash CS3的工作界面教學(xué)設(shè)計1、教學(xué)思路：首先，先講Flash動畫在網(wǎng)頁中起什么作用，能使網(wǎng)頁達到一個什么效果。然后進行系統(tǒng)地介紹Flash動畫的應(yīng)用和認識Flash CS3工作界面。最后學(xué)習(xí)Flash文檔的基本操作方法。2、教學(xué)方法：讓同學(xué)們以小組的形式進行討論Flash動畫的應(yīng)用領(lǐng)域。3、教學(xué)手段：利用多媒體并結(jié)合網(wǎng)頁中插入的Flash動畫進行講解。4、教學(xué)資料及要求：課前要求學(xué)生預(yù)習(xí)本章

19、內(nèi)容。教學(xué)內(nèi)容知識回顧：上一課時講的CSS與多媒體在網(wǎng)頁中的應(yīng)用？討論問題：1、Flash動畫具體是指什么？ 2、在網(wǎng)頁中起什么作用？第8章 Flash CS3基礎(chǔ)8.1 認識Flash動畫8.1.1 Flash動畫的原理及應(yīng)用領(lǐng)域8.1.2 Flash動畫在網(wǎng)頁方面的應(yīng)用8.1.3 認識Flash CS3工作界面8.1.4 應(yīng)用舉例設(shè)置文檔屬性8.2 Flash文檔的基本操作8.2.1 Flash文檔的創(chuàng)建8.2.2 Flash文檔的保存8.2.3 Flash文檔的打開8.2.4 應(yīng)用舉例新建Flash廣告動畫8.3 上機及項目實訓(xùn)8.3.1 制作“gongzhu”Flash文檔8.3.2

20、制作SHOW文檔8.4 練習(xí)與提高本課小結(jié)1、了解Flash的應(yīng)用領(lǐng)域。2、認識Flash CS3的工作界面。3、掌握Flash文檔的基本操作。思考題及作業(yè)（1）Flash主要應(yīng)用于哪些方面？（2）Flash CS3的工作界面由哪幾部分組成？（3）如何新建一個Flash動畫？（4）打開和關(guān)閉Flash CS3的方法分別有哪些？（5）如何預(yù)覽動畫效果？電子教案課程： 第9章 繪制Flash圖像 課時內(nèi)容繪制Flash圖像授課時間學(xué)時數(shù)2教學(xué)目標 了解繪圖工具的使用 掌握圖像的編輯和導(dǎo)入方法 掌握“濾鏡”面板的使用方法教學(xué)重點繪圖工具和“濾鏡”面板的使用教學(xué)難點繪制圖像教學(xué)設(shè)計1、教學(xué)思路：首先，

21、讓同學(xué)們先看一些通過Flash繪制的圖像效果。然后進行系統(tǒng)地介紹工具箱中各工具的使用方法和作用以及圖像的編輯與導(dǎo)入操作。最后學(xué)習(xí)創(chuàng)建特殊效果的方法。2、教學(xué)方法：選擇網(wǎng)頁制作軟件Dreamweave和Flash進行比較講解，既可以復(fù)習(xí)前面講過的知識，又可以很快的掌握本章所講知識。3、教學(xué)手段：結(jié)合前面講過的知識并利用多媒體進行教學(xué)。4、教學(xué)資料及要求：課前要求學(xué)生復(fù)習(xí)Dreamweave那章的知識。教學(xué)內(nèi)容知識回顧：上一課時講的Flash動畫的應(yīng)用領(lǐng)域和基本操作方法？討論問題：1、Dreamweave和Flash的相同點和不同點各是什么？ 2、Flash與其他網(wǎng)頁制作軟件比其優(yōu)點是什么？第9章

22、 繪制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 上機及項目實訓(xùn)9.4.1 繪制鼠標圖形9.4.2 繪制水果拼盤9.5 練習(xí)與提高本課小結(jié)1、了解工具箱中各工具的用法及作用2、掌握圖像的導(dǎo)入及編輯操作3、掌握圖像特殊效果的創(chuàng)建方法思考題及作業(yè)（1）工具箱由哪幾部分組成？（2）矢量圖和位

23、圖的含義及其特點？（3）在Flash中如何讓導(dǎo)入圖片？（4）如何將導(dǎo)入的位圖轉(zhuǎn)換為矢量圖？（5）如何通過“濾鏡”面板創(chuàng)建模糊效果的文字？電子教案課程： 第10章 元件和“庫”面板 課時內(nèi)容元件和“庫”面板授課時間學(xué)時數(shù)2教學(xué)目標 掌握元件的創(chuàng)建方式 認識“庫”面板 “庫”面板的使用與管理教學(xué)重點元件的創(chuàng)建方式和“庫”面板的使用教學(xué)難點元件的創(chuàng)建與使用教學(xué)設(shè)計1、教學(xué)思路：首先，讓同學(xué)們認識元件，然后在系統(tǒng)地進行介紹元件的創(chuàng)建、使用以及認識“庫“面板，最后學(xué)習(xí)哭的管理和使用。2、教學(xué)方法：可以通過實例對不同的元件進行操作使用。3、教學(xué)手段：結(jié)合實例進行上機操作。4、教學(xué)資料及要求：課前要求學(xué)生預(yù)

24、習(xí)下章內(nèi)容。教學(xué)內(nèi)容知識回顧：上一課時講的繪制Flash圖像的操作方法？討論問題：1、元件的含義是什么？ 2、如何進行庫的管理？第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 認識“庫”面板10.2.2 庫的管理和使用10.2.3 應(yīng)用舉例清理未用項目10.3 上機及項目實訓(xùn)10.3.1 繪制Logo型按鈕10.3.2 創(chuàng)建縮放動畫10.4 練習(xí)與提高本課小結(jié)1、掌握元件的概念及創(chuàng)建元件2、了解“庫”面板的使用及管理思考題及作業(yè)（1

25、）Flash中可以創(chuàng)建的元件有哪幾種類型？（2）通過什么方式可以將圖形轉(zhuǎn)換為圖形元件？（3）如何將“庫”面板中的圖形文件拖到編輯區(qū)域中？電子教案課程： 第11章 用時間軸創(chuàng)建動畫 課時內(nèi)容用時間軸創(chuàng)建動畫授課時間學(xué)時數(shù)3教學(xué)目標 了解時間軸的組成 幀和關(guān)鍵幀的創(chuàng)建及屬性設(shè)置方法 了解創(chuàng)建動畫的類型和方法 使用引導(dǎo)層和遮罩層創(chuàng)建動畫教學(xué)重點時間軸與關(guān)鍵幀教學(xué)難點通過時間軸創(chuàng)建動畫教學(xué)設(shè)計1、教學(xué)思路：首先，讓同學(xué)們先了解時間軸的組成部分。然后在系統(tǒng)地介紹在時間軸中插入幀和創(chuàng)建動畫的方法。最后學(xué)習(xí)特殊圖層的應(yīng)用。2、教學(xué)方法：可先上同學(xué)們看一些通過時間軸創(chuàng)建的動畫效果。3、教學(xué)手段：可采用比較典型

26、的例子進行上機操作講解。4、教學(xué)資料及要求：課前要求學(xué)生們對前面講過的知識動手進行操作。教學(xué)內(nèi)容知識回顧：上一課時講的元件和“庫“面板的使用？討論問題：1、為什么本章的重點是時間軸的使用呢？ 2、為什么要用時間軸創(chuàng)建動畫？第11章 用時間軸創(chuàng)建動畫11.1 時間軸與關(guān)鍵幀11.1.1 時間軸的組成11.1.2 時間軸中的圖層11.1.3 插入幀11.1.4 應(yīng)用舉例插入幀11.2 創(chuàng)建動畫11.2.1 逐幀動畫11.2.2 補間動畫11.2.3 應(yīng)用舉例文本特效動畫11.3 特殊圖層的應(yīng)用11.3.1 引導(dǎo)層11.3.2 遮罩層11.3.3 應(yīng)用舉例望遠鏡中的飛鳥11.4 上機及項目實訓(xùn)11.

27、5 練習(xí)與提高本課小結(jié)1、掌握插入幀的方法。2、掌握創(chuàng)建逐幀動畫的方法。 3、了解特殊圖層的應(yīng)用思考題及作業(yè)（1）時間軸由哪幾部分組成？（2）根據(jù)動畫樣式的不同，補間動畫可以分為哪兩種類型？（3）創(chuàng)建動畫補間可以通過哪幾種方式？（4）建引導(dǎo)層的方法有哪幾種？精彩文檔電子教案課程： 第12章 導(dǎo)入聲音和視頻 課時內(nèi)容導(dǎo)入聲音和視頻授課時間學(xué)時數(shù)2教學(xué)目標 了解聲音的類型和可以導(dǎo)入的視頻格式 掌握聲音和視頻的導(dǎo)入方法 了解聲音和音效的設(shè)置方法教學(xué)重點導(dǎo)入聲音和視頻教學(xué)難點處理聲音教學(xué)設(shè)計1、教學(xué)思路：首先，讓同學(xué)們說說導(dǎo)入聲音和視頻的方法。然后進行系統(tǒng)地介紹對導(dǎo)入的聲音進行處理的方法。最后學(xué)習(xí)導(dǎo)入

28、視頻。2、教學(xué)方法：可以先放一些聲音或簡短的視頻，這樣同學(xué)們可以很輕松的融入學(xué)習(xí)中。3、教學(xué)手段：利用多媒體并結(jié)合相關(guān)實例進行教學(xué)。4、教學(xué)資料及要求：課前要求學(xué)生從網(wǎng)上下載不同格式的聲音和視頻。教學(xué)內(nèi)容知識回顧：上一課時講的使用時間軸創(chuàng)建動畫？討論問題：1、常見的聲音和視頻格式有哪些？ 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)用舉

29、例設(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 上機及項目實訓(xùn)12.4.1 導(dǎo)入聲音及視頻12.4.2 導(dǎo)入視頻12.5 練習(xí)與提高本課小結(jié)1、 掌握導(dǎo)入聲音和視頻的方法。2、 了解可導(dǎo)入的聲音和視頻格式3、 設(shè)置聲音屬性和音效的方法。思考題及作業(yè)（1）聲音分為哪兩種類型？（2）通過哪些方式可以打開“聲音屬性”對話框？（3）可導(dǎo)入的視頻格式有哪些？（4）如何為添加的聲音設(shè)置效果？電子教案課程： 第13章 使用ActionScript語句 課時內(nèi)容使用ActionScript語句授課時間學(xué)時數(shù)2教學(xué)目標 了

30、解ActionScript的類型 了解函數(shù)、變量和運算符的運用 認識常用的ActionScript 2.0命令語句教學(xué)重點ActionScript語句教學(xué)難點ActionScript語句的使用教學(xué)設(shè)計1、教學(xué)思路：首先，讓同學(xué)們先知道ActionScript的含義。然后進行系統(tǒng)地介紹ActionScript的使用以及基本的語法知識。最后學(xué)習(xí)一些常見ActionScript語句的使用。2、教學(xué)方法：這章內(nèi)容可能會使同學(xué)們感到枯燥，上課前可先花幾分鐘時間和同學(xué)們聊聊最近的一些事。3、教學(xué)手段：利用多媒體進行教學(xué)。4、教學(xué)資料及要求：課前要求學(xué)生先預(yù)習(xí)下本章的內(nèi)容。教學(xué)內(nèi)容知識回顧：上一課時講的聲音

31、屬性和音效的設(shè)置？討論問題：1、什么是ActionScrip語句？ 2、它和我們平時語文和英語中所講的語句有何不同？第13章 使用ActionScript語句13.1 ActionScript概述13.1.1 ActionScript 3.0的特性13.1.2 輸入代碼13.1.3 應(yīng)用舉例控制影片的停止和播放13.2 ActionScript語句基礎(chǔ)13.2.1 變量13.2.2 數(shù)據(jù)類型13.2.3 ActionScript語句的基本語法13.2.4 運算符13.2.5 處理對象13.2.6 應(yīng)用舉例創(chuàng)建文本跟隨鼠標移動的動畫效果13.3 常見的ActionScript語句13.3.1 播

32、放控制13.3.2 播放跳轉(zhuǎn)13.3.3 條件語句13.3.4 循環(huán)語句13.3.5 應(yīng)用舉例重播動畫13.4 上機及項目實訓(xùn)13.4.1 制作可拖動的小球動畫13.4.2 制作星空閃爍動畫13.5 練習(xí)與提高本課小結(jié)1、 了解ActionScript的基本知識。2、 了解ActionScript語句的組成和語法規(guī)則3、 掌握常見的ActionScript語句。思考題及作業(yè)（1）ActionScript 3.0的特性表現(xiàn)在哪些方面？（2）如何使用按鈕控制影片的停止和播放？（3）在Flash CS3中為變量命名時必須遵循哪些原則？（4）ActionScript語句的基本語法包括哪些？（5）如何為

33、影片添加播放控制和播放跳轉(zhuǎn)腳本命令？電子教案課程： 第14章 測試及導(dǎo)出影片 課時內(nèi)容測試及導(dǎo)出影片授課時間學(xué)時數(shù)1教學(xué)目標 掌握影片的優(yōu)化和測試方法 了解影片的導(dǎo)出格式 了解影片和圖像的導(dǎo)出方法教學(xué)重點對影片的優(yōu)化教學(xué)難點對影片進行測試教學(xué)設(shè)計1、教學(xué)思路：首先，讓同學(xué)們先了解測試及優(yōu)化影片有的作用。然后進行系統(tǒng)地介紹優(yōu)化與測試影片的方法。最后學(xué)習(xí)導(dǎo)出影片。2、教學(xué)方法：講解完成后，發(fā)有問題的影片讓同學(xué)們進行優(yōu)化和測試，然后根據(jù)同學(xué)們在測試與優(yōu)化影片的過程中出現(xiàn)的問題再進行補充講解。3、教學(xué)手段：結(jié)合實例進行上機操作。4、教學(xué)資料及要求：課前要求學(xué)生下載一段自己喜歡的視頻。教學(xué)內(nèi)容知識回顧：

34、上一課時講的ActionScript語句常用知識？討論問題：1、對影片進行測試和優(yōu)化有什么作用？ 2、如何對影片進行測試？第14章 測試及導(dǎo)出影片14.1 影片優(yōu)化和測試14.1.1 影片的優(yōu)化14.1.2 測試影片下載性能14.1.3 影片的調(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 上機及項目實訓(xùn)14.3.1 測試及導(dǎo)出影片14.3.2 測試與導(dǎo)出圖像14.4 練習(xí)與提高本課小結(jié)1、 掌握影片的測試與優(yōu)化的方法。2、 掌握的影片的導(dǎo)出方法。思考題及作業(yè)

35、（1）對影片進行優(yōu)化主要是對哪幾個方面進行優(yōu)化？（2）影片導(dǎo)出時支持哪些格式？電子教案課程： 第15章 文字和圖層應(yīng)用 課時內(nèi)容文字和圖層應(yīng)用授課時間學(xué)時數(shù)3教學(xué)目標 掌握文字的創(chuàng)建和編輯 掌握圖層的概念和基本操作方法 掌握圖層的混合模式教學(xué)重點文字的編輯與圖層的基本操作教學(xué)難點圖層混合模式的應(yīng)用教學(xué)設(shè)計1、教學(xué)思路：首先，讓同學(xué)們說說對創(chuàng)建的文字一般會進行哪些方面的編輯，然后進行系統(tǒng)地介紹創(chuàng)建和編輯文字的方法。最后了解圖層的含義，學(xué)習(xí)圖層的基本操作方法和圖層混合模式的應(yīng)用。2、教學(xué)方法：先讓同學(xué)們對創(chuàng)建文字的過程和圖層的應(yīng)用有基本的了解，然后在通過例子具體的講解，分析。3、教學(xué)手段：結(jié)合實例

36、進行上機操作。4、教學(xué)資料及要求：課前要求學(xué)生從網(wǎng)上下載一些通過Photoshop制作的圖像，但圖像中必須包含有文本效果。教學(xué)內(nèi)容知識回顧：上一課時講的影片的測試與優(yōu)化？討論問題：1、如何創(chuàng)建文字？ 2、如何對創(chuàng)建的文字進行編輯？第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 上機及項目實訓(xùn)15.3.1 制作水晶按鈕15.3.2

37、 給頭發(fā)上色15.4 練習(xí)與提高本課小結(jié)1、掌握文字的創(chuàng)建過程。2、了解圖層的基本操作。3、 掌握圖層混合模式的應(yīng)用。思考題及作業(yè)（1）圖層的含義是什么？（2）如何利用圖層的混合模式制作火環(huán)效果？（3）如何利用文字工具和圖層樣式制作水晶字效果？（4）常用的新建圖層的方法有哪些？（5）圖層的混合模式分為哪幾種？電子教案課程： 第16章 路徑、色彩和通道應(yīng)用 課時內(nèi)容路徑、色彩和通道應(yīng)用授課時間學(xué)時數(shù)3教學(xué)目標 了解路徑的概念 掌握路徑工具的使用和路徑的編輯方法 掌握調(diào)整圖像的色彩和色調(diào)的方法 了解散通道的概念和基本操作方法 了解專色通道的概念教學(xué)重點認識路徑、色彩和通道教學(xué)難點路徑、色彩和通道的

38、使用教學(xué)設(shè)計1、教學(xué)思路：首先，讓同學(xué)們認識路徑、色彩和通道，然后在詳細地講解它們的使用方法，最后通過例子進行補充講解2、教學(xué)方法：讓同學(xué)們先看一些未使用路徑、色彩和通道的圖片，然后在看些使用路徑、色彩和通道的圖片，對其進行比較講解。3、教學(xué)手段：利用多媒體并結(jié)合實例進行教學(xué)。4、教學(xué)資料及要求：課前要求學(xué)生復(fù)習(xí)本書所有講過的內(nèi)容。教學(xué)內(nèi)容知識回顧：上一課時講的文字和圖層的應(yīng)用？討論問題：1、路徑、色彩和通道各部分起什么作用？ 2、對圖片有什么影響？第16章 路徑、色彩和通道應(yīng)用16.1 創(chuàng)建路徑16.1.1 路徑的概念16.1.2 路徑工具的使用16.1.3 編輯路徑16.1.4 應(yīng)用舉例繪

39、制網(wǎng)站Logo16.2 調(diào)整圖像色彩和色調(diào)16.2.1 調(diào)整圖像的色彩16.2.2 調(diào)整圖像的色調(diào)16.2.3 應(yīng)用舉例校正網(wǎng)頁中的偏色圖片16.3 通道16.3.1 通道的概念16.3.2 通道的操作16.3.3 專色通道16.3.4 應(yīng)用舉例對網(wǎng)頁中的圖片進行處理16.4 上機及項目實訓(xùn)16.4.1 制作網(wǎng)頁中Banner16.4.2 改變衣服的顏色16.5 練習(xí)與提高本課小結(jié)1、 掌握路徑的基本知識與編輯方法。2、 掌握調(diào)整圖片色調(diào)和色彩的方法。3、 掌握通道的操作方法。思考題及作業(yè)（1）路徑和通道的含義各是什么？（2）對繪制完的路徑一般要進行哪些編輯操作？（3）通道的操作一般包含哪些方

40、面？（4）如何繪制一個企業(yè)網(wǎng)站的Logo？電子教案課程： 第17章 項目設(shè)計案例 課時內(nèi)容項目設(shè)計案例授課時間學(xué)時數(shù)3教學(xué)目標 掌握用Photoshop制作網(wǎng)頁圖像素材 掌握用Flash CS3創(chuàng)建網(wǎng)頁導(dǎo)航條 掌握用Dreamweaver CS3創(chuàng)建站點和網(wǎng)頁教學(xué)重點制作網(wǎng)頁教學(xué)難點合理利用Photoshop、Flash CS3、Dreamweaver CS3制作網(wǎng)頁所需素材教學(xué)設(shè)計1、教學(xué)思路：首先，讓同學(xué)們先復(fù)習(xí)前面所學(xué)知識。然后進行系統(tǒng)地介紹制作網(wǎng)頁的全部過程。最后學(xué)習(xí)制作網(wǎng)頁。2、教學(xué)方法：先欣賞一些網(wǎng)頁，最后讓同學(xué)們自己動手制作一個完整的網(wǎng)頁。3、教學(xué)手段：利用多媒體對相關(guān)實例進行分

41、析操作。4、教學(xué)資料及要求：課前要求學(xué)生從網(wǎng)上收集一些制作網(wǎng)頁所需要的一些素材。教學(xué)內(nèi)容知識回顧：上一課時講的路徑、色調(diào)和通道的使用？討論問題：1、Photoshop能為網(wǎng)頁提供的素材包含哪些方面？ 2、Photoshop在網(wǎng)頁中起什么作用？第17章 項目設(shè)計案例17.1 項目目標17.2 項目分析17.3 實現(xiàn)過程17.3.1 用Photoshop制作網(wǎng)頁圖像素材17.3.2 使用Flash CS3制作網(wǎng)頁導(dǎo)航條17.3.3 用Dreamweaver CS3制作網(wǎng)頁17.4 練習(xí)與提高本課小結(jié)1、 掌握制作圖像素材的方法。2、 掌握制作網(wǎng)頁導(dǎo)航條的方法。3、 掌握制作網(wǎng)頁的方法。思考題及作業(yè)（1）本章使用Photoshop導(dǎo)出的切片應(yīng)用在網(wǎng)頁的什么部分？（2）在制作網(wǎng)頁中設(shè)置Flash的參數(shù)為透明有什么作用？（3）如何制作網(wǎng)頁？