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

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

2、手段：利用多媒體并結(jié)合網(wǎng)絡(luò)進(jìn)行教學(xué)。4、 教學(xué)資料及要求：課前要求學(xué)生先大致瀏覽本書(shū)內(nèi)容，對(duì)本書(shū)所要講解的內(nèi)容有個(gè)基本的了解。教學(xué)內(nèi)容討論問(wèn)題：1、什么是網(wǎng)頁(yè)？ 2、網(wǎng)頁(yè)的基本組成部分是哪些？ 3、網(wǎng)頁(yè)有什么作用？第1章 網(wǎng)頁(yè)制作基礎(chǔ)#1.1 網(wǎng)頁(yè)制作基礎(chǔ)知識(shí)1.1.1 網(wǎng)頁(yè)簡(jiǎn)介1.1.2 什么是HTML1.1.3 HTML的組成結(jié)構(gòu)及語(yǔ)法1.1.4 應(yīng)用舉例使用記事本編寫(xiě)網(wǎng)頁(yè)1.2 網(wǎng)頁(yè)制作的常用軟件1.2.1 圖形圖像處理軟件1.2.2 動(dòng)畫(huà)制作軟件1.2.3 網(wǎng)頁(yè)布局軟件1.2.4 軟件配合及制作流程1.2.5 應(yīng)用舉例實(shí)戰(zhàn)網(wǎng)頁(yè)制作流程1.3 網(wǎng)頁(yè)制作軟件的啟動(dòng)與退出1.3.1 網(wǎng)頁(yè)制作

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

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

5、的，了解同學(xué)們對(duì)上一章知識(shí)的掌握程度。3、 教學(xué)手段：結(jié)合上章內(nèi)容在機(jī)房?jī)?nèi)進(jìn)行上機(jī)講解。4、 教學(xué)資料及要求：課前要求學(xué)生預(yù)習(xí)本章內(nèi)容。教學(xué)內(nèi)容知識(shí)回顧：上一課時(shí)講的網(wǎng)頁(yè)由哪幾部分組成？討論問(wèn)題：1、Dreamweaver CS5的工作界面由哪幾部分組成？ 2、各部分的作用是什么？?jī)?nèi)容：1. 了解網(wǎng)頁(yè)元素2 Dreamweaver CS5工作界面3 網(wǎng)頁(yè)文檔的基本操作4 站點(diǎn)管理本課小結(jié)1、 了解Dreamweaver CS5工作界面的組成部分及各部分的作用。2、 掌握網(wǎng)頁(yè)文檔的基本操作。3、 掌握頁(yè)面屬性的設(shè)置。4、 對(duì)Dreamweaver CS5站點(diǎn)的管理。思考題及作業(yè)（1）預(yù)覽網(wǎng)頁(yè)效果

6、一般會(huì)注意哪些方面？（2）如何創(chuàng)建和規(guī)劃站點(diǎn)？（3）如何創(chuàng)建站點(diǎn)文件和文件夾？（4）設(shè)置頁(yè)面屬性，一般包括那幾個(gè)方面？電子教案課程： 第3章 創(chuàng)建網(wǎng)頁(yè)基本對(duì)象 課時(shí)內(nèi)容創(chuàng)建網(wǎng)頁(yè)基本對(duì)象授課時(shí)間學(xué)時(shí)數(shù)4教學(xué)目標(biāo)þ 掌握文本的插入以及調(diào)整þ 學(xué)會(huì)圖像的插入和編輯操作þ 掌握創(chuàng)建超級(jí)鏈接的方法教學(xué)重點(diǎn)創(chuàng)建對(duì)象及超級(jí)鏈接的方法教學(xué)難點(diǎn)編輯網(wǎng)頁(yè)中創(chuàng)建的對(duì)象教學(xué)設(shè)計(jì)1、 教學(xué)思路：首先，讓同學(xué)們先說(shuō)說(shuō)在Word、Excel中插入與編輯對(duì)象的方法。然后進(jìn)行系統(tǒng)地介紹在網(wǎng)頁(yè)中創(chuàng)建和編輯對(duì)象的方法。最后學(xué)習(xí)在網(wǎng)頁(yè)中創(chuàng)建超級(jí)鏈接的方法。2、教學(xué)方法：可以選擇一種同學(xué)們熟悉的，并且插入

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

