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

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

1、word 電子教案 課程： 第1章網(wǎng)頁制作根底 課時內(nèi)容 網(wǎng)頁制作根底 授課時間 學(xué)時數(shù) 2 教學(xué)目標(biāo) t 了解HTML的組成和語法 t 了解網(wǎng)頁制作的常用軟件 t 掌握網(wǎng)頁制作軟件的啟動和退出方法 教學(xué)重點 網(wǎng)頁制作的一些根本知識 教學(xué)難點 HTML的組成和語法 教學(xué)設(shè)計 1、 教學(xué)思路：首先，讓同學(xué)們說說他們對網(wǎng)頁的一個認(rèn)識。然后進(jìn)展系統(tǒng)地介紹網(wǎng)頁是什么，由哪些局部組成，還有網(wǎng)頁制作時所需掌握的一些根底知識和制作網(wǎng)頁時常用到的一些軟件。最后學(xué)習(xí)網(wǎng)頁制作軟件的啟動和退出方法。 2、 教學(xué)方法：先登錄一些常用的，讓同學(xué)們看一些網(wǎng)頁，然后讓同學(xué)們說

2、下他們度網(wǎng)頁的認(rèn)識，最后才開始講解本周內(nèi)容。 3、 教學(xué)手段：利用多媒體并結(jié)合網(wǎng)絡(luò)進(jìn)展教學(xué)。 4、 教學(xué)資料與要求：課前要求學(xué)生先大致瀏覽本書內(nèi)容，對本書所要講解的內(nèi)容有個根本的了解。 教學(xué)內(nèi)容 討論問題：1、什么是網(wǎng)頁？ 2、網(wǎng)頁的根本組成局部是哪些？ 3、網(wǎng)頁有什么作用？ 第1章 網(wǎng)頁制作根底# 1.1 網(wǎng)頁制作根底知識 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 上機(jī)與項目實訓(xùn) 1.4.1 Flash CS3的啟動與退出 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、到的一些軟件 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根本操作 授課時間 學(xué)時數(shù) 2 教學(xué)目標(biāo) t 認(rèn)識Dreamweaver CS5的工作界面 t 掌握網(wǎng)頁文檔的根本操作方法 t 掌握頁面屬性的設(shè)置 t 掌握設(shè)置并管理站點的方法

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

6、weaver 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)建站點文件和文件夾？ 〔4〕設(shè)置頁面屬性，一般包括那幾

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

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

9、法。 2、 掌握在網(wǎng)頁中編輯對象的方法。 3、 了解在網(wǎng)頁中創(chuàng)建超級的方法。 思考題與作業(yè) 〔1〕如何在頁面中插入圖像？ 〔2〕如何在頁面中創(chuàng)建一個錨記？ 〔3〕如何為自己的創(chuàng)建電子？ 電子教案 課程：第4章 布局頁面 課時內(nèi)容 布局頁面 授課時間 學(xué)時數(shù) 2 教學(xué)目標(biāo) t 掌握插入和編輯的表格方法 t 認(rèn)識布局視圖模式 t 掌握布局單元格和布局表格的創(chuàng)建和編輯 t 掌握框架的使用方法 教學(xué)重點 創(chuàng)建以與編輯表格和框架的方法 教學(xué)難點 設(shè)置表格與框架的屬性 教學(xué)設(shè)計 1、 教學(xué)思路：首先，讓同學(xué)們先說說對插入

10、的表格可以進(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é)手段：利用多媒體，對表格和框架的編輯方法進(jìn)展詳細(xì)講解。 4、教學(xué)資料與要求：課前要求學(xué)生了解布局頁面常用到的對象有哪些。 教學(xué)內(nèi)容 知識回顧：上一課時講的在網(wǎng)頁中插入對象與編輯對象的方法？ 討論問題：1、為什么要使用表格和框架布局頁面呢？ 2、這樣做對網(wǎng)頁的整體效果起什么作用？ 3、又如何在網(wǎng)頁中插入表格和創(chuàng)

