網(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ǔ) 授課時間 學時數(shù) 2 教學目標 了解HTML的組成和語法 了解網(wǎng)頁制作的常用軟件 掌握網(wǎng)頁制作軟件的啟動和退出方法 教學重點 網(wǎng)頁制作的一些基本知識 教學難點 HTML的組成和語法 教學設(shè)計 1、 教學思路：首先，讓同學們說說他們對網(wǎng)頁的一個認識。然后進行系統(tǒng)地介紹網(wǎng)頁是什么，由哪些部分組成，還有網(wǎng)頁制作時所需掌握的一些基礎(chǔ)知識和制作網(wǎng)頁時常用到的一些軟件。最后學習網(wǎng)頁制作軟件的啟動和退出方法。 2、 教學方法：先登錄一些常用的網(wǎng)站，讓同學們看一些網(wǎng)頁，

2、然后讓同學們說下他們度網(wǎng)頁的認識，最后才開始講解本周內(nèi)容。 3、 教學手段：利用多媒體并結(jié)合網(wǎng)絡(luò)進行教學。 4、 教學資料及要求：課前要求學生先大致瀏覽本書內(nèi)容，對本書所要講解的內(nèi)容有個基本的了解。 教學內(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 什么是HTML 1.1.3 HTML的組成結(jié)構(gòu)及語法 1.1.4 應(yīng)用舉例——使用記事本編寫網(wǎng)頁 1.2 網(wǎng)頁制作的常用軟件 1.2.1

3、 圖形圖像處理軟件 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 文件的打開 1.3.3 網(wǎng)頁制作軟件的退出 1.3.4 應(yīng)用舉例——啟動并退出 Photoshop CS3 1.4 上機及項目實訓 1.4.1 Flash CS3的啟動與退出 1.4.2 制作“藍蓮花”網(wǎng)頁 1.5 練習與提高 本課小結(jié) 1、 了解網(wǎng)頁的組成。 2、 掌握HTML的組成結(jié)構(gòu)及語法。 3、 認識

4、制作網(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)容 Dreamweaver CS5基本操作 授課時間 學時數(shù) 2 教學目標 認識Dreamweaver CS5的工作界面 掌握網(wǎng)頁文檔的基本操作方法 掌握頁面屬性的設(shè)置 掌握設(shè)置并

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

6、：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）預覽網(wǎng)頁效果一般會注意哪些方面？ （2）如何創(chuàng)建和規(guī)劃站點？ （3）如何創(chuàng)建站點文件和文件夾？ （4）設(shè)置頁面屬

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

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

9、 1、 掌握在網(wǎng)頁中插入對象的方法。 2、 掌握在網(wǎng)頁中編輯對象的方法。 3、 了解在網(wǎng)頁中創(chuàng)建超級鏈接的方法。 思考題及作業(yè) （1）如何在頁面中插入圖像？ （2）如何在頁面中創(chuàng)建一個錨記鏈接？ （3）如何為自己的郵箱創(chuàng)建電子郵件鏈接？ 電子教案 課程： 第4章 布局頁面 課時內(nèi)容 布局頁面 授課時間 學時數(shù) 2 教學目標 掌握插入和編輯的表格方法 認識布局視圖模式 掌握布局單元格和布局表格的創(chuàng)建和編輯 掌握框架的使用方法 教學重點 創(chuàng)建以及編輯表格和框架的方法 教學難點 設(shè)置表格及框架的屬性 教學設(shè)

10、計 1、 教學思路：首先，讓同學們先說說對插入的表格可以進行哪些編輯操作。然后進行系統(tǒng)地介紹在網(wǎng)頁中插入表格和創(chuàng)建框架的方法。最后學習對插入表格和創(chuàng)建的框架進行編輯操作。 2、教學方法：講課前可以先講一個與網(wǎng)頁有關(guān)的小故事或做一個小游戲，活躍下氣氛，帶動同學們的積極性。 3、教學手段：利用多媒體，對表格和框架的編輯方法進行詳細講解。 4、教學資料及要求：課前要求學生了解布局頁面常用到的對象有哪些。 教學內(nèi)容 知識回顧：上一課時講的在網(wǎng)頁中插入對象與編輯對象的方法？ 討論問題：1、為什么要使用表格和框架布局頁面呢？ 2、這樣做對網(wǎng)頁的整體效果起什么作用？

11、 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 刪除框架 4.2.5 設(shè)置框架集及框架的屬性 4.2.6 應(yīng)用舉例——制作網(wǎng)站后臺框架頁面 4.3 上機及項目

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

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

14、何對其進行操作？ 第5章 使用AP Div和行為 5.1 AP Div的創(chuàng)建和設(shè)置 5.1.1 創(chuàng)建AP Div 5.1.2 AP Div的“屬性”面板 5.1.3 “AP元素”面板 5.1.4 應(yīng)用舉例——創(chuàng)建AP Div 5.2 AP Div的基本操作 5.2.1 選擇AP Div 5.2.2 調(diào)整AP Div的大小 5.2.3 移動AP Div 5.2.4 對齊AP Div 5.2.5 應(yīng)用舉例——使用AP Div布局頁面 5.3 行為的基本操作 5.3.1 認識行為和事件 5.3.2 “行為”面板 5.3.3 內(nèi)置行為

15、動作的應(yīng)用 5.3.4 應(yīng)用舉例——設(shè)置狀態(tài)欄文本 5.4 上機及項目實訓 5.4.1 繪制AP Div 5.4.2 制作圖像跳轉(zhuǎn)網(wǎng)頁 5.5 練習與提高 本課小結(jié) 1、掌握創(chuàng)建和設(shè)置AP Div和行為的方法。 2、掌握AP Div和行為的使用方法。 思考題及作業(yè) （1）在頁面中如何創(chuàng)建多個嵌套AP Div？ （2）如何在頁面上設(shè)置行為動作？ （3）如何繪制AP Div？ （4）主要的行為動作有哪些？  電子教案 課程： 第6章 創(chuàng)建表單 課時內(nèi)容 創(chuàng)建表單 授課時間 學時數(shù) 2 教學目標 了解表單域和表單對

16、象的概念 掌握表單對象的創(chuàng)建和屬性設(shè)置 教學重點 認識表單 教學難點 創(chuàng)建表單對象 教學設(shè)計 1、教學思路：首先，先講表單的概念和一些簡單認識。然后進行系統(tǒng)地介紹表單對象的創(chuàng)建方法。最后學習制作簡單的表單頁面。 2、教學方法：上課前可以先出一道與上章知識有關(guān)的思考題，題要比較靈活，這樣可考驗下同學們的思維能力。 3、教學手段：利用多媒體并結(jié)合實例進行教學。 4、教學資料及要求：課前要求學生復習上一章所講過的知識。 教學內(nèi)容 知識回顧：上一課時講的AP Div和行為的使用方法？ 討論問題：1、為什么要創(chuàng)建表單？ 2、表單中又包含哪些對象？

17、 第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 復選框 6.2.3 單選按鈕 6.2.4 列表和菜單 6.2.5 跳轉(zhuǎn)菜單 6.2.6 表單按鈕 6.2.7 創(chuàng)建圖像域 6.2.8 用舉例——在添加表單對象的同時添加表單域 6.3 上機及項目實訓 6.3.1 制作注冊表單頁面 6.3.2 制作搜索表單 6.4 練習與提高 本課小結(jié) 1、掌握表單的概念。 2、掌握創(chuàng)建表單對象的方

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

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

20、識“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)頁中多媒體的應(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 上機及項目實訓 7.3.1 制作“娃娃網(wǎng)”周年網(wǎng)頁 7.3.2 制作“SHOW廣告動畫”網(wǎng)頁 7.4 練習與提高 本課小結(jié) 1、掌握新建CSS

21、樣式的方法。 2、掌握設(shè)置CSS屬性的方法。 3、掌握多媒體在網(wǎng)頁中的應(yīng)用。 思考題及作業(yè) （1）CSS的主要作用是什么？ （2）如何在頁面中鏈接所創(chuàng)建的樣式？ （3）新建CSS樣式的方法有哪些？ （4）設(shè)置CSS樣式的屬性包括那幾個方面？  電子教案 課程： 第8章 Flash CS3基礎(chǔ) 課時內(nèi)容 Flash CS3基礎(chǔ) 授課時間 學時數(shù) 1 教學目標 認識Flash動畫 了解Flash CS3的工作界面 掌握Flash文檔的創(chuàng)建和保存 教學重點 Flash動畫的應(yīng)用和其文檔的基本操作 教學難點 認識Flash

22、 CS3的工作界面 教學設(shè)計 1、教學思路：首先，先講Flash動畫在網(wǎng)頁中起什么作用，能使網(wǎng)頁達到一個什么效果。然后進行系統(tǒng)地介紹Flash動畫的應(yīng)用和認識Flash CS3工作界面。最后學習Flash文檔的基本操作方法。 2、教學方法：讓同學們以小組的形式進行討論Flash動畫的應(yīng)用領(lǐng)域。 3、教學手段：利用多媒體并結(jié)合網(wǎng)頁中插入的Flash動畫進行講解。 4、教學資料及要求：課前要求學生預習本章內(nèi)容。 教學內(nèi)容 知識回顧：上一課時講的CSS與多媒體在網(wǎng)頁中的應(yīng)用？ 討論問題：1、Flash動畫具體是指什么？ 2、在網(wǎng)頁中起什么作用？ 第8章

23、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 上機及項目實訓 8.3.1 制作“gongzhu”Flash文檔 8.3.2 制作SHOW文檔 8.4 練習與提高 本課小結(jié)

24、 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）如何預覽動畫效果？  電子教案 課程： 第9章 繪制Flash圖像 課時內(nèi)容 繪制Flash圖像 授課時間 學時數(shù) 2 教學目標 了解繪圖工具的使用 掌握圖像的編輯和導入方法 掌握“濾鏡”面板的使用方法 教學

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

26、：1、Dreamweave和Flash的相同點和不同點各是什么？ 2、Flash與其他網(wǎng)頁制作軟件比其優(yōu)點是什么？ 第9章 繪制Flash圖像 9.1 繪圖工具的使用 9.1.1 工具箱介紹 9.1.2 矢量圖與位圖 9.1.3 應(yīng)用舉例——繪制咖啡杯 9.2 圖像的編輯和導入 9.2.1 組合與分離 9.2.2 圖像的導入 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)建特殊字體效果