8、 了解在網(wǎng)頁(yè)中創(chuàng)建超級(jí)鏈接的方法。思考題及作業(yè)（1）如何在頁(yè)面中插入圖像？（2）如何在頁(yè)面中創(chuàng)建一個(gè)錨記鏈接？（3）如何為自己的郵箱創(chuàng)建電子郵件鏈接？電子教案課程： 第4章 布局頁(yè)面 課時(shí)內(nèi)容布局頁(yè)面授課時(shí)間學(xué)時(shí)數(shù)2教學(xué)目標(biāo)þ 掌握插入和編輯的表格方法þ 認(rèn)識(shí)布局視圖模式þ 掌握布局單元格和布局表格的創(chuàng)建和編輯þ 掌握框架的使用方法教學(xué)重點(diǎn)創(chuàng)建以及編輯表格和框架的方法教學(xué)難點(diǎn)設(shè)置表格及框架的屬性教學(xué)設(shè)計(jì)1、 教學(xué)思路：首先，讓同學(xué)們先說(shuō)說(shuō)對(duì)插入的表格可以進(jìn)行哪些編輯操作。然后進(jìn)行系統(tǒng)地介紹在網(wǎng)頁(yè)中插入表格和創(chuàng)建框架的方法。最后學(xué)習(xí)對(duì)插入表格和創(chuàng)建的框架進(jìn)

9、行編輯操作。2、教學(xué)方法：講課前可以先講一個(gè)與網(wǎng)頁(yè)有關(guān)的小故事或做一個(gè)小游戲，活躍下氣氛，帶動(dòng)同學(xué)們的積極性。3、教學(xué)手段：利用多媒體，對(duì)表格和框架的編輯方法進(jìn)行詳細(xì)講解。4、教學(xué)資料及要求：課前要求學(xué)生了解布局頁(yè)面常用到的對(duì)象有哪些。教學(xué)內(nèi)容知識(shí)回顧：上一課時(shí)講的在網(wǎng)頁(yè)中插入對(duì)象與編輯對(duì)象的方法？討論問(wèn)題：1、為什么要使用表格和框架布局頁(yè)面呢？ 2、這樣做對(duì)網(wǎng)頁(yè)的整體效果起什么作用？ 3、又如何在網(wǎng)頁(yè)中插入表格和創(chuàng)建對(duì)象？第4章 布局頁(yè)面4.1 使用表格布局頁(yè)面4.1.1 插入表格4.1.2 選擇表格元素4.1.3 輸入頁(yè)面元素4.1.4 設(shè)置表格屬性4.1.5 添加/刪除行或列4.1.6

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

11、 掌握AP Div的創(chuàng)建和設(shè)置þ 掌握AP Div的操作þ 掌握行為的創(chuàng)建和設(shè)置þ 掌握內(nèi)置行為動(dòng)作的應(yīng)用教學(xué)重點(diǎn)創(chuàng)建和設(shè)置AP Div和行為的方法教學(xué)難點(diǎn)AP Div和行為的操作教學(xué)設(shè)計(jì)1、教學(xué)思路：首先，先講一下AP Div的含義，讓同學(xué)們對(duì)其現(xiàn)有一個(gè)基本的了解。然后進(jìn)行系統(tǒng)地介紹AP Div的創(chuàng)建和設(shè)置以及基本的操作方法。最后學(xué)習(xí)行為的基本操作方法。2、教學(xué)方法：先講一下網(wǎng)頁(yè)對(duì)一個(gè)網(wǎng)站的作用，盡量講同學(xué)們感興趣的方面。3、教學(xué)手段：由淺入深并結(jié)合多媒體進(jìn)行教學(xué)。4、教學(xué)資料及要求：課前要求學(xué)生從網(wǎng)上多看一些網(wǎng)頁(yè)，并進(jìn)行簡(jiǎn)單的分析。教學(xué)內(nèi)容知識(shí)回顧：上一課時(shí)講