11、建對象？ 第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.2.3 保存框架和框架集 4.2.4 刪除框架 4.2.5 設(shè)置框架集與框架的屬性 4.2.6 應(yīng)用舉例——制作后臺框架頁面 4.3 上機(jī)與項目實訓(xùn) 4.3.1 制作后臺管理頁面 4.3.2

12、 制作“探險游〞網(wǎng)頁 4.4 練習(xí)與提高 本課小結(jié) 1、掌握布局頁面的方法。 3、掌握對創(chuàng)建的表格和框架進(jìn)展屬性設(shè)置。 思考題與作業(yè) 〔1〕如何創(chuàng)建表格和框架？ 〔2〕表格和框架在頁面中有什么用？ 電子教案 課程：第5章 使用AP Div和行為 課時內(nèi)容 使用AP Div和行為 授課時間 學(xué)時數(shù) 3 教學(xué)目標(biāo) t 掌握AP Div的創(chuàng)建和設(shè)置 t 掌握AP Div的操作 t 掌握行為的創(chuàng)建和設(shè)置 t 掌握內(nèi)置行為動作的應(yīng)用 教學(xué)重點 創(chuàng)建和設(shè)置AP Div和行為的方法 教學(xué)難點 AP Div和行為的操作 教學(xué)

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

14、 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 認(rèn)識行為和事件 5.3.2 “行為〞面板 5.3.3 內(nèi)置行為動作的應(yīng)用 5.3.4 應(yīng)用舉例——設(shè)置狀態(tài)欄文本

15、 5.4 上機(jī)與項目實訓(xùn) 5.4.1 繪制AP Div 5.4.2 制作圖像跳轉(zhuǎn)網(wǎng)頁 5.5 練習(xí)與提高 本課小結(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)建表單 授課時間 學(xué)時數(shù) 2 教學(xué)目標(biāo) t 了解表單域和表單對象的概念 t 掌握表單對象的創(chuàng)建和屬性設(shè)置 教學(xué)重

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

17、.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ī)與項目實訓(xùn) 6.3.1 制作注冊表單頁面 6.3.2 制作搜索表單 6.4 練習(xí)與提高 本課小結(jié) 1、掌握表單的概念。 2、掌握創(chuàng)建表單對象的方法。 思考題與作業(yè) 〔1〕在頁面中插入文本域的方

18、法是什么？ 〔2〕如何創(chuàng)建單項選擇按鈕組？ 〔3〕創(chuàng)建圖像域有什么作用？ 〔4〕如何讓創(chuàng)建跳轉(zhuǎn)菜單和滾動列表？ 電子教案 課程：第7章 CSS與多媒體的應(yīng)用 課時內(nèi)容 CSS與多媒體的應(yīng)用 授課時間 學(xué)時數(shù) 3 教學(xué)目標(biāo) t 掌握創(chuàng)建CSS樣式表的方法 t 掌握應(yīng)用CSS樣式的方法 t 了解多媒體和Flash文件類型 t 掌握插入多媒體對象的方法 t 掌握使用CSS樣式和Flash制作網(wǎng)頁的方法 教學(xué)重點 創(chuàng)建和應(yīng)用CSS的方法以與多媒體的應(yīng)用 教學(xué)難點 CSS屬性的設(shè)置 教學(xué)設(shè)計 1、教學(xué)思路：首先，讓同學(xué)說說對多

19、媒體的理解。然后在詳細(xì)地講解CSS在網(wǎng)頁中的應(yīng)用。最后學(xué)習(xí)插入Flash動畫和影片的方法。 2、教學(xué)方法：本章內(nèi)容講解完后，可讓同學(xué)們根據(jù)自己下載的Flash動畫和影片制作一個網(wǎng)頁。 3、教學(xué)手段：結(jié)合實例進(jìn)展上機(jī)操作。 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 認(rèn)識“CSS樣式〞面板 7.1.2 新建

20、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 上機(jī)與項目實訓(xùn) 7.3.1 制作“娃娃網(wǎng)〞周年網(wǎng)頁 7.3.2 制作“SHOW廣告動畫〞網(wǎng)頁 7.4 練習(xí)與提高 本課小結(jié) 1、掌握新建CSS樣式的方法。 2、掌握設(shè)置CSS屬性的方法。

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

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