27、 9.4 上機及項目實訓 9.4.1 繪制鼠標圖形 9.4.2 繪制水果拼盤 9.5 練習與提高 本課小結(jié) 1、了解工具箱中各工具的用法及作用 2、掌握圖像的導入及編輯操作 3、掌握圖像特殊效果的創(chuàng)建方法 思考題及作業(yè) （1）工具箱由哪幾部分組成？ （2）矢量圖和位圖的含義及其特點？ （3）在Flash中如何讓導入圖片？ （4）如何將導入的位圖轉(zhuǎn)換為矢量圖？ （5）如何通過“濾鏡”面板創(chuàng)建模糊效果的文字？  電子教案 課程： 第10章 元件和“庫”面板 課時內(nèi)容 元件和“庫”面板 授課時間 學時數(shù) 2 教學目標

28、 掌握元件的創(chuàng)建方式 認識“庫”面板 “庫”面板的使用與管理 教學重點 元件的創(chuàng)建方式和“庫”面板的使用 教學難點 元件的創(chuàng)建與使用 教學設(shè)計 1、教學思路：首先，讓同學們認識元件，然后在系統(tǒng)地進行介紹元件的創(chuàng)建、使用以及認識“庫“面板，最后學習哭的管理和使用。 2、教學方法：可以通過實例對不同的元件進行操作使用。 3、教學手段：結(jié)合實例進行上機操作。 4、教學資料及要求：課前要求學生預習下章內(nèi)容。 教學內(nèi)容 知識回顧：上一課時講的繪制Flash圖像的操作方法？ 討論問題：1、元件的含義是什么？ 2、如何進行庫的管理？ 第10