12、的如何編輯表格和框架？討論問(wèn)題：1、AP Div是什么？ 2、在網(wǎng)頁(yè)中有什么用？ 3、又如何對(duì)其進(jìn)行操作？第5章 使用AP Div和行為5.1 AP Div的創(chuàng)建和設(shè)置5.1.1 創(chuàng)建AP Div5.1.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 移動(dòng)AP Div5.2.4 對(duì)齊AP Div5.2.5 應(yīng)用舉例使用AP Div布局頁(yè)面5.3 行為的基本操作5.3.1 認(rèn)識(shí)行為和事件5.3.2 “行為”面板5.3.3 內(nèi)置行為動(dòng)作的應(yīng)用5.3.

13、4 應(yīng)用舉例設(shè)置狀態(tài)欄文本5.4 上機(jī)及項(xiàng)目實(shí)訓(xùn)5.4.1 繪制AP Div5.4.2 制作圖像跳轉(zhuǎn)網(wǎng)頁(yè)5.5 練習(xí)與提高本課小結(jié)1、掌握創(chuàng)建和設(shè)置AP Div和行為的方法。2、掌握AP Div和行為的使用方法。思考題及作業(yè)（1）在頁(yè)面中如何創(chuàng)建多個(gè)嵌套AP Div？（2）如何在頁(yè)面上設(shè)置行為動(dòng)作？（3）如何繪制AP Div？（4）主要的行為動(dòng)作有哪些？電子教案課程： 第6章 創(chuàng)建表單 課時(shí)內(nèi)容創(chuàng)建表單授課時(shí)間學(xué)時(shí)數(shù)2教學(xué)目標(biāo)þ 了解表單域和表單對(duì)象的概念þ 掌握表單對(duì)象的創(chuàng)建和屬性設(shè)置教學(xué)重點(diǎn)認(rèn)識(shí)表單教學(xué)難點(diǎn)創(chuàng)建表單對(duì)象教學(xué)設(shè)計(jì)1、教學(xué)思路：首先，先講表單的概念和一些簡(jiǎn)單

14、認(rèn)識(shí)。然后進(jìn)行系統(tǒng)地介紹表單對(duì)象的創(chuàng)建方法。最后學(xué)習(xí)制作簡(jiǎn)單的表單頁(yè)面。2、教學(xué)方法：上課前可以先出一道與上章知識(shí)有關(guān)的思考題，題要比較靈活，這樣可考驗(yàn)下同學(xué)們的思維能力。3、教學(xué)手段：利用多媒體并結(jié)合實(shí)例進(jìn)行教學(xué)。4、教學(xué)資料及要求：課前要求學(xué)生復(fù)習(xí)上一章所講過(guò)的知識(shí)。教學(xué)內(nèi)容知識(shí)回顧：上一課時(shí)講的AP Div和行為的使用方法？討論問(wèn)題：1、為什么要?jiǎng)?chuàng)建表單？ 2、表單中又包含哪些對(duì)象？第6章 創(chuàng)建表單6.1 表單的概念6.1.1 表單域6.1.2 表單對(duì)象6.1.3 應(yīng)用舉例快速選擇表單域和表單對(duì)象6.2 創(chuàng)建表單對(duì)象6.2.1 文本域6.2.2 復(fù)選框6.2.3 單選按鈕6.2.4 列表

15、和菜單6.2.5 跳轉(zhuǎn)菜單6.2.6 表單按鈕6.2.7 創(chuàng)建圖像域6.2.8 用舉例在添加表單對(duì)象的同時(shí)添加表單域6.3 上機(jī)及項(xiàng)目實(shí)訓(xùn)6.3.1 制作注冊(cè)表單頁(yè)面6.3.2 制作搜索表單6.4 練習(xí)與提高本課小結(jié)1、掌握表單的概念。2、掌握創(chuàng)建表單對(duì)象的方法。思考題及作業(yè)（1）在頁(yè)面中插入文本域的方法是什么？（2）如何創(chuàng)建單選按鈕組？（3）創(chuàng)建圖像域有什么作用？（4）如何讓創(chuàng)建跳轉(zhuǎn)菜單和滾動(dòng)列表？電子教案課程： 第7章 CSS與多媒體的應(yīng)用 課時(shí)內(nèi)容CSS與多媒體的應(yīng)用授課時(shí)間學(xué)時(shí)數(shù)3教學(xué)目標(biāo)þ 掌握創(chuàng)建CSS樣式表的方法þ 掌握應(yīng)用CSS樣式的方法þ 了解多