23、h動畫 8.1.1 Flash動畫的原理與應(yīng)用領(lǐng)域 8.1.2 Flash動畫在網(wǎng)頁方面的應(yīng)用 8.1.3 認(rèn)識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 上機(jī)與項目實訓(xùn) 8.3.1 制作“gongzhu〞Flash文檔 8.3.2 制作SHOW文檔 8.4 練習(xí)與提高 本課小結(jié) 1、了解Flash的應(yīng)用領(lǐng)域。 2、認(rèn)識F

24、lash 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é)目標(biāo) t 了解繪圖工具的使用 t 掌握圖像的編輯和導(dǎo)入方法 t 掌握“濾鏡〞面板的使用方法 教學(xué)重點 繪圖工具和“濾鏡〞面板的使用 教學(xué)難

25、點 繪制圖像 教學(xué)設(shè)計 1、教學(xué)思路：首先，讓同學(xué)們先看一些通過Flash繪制的圖像效果。然后進(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那章的知識。 教學(xué)內(nèi)容 知識回顧：上一課時講的Flash動畫的應(yīng)用領(lǐng)域和根本操作方法？ 討論問題：1、Dreamweave和Flash的一樣點

26、和不同點各是什么？ 2、Flash與其他網(wǎng)頁制作軟件比其優(yōu)點是什么？ 第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ī)與項目實訓(xùn) 9.4.1 繪

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

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