29、章 元件和“庫”面板 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 上機及項目實訓 10.3.1 繪制Logo型按鈕 10.3.2 創(chuàng)建縮放動畫 10.4 練習與提高 本課小結(jié) 1、掌握元件的概念及創(chuàng)建元件 2、了解“庫”面板的使用及管理 思考題及作業(yè) （1）Flash中可

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

31、 2、教學方法：可先上同學們看一些通過時間軸創(chuàng)建的動畫效果。 3、教學手段：可采用比較典型的例子進行上機操作講解。 4、教學資料及要求：課前要求學生們對前面講過的知識動手進行操作。 教學內(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 逐幀動

32、畫 11.2.2 補間動畫 11.2.3 應(yīng)用舉例——文本特效動畫 11.3 特殊圖層的應(yīng)用 11.3.1 引導層 11.3.2 遮罩層 11.3.3 應(yīng)用舉例——望遠鏡中的飛鳥 11.4 上機及項目實訓 11.5 練習與提高 本課小結(jié) 1、掌握插入幀的方法。 2、掌握創(chuàng)建逐幀動畫的方法。 3、了解特殊圖層的應(yīng)用 思考題及作業(yè) （1）時間軸由哪幾部分組成？ （2）根據(jù)動畫樣式的不同，補間動畫可以分為哪兩種類型？ （3）創(chuàng)建動畫補間可以通過哪幾種方式？ （4）建引導層的方法有哪幾種？ 精彩文檔 電子教案 課程： 第12

33、章 導入聲音和視頻 課時內(nèi)容 導入聲音和視頻 授課時間 學時數(shù) 2 教學目標 了解聲音的類型和可以導入的視頻格式 掌握聲音和視頻的導入方法 了解聲音和音效的設(shè)置方法 教學重點 導入聲音和視頻 教學難點 處理聲音 教學設(shè)計 1、教學思路：首先，讓同學們說說導入聲音和視頻的方法。然后進行系統(tǒng)地介紹對導入的聲音進行處理的方法。最后學習導入視頻。 2、教學方法：可以先放一些聲音或簡短的視頻，這樣同學們可以很輕松的融入學習中。 3、教學手段：利用多媒體并結(jié)合相關(guān)實例進行教學。 4、教學資料及要求：課前要求學生從網(wǎng)上下載不同格式的聲音和視頻。

34、教學內(nèi)容 知識回顧：上一課時講的使用時間軸創(chuàng)建動畫？ 討論問題：1、常見的聲音和視頻格式有哪些？ 2、Flash支持的聲音和視頻格式有哪些？ 第12章 導入聲音和視頻 12.1 導入及使用聲音 12.1.1 聲音的類型 12.1.2 導入聲音 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 導入視頻 12.3.1 導入的視頻格式 12.

35、3.2 導入視頻 12.3.3 應(yīng)用舉例——導入“hua”視頻 12.4 上機及項目實訓 12.4.1 導入聲音及視頻 12.4.2 導入視頻 12.5 練習與提高 本課小結(jié) 1、 掌握導入聲音和視頻的方法。 2、 了解可導入的聲音和視頻格式 3、 設(shè)置聲音屬性和音效的方法。 思考題及作業(yè) （1）聲音分為哪兩種類型？ （2）通過哪些方式可以打開“聲音屬性”對話框？ （3）可導入的視頻格式有哪些？ （4）如何為添加的聲音設(shè)置效果？  電子教案 課程： 第13章 使用ActionScript語句 課時內(nèi)容 使用ActionS

36、cript語句 授課時間 學時數(shù) 2 教學目標 了解ActionScript的類型 了解函數(shù)、變量和運算符的運用 認識常用的ActionScript 2.0命令語句 教學重點 ActionScript語句 教學難點 ActionScript語句的使用 教學設(shè)計 1、教學思路：首先，讓同學們先知道ActionScript的含義。然后進行系統(tǒng)地介紹ActionScript的使用以及基本的語法知識。最后學習一些常見ActionScript語句的使用。 2、教學方法：這章內(nèi)容可能會使同學們感到枯燥，上課前可先花幾分鐘時間和同學們聊聊最近的一些事。 3、教學手

37、段：利用多媒體進行教學。 4、教學資料及要求：課前要求學生先預習下本章的內(nèi)容。 教學內(nèi)容 知識回顧：上一課時講的聲音屬性和音效的設(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ù)類型

38、 13.2.3 ActionScript語句的基本語法 13.2.4 運算符 13.2.5 處理對象 13.2.6 應(yīng)用舉例——創(chuàng)建文本跟隨鼠標移動的動畫效果 13.3 常見的ActionScript語句 13.3.1 播放控制 13.3.2 播放跳轉(zhuǎn) 13.3.3 條件語句 13.3.4 循環(huán)語句 13.3.5 應(yīng)用舉例——重播動畫 13.4 上機及項目實訓 13.4.1 制作可拖動的小球動畫 13.4.2 制作星空閃爍動畫 13.5 練習與提高 本課小結(jié) 1、 了解ActionScript的基本知識。 2、 了解ActionS

39、cript語句的組成和語法規(guī)則 3、 掌握常見的ActionScript語句。 思考題及作業(yè) （1）ActionScript 3.0的特性表現(xiàn)在哪些方面？ （2）如何使用按鈕控制影片的停止和播放？ （3）在Flash CS3中為變量命名時必須遵循哪些原則？ （4）ActionScript語句的基本語法包括哪些？ （5）如何為影片添加播放控制和播放跳轉(zhuǎn)腳本命令？  電子教案 課程： 第14章 測試及導出影片 課時內(nèi)容 測試及導出影片 授課時間 學時數(shù) 1 教學目標 掌握影片的優(yōu)化和測試方法 了解影片的導出格式 了解影片和圖像

40、的導出方法 教學重點 對影片的優(yōu)化 教學難點 對影片進行測試 教學設(shè)計 1、教學思路：首先，讓同學們先了解測試及優(yōu)化影片有的作用。然后進行系統(tǒng)地介紹優(yōu)化與測試影片的方法。最后學習導出影片。 2、教學方法：講解完成后，發(fā)有問題的影片讓同學們進行優(yōu)化和測試，然后根據(jù)同學們在測試與優(yōu)化影片的過程中出現(xiàn)的問題再進行補充講解。 3、教學手段：結(jié)合實例進行上機操作。 4、教學資料及要求：課前要求學生下載一段自己喜歡的視頻。 教學內(nèi)容 知識回顧：上一課時講的ActionScript語句常用知識？ 討論問題：1、對影片進行測試和優(yōu)化有什么作用？ 2、如何對影片

41、進行測試？ 第14章 測試及導出影片 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 導出影片 14.2.1 導出影片 14.2.2 導出圖像 14.2.3 應(yīng)用舉例——導出“風景”動畫 14.3 上機及項目實訓 14.3.1 測試及導出影片 14.3.2 測試與導出圖像 14.4 練習與提高 本課小結(jié) 1、 掌握影片的測試與優(yōu)化的方法。 2、 掌握的影片的導出方法。 思考題

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

43、2、教學方法：先讓同學們對創(chuàng)建文字的過程和圖層的應(yīng)用有基本的了解，然后在通過例子具體的講解，分析。 3、教學手段：結(jié)合實例進行上機操作。 4、教學資料及要求：課前要求學生從網(wǎng)上下載一些通過Photoshop制作的圖像，但圖像中必須包含有文本效果。 教學內(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)用舉例

44、——特殊文字效果 15.2 圖層的應(yīng)用 15.2.1 圖層的概念 15.2.2 圖層的基本操作 15.2.3 圖層的混合模式 15.2.4 應(yīng)用舉例——背景特效制作 15.3 上機及項目實訓 15.3.1 制作水晶按鈕 15.3.2 給頭發(fā)上色 15.4 練習與提高 本課小結(jié) 1、掌握文字的創(chuàng)建過程。 2、了解圖層的基本操作。 3、 掌握圖層混合模式的應(yīng)用。 思考題及作業(yè) （1）圖層的含義是什么？ （2）如何利用圖層的混合模式制作火環(huán)效果？ （3）如何利用文字工具和圖層樣式制作水晶字效果？ （4）常用的新建圖層的方法有哪些？ （5）圖

45、層的混合模式分為哪幾種？  電子教案 課程： 第16章 路徑、色彩和通道應(yīng)用 課時內(nèi)容 路徑、色彩和通道應(yīng)用 授課時間 學時數(shù) 3 教學目標 了解路徑的概念 掌握路徑工具的使用和路徑的編輯方法 掌握調(diào)整圖像的色彩和色調(diào)的方法 了解散通道的概念和基本操作方法 了解專色通道的概念 教學重點 認識路徑、色彩和通道 教學難點 路徑、色彩和通道的使用 教學設(shè)計 1、教學思路：首先，讓同學們認識路徑、色彩和通道，然后在詳細地講解它們的使用方法，最后通過例子進行補充講解 2、教學方法：讓同學們先看一些未使用路徑、色彩和通道的圖片，

46、然后在看些使用路徑、色彩和通道的圖片，對其進行比較講解。 3、教學手段：利用多媒體并結(jié)合實例進行教學。 4、教學資料及要求：課前要求學生復習本書所有講過的內(nèi)容。 教學內(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)用舉例——繪制網(wǎng)站Logo 16.2 調(diào)整圖像色彩和色調(diào) 16.2.1 調(diào)整圖像的色彩 16.

47、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 上機及項目實訓 16.4.1 制作網(wǎng)頁中Banner 16.4.2 改變衣服的顏色 16.5 練習與提高 本課小結(jié) 1、 掌握路徑的基本知識與編輯方法。 2、 掌握調(diào)整圖片色調(diào)和色彩的方法。 3、 掌握通道的操作方法。 思考題及作業(yè) （1）路徑和通道的含義各是什么？ （2）對繪制完的路徑一般要進行哪些編輯操作？

48、（3）通道的操作一般包含哪些方面？ （4）如何繪制一個企業(yè)網(wǎng)站的Logo？  電子教案 課程： 第17章 項目設(shè)計案例 課時內(nèi)容 項目設(shè)計案例 授課時間 學時數(shù) 3 教學目標 掌握用Photoshop制作網(wǎng)頁圖像素材 掌握用Flash CS3創(chuàng)建網(wǎng)頁導航條 掌握用Dreamweaver CS3創(chuàng)建站點和網(wǎng)頁 教學重點 制作網(wǎng)頁 教學難點 合理利用Photoshop、Flash CS3、Dreamweaver CS3制作網(wǎng)頁所需素材 教學設(shè)計 1、教學思路：首先，讓同學們先復習前面所學知識。然后進行系統(tǒng)地介紹制作網(wǎng)頁的全部過

49、程。最后學習制作網(wǎng)頁。 2、教學方法：先欣賞一些網(wǎng)頁，最后讓同學們自己動手制作一個完整的網(wǎng)頁。 3、教學手段：利用多媒體對相關(guān)實例進行分析操作。 4、教學資料及要求：課前要求學生從網(wǎng)上收集一些制作網(wǎng)頁所需要的一些素材。 教學內(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)頁導航條 17.3.3 用Dreamweaver CS3制作網(wǎng)頁 17.4 練習與提高 本課小結(jié) 1、 掌握制作圖像素材的方法。 2、 掌握制作網(wǎng)頁導航條的方法。 3、 掌握制作網(wǎng)頁的方法。 思考題及作業(yè) （1）本章使用Photoshop導出的切片應(yīng)用在網(wǎng)頁的什么部分？ （2）在制作網(wǎng)頁中設(shè)置Flash的參數(shù)為透明有什么作用？ （3）如何制作網(wǎng)頁？