16、媒體和Flash文件類(lèi)型þ 掌握插入多媒體對(duì)象的方法þ 掌握使用CSS樣式和Flash制作網(wǎng)頁(yè)的方法教學(xué)重點(diǎn)創(chuàng)建和應(yīng)用CSS的方法以及多媒體的應(yīng)用教學(xué)難點(diǎn)CSS屬性的設(shè)置教學(xué)設(shè)計(jì)1、教學(xué)思路：首先，讓同學(xué)說(shuō)說(shuō)對(duì)多媒體的理解。然后在詳細(xì)地講解CSS在網(wǎng)頁(yè)中的應(yīng)用。最后學(xué)習(xí)插入Flash動(dòng)畫(huà)和影片的方法。2、教學(xué)方法：本章內(nèi)容講解完后，可讓同學(xué)們根據(jù)自己下載的Flash動(dòng)畫(huà)和影片制作一個(gè)網(wǎng)頁(yè)。3、教學(xué)手段：結(jié)合實(shí)例進(jìn)行上機(jī)操作。4、教學(xué)資料及要求：課前要求學(xué)生從網(wǎng)上下載一些Flash動(dòng)畫(huà)和簡(jiǎn)短的影片。教學(xué)內(nèi)容知識(shí)回顧：上一課時(shí)講的表單對(duì)象的創(chuàng)建？討論問(wèn)題：1、廣義的多媒體和俠義

17、的多媒體分別指什么？ 2、網(wǎng)頁(yè)中應(yīng)用多媒體有什么作用？第7章 CSS與多媒體的應(yīng)用7.1 網(wǎng)頁(yè)中CSS的應(yīng)用7.1.1 認(rèn)識(shí)“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è)中多媒體的應(yīng)用7.2.1 多媒體的概念7.2.2 Flash文件類(lèi)型7.2.3 插入Flash動(dòng)畫(huà)7.2.4 插入Shockwave影片7.2.5 應(yīng)用舉例在頁(yè)面中插入Flash動(dòng)畫(huà)7.3 上機(jī)及項(xiàng)目實(shí)訓(xùn)7.3.1 制作“娃娃網(wǎng)”周年網(wǎng)頁(yè)7.3.2 制作“SHOW廣告動(dòng)畫(huà)”網(wǎng)頁(yè)7.4 練習(xí)與提高本課小結(jié)1、掌

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

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

20、.1.3 認(rèn)識(shí)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文檔的打開(kāi)8.2.4 應(yīng)用舉例新建Flash廣告動(dòng)畫(huà)8.3 上機(jī)及項(xiàng)目實(shí)訓(xùn)8.3.1 制作“gongzhu”Flash文檔8.3.2 制作SHOW文檔8.4 練習(xí)與提高本課小結(jié)1、了解Flash的應(yīng)用領(lǐng)域。2、認(rèn)識(shí)Flash CS3的工作界面。3、掌握Flash文檔的基本操作。思考題及作業(yè)（1）Flash主要應(yīng)用于哪些方面？（2）Flash CS3的工作界面由哪幾部分組成？（3）如何新建一個(gè)Flash動(dòng)畫(huà)？