29、創(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 庫的管理和使用 10.2.3 應(yīng)用舉例——清理未用項目 10.3 上機(jī)與項目實訓(xùn) 10.3.1 繪制Logo型按鈕 10.3.2 創(chuàng)建縮放動畫 10.4 練習(xí)與提高 本課小結(jié) 1、掌握元件的概念與創(chuàng)建元件 2、了解“庫〞面板的使用與管理 思考題與作業(yè) 〔1〕Flash中可以創(chuàng)建的元件有哪幾種類型？ 〔2〕通過什么

30、方式可以將圖形轉(zhuǎn)換為圖形元件？ 〔3〕如何將“庫〞面板中的圖形文件拖到編輯區(qū)域中？ 電子教案 課程：第11章 用時間軸創(chuàng)建動畫 課時內(nèi)容 用時間軸創(chuàng)建動畫 授課時間 學(xué)時數(shù) 3 教學(xué)目標(biāo) t 了解時間軸的組成 t 幀和關(guān)鍵幀的創(chuàng)建與屬性設(shè)置方法 t 了解創(chuàng)建動畫的類型和方法 t 使用引導(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é)們看一些通

31、過時間軸創(chuàng)建的動畫效果。 3、教學(xué)手段：可采用比擬典型的例子進(jìn)展上機(jī)操作講解。 4、教學(xué)資料與要求：課前要求學(xué)生們對前面講過的知識動手進(jìn)展操作。 教學(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 補(bǔ)間動畫 11

32、.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ī)與項目實訓(xùn) 11.5 練習(xí)與提高 本課小結(jié) 1、掌握插入幀的方法。 2、掌握創(chuàng)建逐幀動畫的方法。 3、了解特殊圖層的應(yīng)用 思考題與作業(yè) 〔1〕時間軸由哪幾局部組成？ 〔2〕根據(jù)動畫樣式的不同，補(bǔ)間動畫可以分為哪兩種類型？ 〔3〕創(chuàng)建動畫補(bǔ)間可以通過哪幾種方式？ 〔4〕建引導(dǎo)層的方法有哪幾種？ 20 / 20 電子教案 課程：第12章 導(dǎo)入聲音和視頻

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

34、時講的使用時間軸創(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)用舉例——設(shè)置聲音的淡出效果 12.3 導(dǎo)入視頻 12.3.1 導(dǎo)入的視頻格式 12.3.2 導(dǎo)入視頻 12.

35、3.3 應(yīng)用舉例——導(dǎo)入“hua〞視頻 12.4 上機(jī)與項目實訓(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語句 授課時間

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

37、。 教學(xué)內(nèi)容 知識回顧：上一課時講的聲音屬性和音效的設(shè)置？ 討論問題：1、什么是ActionScrip語句？ 2、它和我們平時語文和英語中所講的語句有何不同？ 第13章 使用ActionScript語句 13.1 ActionScript概述 13.1.2 輸入代碼 13.1.3 應(yīng)用舉例——控制影片的停止和播放 13.2 ActionScript語句根底 13.2.1 變量 13.2.2 數(shù)據(jù)類型 13.2.3 ActionScript語句的根本語法 13.2.4 運(yùn)算符 13.2.5 處理對象 13.2.6 應(yīng)

38、用舉例——創(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)用舉例——重播動畫 13.4 上機(jī)與項目實訓(xùn) 13.4.1 制作可拖動的小球動畫 13.4.2 制作星空閃爍動畫 13.5 練習(xí)與提高 本課小結(jié) 1、 了解ActionScript的根本知識。 2、 了解ActionScript語句的組成和語法規(guī)如此 3、 掌握常見的ActionScript語句。 思考題與作業(yè) ？ 〔2〕如何使用按鈕控制影

39、片的停止和播放？ 〔3〕在Flash CS3中為變量命名時必須遵循哪些原如此？ 〔4〕ActionScript語句的根本語法包括哪些？ 〔5〕如何為影片添加播放控制和播放跳轉(zhuǎn)腳本命令？ 電子教案 課程：第14章 測試與導(dǎo)出影片 課時內(nèi)容 測試與導(dǎo)出影片 授課時間 學(xué)時數(shù) 1 教學(xué)目標(biāo) t 掌握影片的優(yōu)化和測試方法 t 了解影片的導(dǎo)出格式 t 了解影片和圖像的導(dǎo)出方法 教學(xué)重點 對影片的優(yōu)化 教學(xué)難點 對影片進(jìn)展測試 教學(xué)設(shè)計 1、教學(xué)思路：首先，讓同學(xué)們先了解測試與優(yōu)化影片有的作用。然后進(jìn)展系統(tǒng)地介紹優(yōu)化與測試影片的方法

40、。最后學(xué)習(xí)導(dǎo)出影片。 2、教學(xué)方法：講解完成后，發(fā)有問題的影片讓同學(xué)們進(jìn)展優(yōu)化和測試，然后根據(jù)同學(xué)們在測試與優(yōu)化影片的過程中出現(xiàn)的問題再進(jìn)展補(bǔ)充講解。 3、教學(xué)手段：結(jié)合實例進(jìn)展上機(jī)操作。 4、教學(xué)資料與要求：課前要求學(xué)生下載一段自己喜歡的視頻。 教學(xué)內(nèi)容 知識回顧：上一課時講的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 影片的調(diào)試 14.1.

41、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ī)與項目實訓(xùn) 14.3.1 測試與導(dǎo)出影片 14.3.2 測試與導(dǎo)出圖像 14.4 練習(xí)與提高 本課小結(jié) 1、 掌握影片的測試與優(yōu)化的方法。 2、 掌握的影片的導(dǎo)出方法。 思考題與作業(yè) 〔1〕對影片進(jìn)展優(yōu)化主要是對哪幾個方面進(jìn)展優(yōu)化？ 〔2〕影片導(dǎo)出時支持哪些格式？ 電子教案 課程：第15章 文字和圖層應(yīng)用 課時內(nèi)容 文字

42、和圖層應(yīng)用 授課時間 學(xué)時數(shù) 3 教學(xué)目標(biāo) t 掌握文字的創(chuàng)建和編輯 t 掌握圖層的概念和根本操作方法 t 掌握圖層的混合模式 教學(xué)重點 文字的編輯與圖層的根本操作 教學(xué)難點 圖層混合模式的應(yīng)用 教學(xué)設(shè)計 1、教學(xué)思路：首先，讓同學(xué)們說說對創(chuàng)建的文字一般會進(jìn)展哪些方面的編輯，然后進(jìn)展系統(tǒng)地介紹創(chuàng)建和編輯文字的方法。最后了解圖層的含義，學(xué)習(xí)圖層的根本操作方法和圖層混合模式的應(yīng)用。 2、教學(xué)方法：先讓同學(xué)們對創(chuàng)建文字的過程和圖層的應(yīng)用有根本的了解，然后在通過例子具體的講解，分析。 3、教學(xué)手段：結(jié)合實例進(jìn)展上機(jī)操作。 4、教學(xué)資料與要求：課前要求學(xué)生從網(wǎng)上下

43、載一些通過Photoshop制作的圖像，但圖像中必須包含有文本效果。 教學(xué)內(nèi)容 知識回顧：上一課時講的影片的測試與優(yōu)化？ 討論問題：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)用舉例——背景特效制