21、（4）打開(kāi)和關(guān)閉Flash CS3的方法分別有哪些？（5）如何預(yù)覽動(dòng)畫(huà)效果？電子教案課程： 第9章 繪制Flash圖像 課時(shí)內(nèi)容繪制Flash圖像授課時(shí)間學(xué)時(shí)數(shù)2教學(xué)目標(biāo)þ 了解繪圖工具的使用þ 掌握?qǐng)D像的編輯和導(dǎo)入方法þ 掌握“濾鏡”面板的使用方法教學(xué)重點(diǎn)繪圖工具和“濾鏡”面板的使用教學(xué)難點(diǎn)繪制圖像教學(xué)設(shè)計(jì)1、教學(xué)思路：首先，讓同學(xué)們先看一些通過(guò)Flash繪制的圖像效果。然后進(jìn)行系統(tǒng)地介紹工具箱中各工具的使用方法和作用以及圖像的編輯與導(dǎo)入操作。最后學(xué)習(xí)創(chuàng)建特殊效果的方法。2、教學(xué)方法：選擇網(wǎng)頁(yè)制作軟件Dreamweave和Flash進(jìn)行比較講解，既可以復(fù)習(xí)前面講

22、過(guò)的知識(shí)，又可以很快的掌握本章所講知識(shí)。3、教學(xué)手段：結(jié)合前面講過(guò)的知識(shí)并利用多媒體進(jìn)行教學(xué)。4、教學(xué)資料及要求：課前要求學(xué)生復(fù)習(xí)Dreamweave那章的知識(shí)。教學(xué)內(nèi)容知識(shí)回顧：上一課時(shí)講的Flash動(dòng)畫(huà)的應(yīng)用領(lǐng)域和基本操作方法？討論問(wèn)題：1、Dreamweave和Flash的相同點(diǎn)和不同點(diǎn)各是什么？ 2、Flash與其他網(wǎng)頁(yè)制作軟件比其優(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)用舉例光暈

23、圖像效果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 繪制水果拼盤(pán)9.5 練習(xí)與提高本課小結(jié)1、了解工具箱中各工具的用法及作用2、掌握?qǐng)D像的導(dǎo)入及編輯操作3、掌握?qǐng)D像特殊效果的創(chuàng)建方法思考題及作業(yè)（1）工具箱由哪幾部分組成？（2）矢量圖和位圖的含義及其特點(diǎn)？（3）在Flash中如何讓導(dǎo)入圖片？（4）如何將導(dǎo)入的位圖轉(zhuǎn)換為矢量圖？（5）如何通過(guò)“濾鏡”面板創(chuàng)建模糊效果的文字？電子教案課程： 第10章 元件和“庫(kù)”面板 課時(shí)內(nèi)容元件和“庫(kù)”面板授課時(shí)間學(xué)時(shí)數(shù)2教學(xué)目標(biāo)þ

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

25、1.2 圖形元件10.1.3 按鈕元件10.1.4 影片剪輯元件10.1.5 應(yīng)用舉例制作“短靴”動(dòng)畫(huà)10.2 “庫(kù)”面板10.2.1 認(rèn)識(shí)“庫(kù)”面板10.2.2 庫(kù)的管理和使用10.2.3 應(yīng)用舉例清理未用項(xiàng)目10.3 上機(jī)及項(xiàng)目實(shí)訓(xùn)10.3.1 繪制Logo型按鈕10.3.2 創(chuàng)建縮放動(dòng)畫(huà)10.4 練習(xí)與提高本課小結(jié)1、掌握元件的概念及創(chuàng)建元件2、了解“庫(kù)”面板的使用及管理思考題及作業(yè)（1）Flash中可以創(chuàng)建的元件有哪幾種類(lèi)型？（2）通過(guò)什么方式可以將圖形轉(zhuǎn)換為圖形元件？（3）如何將“庫(kù)”面板中的圖形文件拖到編輯區(qū)域中？電子教案課程： 第11章 用時(shí)間軸創(chuàng)建動(dòng)畫(huà) 課時(shí)內(nèi)容用時(shí)間軸創(chuàng)建動(dòng)畫(huà)

26、授課時(shí)間學(xué)時(shí)數(shù)3教學(xué)目標(biāo)þ 了解時(shí)間軸的組成þ 幀和關(guān)鍵幀的創(chuàng)建及屬性設(shè)置方法þ 了解創(chuàng)建動(dòng)畫(huà)的類(lèi)型和方法þ 使用引導(dǎo)層和遮罩層創(chuàng)建動(dòng)畫(huà)教學(xué)重點(diǎn)時(shí)間軸與關(guān)鍵幀教學(xué)難點(diǎn)通過(guò)時(shí)間軸創(chuàng)建動(dòng)畫(huà)教學(xué)設(shè)計(jì)1、教學(xué)思路：首先，讓同學(xué)們先了解時(shí)間軸的組成部分。然后在系統(tǒng)地介紹在時(shí)間軸中插入幀和創(chuàng)建動(dòng)畫(huà)的方法。最后學(xué)習(xí)特殊圖層的應(yīng)用。2、教學(xué)方法：可先上同學(xué)們看一些通過(guò)時(shí)間軸創(chuàng)建的動(dòng)畫(huà)效果。3、教學(xué)手段：可采用比較典型的例子進(jìn)行上機(jī)操作講解。4、教學(xué)資料及要求：課前要求學(xué)生們對(duì)前面講過(guò)的知識(shí)動(dòng)手進(jìn)行操作。教學(xué)內(nèi)容知識(shí)回顧：上一課時(shí)講的元件和“庫(kù)“面板的使用？討論問(wèn)題：1、

27、為什么本章的重點(diǎn)是時(shí)間軸的使用呢？ 2、為什么要用時(shí)間軸創(chuàng)建動(dòng)畫(huà)？第11章 用時(shí)間軸創(chuàng)建動(dòng)畫(huà)11.1 時(shí)間軸與關(guān)鍵幀11.1.1 時(shí)間軸的組成11.1.2 時(shí)間軸中的圖層11.1.3 插入幀11.1.4 應(yīng)用舉例插入幀11.2 創(chuàng)建動(dòng)畫(huà)11.2.1 逐幀動(dòng)畫(huà)11.2.2 補(bǔ)間動(dòng)畫(huà)11.2.3 應(yīng)用舉例文本特效動(dòng)畫(huà)11.3 特殊圖層的應(yīng)用11.3.1 引導(dǎo)層11.3.2 遮罩層11.3.3 應(yīng)用舉例望遠(yuǎn)鏡中的飛鳥(niǎo)11.4 上機(jī)及項(xiàng)目實(shí)訓(xùn)11.5 練習(xí)與提高本課小結(jié)1、掌握插入幀的方法。2、掌握創(chuàng)建逐幀動(dòng)畫(huà)的方法。 3、了解特殊圖層的應(yīng)用思考題及作業(yè)（1）時(shí)間軸由哪幾部分組成？（2）根據(jù)動(dòng)畫(huà)樣式的

28、不同，補(bǔ)間動(dòng)畫(huà)可以分為哪兩種類(lèi)型？（3）創(chuàng)建動(dòng)畫(huà)補(bǔ)間可以通過(guò)哪幾種方式？（4）建引導(dǎo)層的方法有哪幾種？電子教案課程： 第12章 導(dǎo)入聲音和視頻 課時(shí)內(nèi)容導(dǎo)入聲音和視頻授課時(shí)間學(xué)時(shí)數(shù)2教學(xué)目標(biāo)þ 了解聲音的類(lèi)型和可以導(dǎo)入的視頻格式þ 掌握聲音和視頻的導(dǎo)入方法þ 了解聲音和音效的設(shè)置方法教學(xué)重點(diǎn)導(dǎo)入聲音和視頻教學(xué)難點(diǎn)處理聲音教學(xué)設(shè)計(jì)1、教學(xué)思路：首先，讓同學(xué)們說(shuō)說(shuō)導(dǎo)入聲音和視頻的方法。然后進(jìn)行系統(tǒng)地介紹對(duì)導(dǎo)入的聲音進(jìn)行處理的方法。最后學(xué)習(xí)導(dǎo)入視頻。2、教學(xué)方法：可以先放一些聲音或簡(jiǎn)短的視頻，這樣同學(xué)們可以很輕松的融入學(xué)習(xí)中。3、教學(xué)手段：利用多媒體并結(jié)合相關(guān)實(shí)例進(jìn)行教