44、作 15.3 上機(jī)與項目實訓(xùn) 15.3.1 制作水晶按鈕 15.3.2 給頭發(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é)目標(biāo) t

45、 了解路徑的概念 t 掌握路徑工具的使用和路徑的編輯方法 t 掌握調(diào)整圖像的色彩和色調(diào)的方法 t 了解散通道的概念和根本操作方法 t 了解專色通道的概念 教學(xué)重點 認(rèn)識路徑、色彩和通道 教學(xué)難點 路徑、色彩和通道的使用 教學(xué)設(shè)計 1、教學(xué)思路：首先，讓同學(xué)們認(rèn)識路徑、色彩和通道，然后在詳細(xì)地講解它們的使用方法，最后通過例子進(jìn)展補(bǔ)充講解 2、教學(xué)方法：讓同學(xué)們先看一些未使用路徑、色彩和通道的圖片，然后在看些使用路徑、色彩和通道的圖片，對其進(jìn)展比擬講解。 3、教學(xué)手段：利用多媒體并結(jié)合實例進(jìn)展教學(xué)。 4、教學(xué)資料與要求：課前要求學(xué)生復(fù)習(xí)本書所有講過的內(nèi)容。 教學(xué)內(nèi)容

46、 知識回顧：上一課時講的文字和圖層的應(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)用舉例——繪制Logo 16.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 專色

47、通道 16.3.4 應(yīng)用舉例——對網(wǎng)頁中的圖片進(jìn)展處理 16.4 上機(jī)與項目實訓(xùn) 16.4.1 制作網(wǎng)頁中Banner 16.4.2 改變衣服的顏色 16.5 練習(xí)與提高 本課小結(jié) 1、 掌握路徑的根本知識與編輯方法。 2、 掌握調(diào)整圖片色調(diào)和色彩的方法。 3、 掌握通道的操作方法。 思考題與作業(yè) 〔1〕路徑和通道的含義各是什么？ 〔2〕對繪制完的路徑一般要進(jìn)展哪些編輯操作？ 〔3〕通道的操作一般包含哪些方面？ 〔4〕如何繪制一個企業(yè)的Logo？ 電子教案 課程：第17章 項目設(shè)計案例 課時內(nèi)容 項目設(shè)計案例 授課時間

48、 學(xué)時數(shù) 3 教學(xué)目標(biāo) t 掌握用Photoshop制作網(wǎng)頁圖像素材 t 掌握用Flash CS3創(chuàng)建網(wǎng)頁導(dǎo)航條 t 掌握用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é)知識。然后進(jìn)展系統(tǒng)地介紹制作網(wǎng)頁的全部過程。最后學(xué)習(xí)制作網(wǎng)頁。 2、教學(xué)方法：先欣賞一些網(wǎng)頁，最后讓同學(xué)們自己動手制作一個完整的網(wǎng)頁。 3、教學(xué)手段：利用多媒體對相關(guān)實例進(jìn)展分析操作。 4、教學(xué)資料與要求：課前要求學(xué)

49、生從網(wǎng)上收集一些制作網(wǎng)頁所需要的一些素材。 教學(xué)內(nèi)容 知識回顧：上一課時講的路徑、色調(diào)和通道的使用？ 討論問題：1、Photoshop能為網(wǎng)頁提供的素材包含哪些方面？ 2、Photoshop在網(wǎng)頁中起什么作用？ 第17章 項目設(shè)計案例 17.1 項目目標(biāo) 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)頁？