29、學(xué)。4、教學(xué)資料及要求：課前要求學(xué)生從網(wǎng)上下載不同格式的聲音和視頻。教學(xué)內(nèi)容知識(shí)回顧：上一課時(shí)講的使用時(shí)間軸創(chuàng)建動(dòng)畫(huà)？討論問(wèn)題：1、常見(jiàn)的聲音和視頻格式有哪些？ 2、Flash支持的聲音和視頻格式有哪些？第12章 導(dǎo)入聲音和視頻12.1 導(dǎo)入及使用聲音12.1.1 聲音的類(lèi)型12.1.2 導(dǎo)入聲音12.1.3 聲音的使用12.1.4 應(yīng)用舉例為“狼”動(dòng)畫(huà)添加聲音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”視頻

30、12.4 上機(jī)及項(xiàng)目實(shí)訓(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）聲音分為哪兩種類(lèi)型？（2）通過(guò)哪些方式可以打開(kāi)“聲音屬性”對(duì)話框？（3）可導(dǎo)入的視頻格式有哪些？（4）如何為添加的聲音設(shè)置效果？電子教案課程： 第13章 使用ActionScript語(yǔ)句 課時(shí)內(nèi)容使用ActionScript語(yǔ)句授課時(shí)間學(xué)時(shí)數(shù)2教學(xué)目標(biāo)þ 了解ActionScript的類(lèi)型þ 了解函數(shù)、變量和運(yùn)算符的運(yùn)用þ 認(rèn)識(shí)常用的ActionScr

31、ipt 2.0命令語(yǔ)句教學(xué)重點(diǎn)ActionScript語(yǔ)句教學(xué)難點(diǎn)ActionScript語(yǔ)句的使用教學(xué)設(shè)計(jì)1、教學(xué)思路：首先，讓同學(xué)們先知道ActionScript的含義。然后進(jìn)行系統(tǒng)地介紹ActionScript的使用以及基本的語(yǔ)法知識(shí)。最后學(xué)習(xí)一些常見(jiàn)ActionScript語(yǔ)句的使用。2、教學(xué)方法：這章內(nèi)容可能會(huì)使同學(xué)們感到枯燥，上課前可先花幾分鐘時(shí)間和同學(xué)們聊聊最近的一些事。3、教學(xué)手段：利用多媒體進(jìn)行教學(xué)。4、教學(xué)資料及要求：課前要求學(xué)生先預(yù)習(xí)下本章的內(nèi)容。教學(xué)內(nèi)容知識(shí)回顧：上一課時(shí)講的聲音屬性和音效的設(shè)置？討論問(wèn)題：1、什么是ActionScrip語(yǔ)句？ 2、它和我們平時(shí)語(yǔ)文和英

32、語(yǔ)中所講的語(yǔ)句有何不同？第13章 使用ActionScript語(yǔ)句13.1 ActionScript概述13.1.1 ActionScript 3.0的特性13.1.2 輸入代碼13.1.3 應(yīng)用舉例控制影片的停止和播放13.2 ActionScript語(yǔ)句基礎(chǔ)13.2.1 變量13.2.2 數(shù)據(jù)類(lèi)型13.2.3 ActionScript語(yǔ)句的基本語(yǔ)法13.2.4 運(yùn)算符13.2.5 處理對(duì)象13.2.6 應(yīng)用舉例創(chuàng)建文本跟隨鼠標(biāo)移動(dòng)的動(dòng)畫(huà)效果13.3 常見(jiàn)的ActionScript語(yǔ)句13.3.1 播放控制13.3.2 播放跳轉(zhuǎn)13.3.3 條件語(yǔ)句13.3.4 循環(huán)語(yǔ)句13.3.5 應(yīng)用舉

33、例重播動(dòng)畫(huà)13.4 上機(jī)及項(xiàng)目實(shí)訓(xùn)13.4.1 制作可拖動(dòng)的小球動(dòng)畫(huà)13.4.2 制作星空閃爍動(dòng)畫(huà)13.5 練習(xí)與提高本課小結(jié)1、 了解ActionScript的基本知識(shí)。2、 了解ActionScript語(yǔ)句的組成和語(yǔ)法規(guī)則3、 掌握常見(jiàn)的ActionScript語(yǔ)句。思考題及作業(yè)（1）ActionScript 3.0的特性表現(xiàn)在哪些方面？（2）如何使用按鈕控制影片的停止和播放？（3）在Flash CS3中為變量命名時(shí)必須遵循哪些原則？（4）ActionScript語(yǔ)句的基本語(yǔ)法包括哪些？（5）如何為影片添加播放控制和播放跳轉(zhuǎn)腳本命令？電子教案課程： 第14章 測(cè)試及導(dǎo)出影片 課時(shí)內(nèi)容測(cè)試及

34、導(dǎo)出影片授課時(shí)間學(xué)時(shí)數(shù)1教學(xué)目標(biāo)þ 掌握影片的優(yōu)化和測(cè)試方法þ 了解影片的導(dǎo)出格式þ 了解影片和圖像的導(dǎo)出方法教學(xué)重點(diǎn)對(duì)影片的優(yōu)化教學(xué)難點(diǎn)對(duì)影片進(jìn)行測(cè)試教學(xué)設(shè)計(jì)1、教學(xué)思路：首先，讓同學(xué)們先了解測(cè)試及優(yōu)化影片有的作用。然后進(jìn)行系統(tǒng)地介紹優(yōu)化與測(cè)試影片的方法。最后學(xué)習(xí)導(dǎo)出影片。2、教學(xué)方法：講解完成后，發(fā)有問(wèn)題的影片讓同學(xué)們進(jìn)行優(yōu)化和測(cè)試，然后根據(jù)同學(xué)們?cè)跍y(cè)試與優(yōu)化影片的過(guò)程中出現(xiàn)的問(wèn)題再進(jìn)行補(bǔ)充講解。3、教學(xué)手段：結(jié)合實(shí)例進(jìn)行上機(jī)操作。4、教學(xué)資料及要求：課前要求學(xué)生下載一段自己喜歡的視頻。教學(xué)內(nèi)容知識(shí)回顧：上一課時(shí)講的ActionScript語(yǔ)句常用知識(shí)？討論問(wèn)

35、題：1、對(duì)影片進(jìn)行測(cè)試和優(yōu)化有什么作用？ 2、如何對(duì)影片進(jìn)行測(cè)試？第14章 測(cè)試及導(dǎo)出影片14.1 影片優(yōu)化和測(cè)試14.1.1 影片的優(yōu)化14.1.2 測(cè)試影片下載性能14.1.3 影片的調(diào)試14.1.4 “輸出”面板14.1.5 應(yīng)用舉例優(yōu)化與測(cè)試“春天”動(dòng)畫(huà)14.2 導(dǎo)出影片14.2.1 導(dǎo)出影片14.2.2 導(dǎo)出圖像14.2.3 應(yīng)用舉例導(dǎo)出“風(fēng)景”動(dòng)畫(huà)14.3 上機(jī)及項(xiàng)目實(shí)訓(xùn)14.3.1 測(cè)試及導(dǎo)出影片14.3.2 測(cè)試與導(dǎo)出圖像14.4 練習(xí)與提高本課小結(jié)1、 掌握影片的測(cè)試與優(yōu)化的方法。2、 掌握的影片的導(dǎo)出方法。思考題及作業(yè)（1）對(duì)影片進(jìn)行優(yōu)化主要是對(duì)哪幾個(gè)方面進(jìn)行優(yōu)化？（2）影

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

37、學(xué)資料及要求：課前要求學(xué)生從網(wǎng)上下載一些通過(guò)Photoshop制作的圖像，但圖像中必須包含有文本效果。教學(xué)內(nèi)容知識(shí)回顧：上一課時(shí)講的影片的測(cè)試與優(yōu)化？討論問(wèn)題：1、如何創(chuàng)建文字？ 2、如何對(duì)創(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

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