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

word電子教案課程： 第1章網(wǎng)頁制作根底課時(shí)內(nèi)容網(wǎng)頁制作根底授課時(shí)間學(xué)時(shí)數(shù)2教學(xué)目標(biāo)þ 了解HTML的組成和語法þ 了解網(wǎng)頁制作的常用軟件þ 掌握網(wǎng)頁制作軟件的啟動(dòng)和退出方法教學(xué)重點(diǎn)網(wǎng)頁制作的一些根本知識(shí)教學(xué)難點(diǎn)HTML的組成和語法教學(xué)設(shè)計(jì)1、 教學(xué)思路：首先，讓同學(xué)們說說他們對(duì)網(wǎng)頁的一個(gè)認(rèn)識(shí)。然后進(jìn)展系統(tǒng)地介紹網(wǎng)頁是什么，由哪些局部組成，還有網(wǎng)頁制作時(shí)所需掌握的一些根底知識(shí)和制作網(wǎng)頁時(shí)常用到的一些軟件。最后學(xué)習(xí)網(wǎng)頁制作軟件的啟動(dòng)和退出方法。2、 教學(xué)方法：先登錄一些常用的，讓同學(xué)們看一些網(wǎng)頁，然后讓同學(xué)們說下他們度網(wǎng)頁的認(rèn)識(shí)，最后才開始講解本周內(nèi)容。3、 教學(xué)手段：利用多媒體并結(jié)合網(wǎng)絡(luò)進(jìn)展教學(xué)。4、 教學(xué)資料與要求：課前要求學(xué)生先大致瀏覽本書內(nèi)容，對(duì)本書所要講解的內(nèi)容有個(gè)根本的了解。教學(xué)內(nèi)容討論問題：1、什么是網(wǎng)頁？ 2、網(wǎng)頁的根本組成局部是哪些？ 3、網(wǎng)頁有什么作用？第1章 網(wǎng)頁制作根底#1.1 網(wǎng)頁制作根底知識(shí)1.1.1 網(wǎng)頁簡(jiǎn)介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 動(dòng)畫制作軟件1.2.3 網(wǎng)頁布局軟件1.2.4 軟件配合與制作流程1.2.5 應(yīng)用舉例實(shí)戰(zhàn)網(wǎng)頁制作流程1.3 網(wǎng)頁制作軟件的啟動(dòng)與退出1.3.1 網(wǎng)頁制作軟件的啟動(dòng)1.3.2 文件的打開1.3.3 網(wǎng)頁制作軟件的退出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)頁1.5 練習(xí)與提高本課小結(jié)1、 了解網(wǎng)頁的組成。2、 掌握HTML的組成結(jié)構(gòu)與語法。3、 認(rèn)識(shí)制作網(wǎng)頁時(shí)常用到的一些軟件4、 掌握網(wǎng)頁的根本操作思考題與作業(yè)1HTML文檔結(jié)構(gòu)由哪幾局部組成？2制作網(wǎng)頁時(shí)常用軟件有哪些？3如何啟動(dòng)和退出Dreamweaver CS3？4如何打開Flash文件？5如何退出Photoshop？電子教案課程： 第2章 Dreamweaver CS5根本操作課時(shí)內(nèi)容Dreamweaver CS5根本操作授課時(shí)間學(xué)時(shí)數(shù)2教學(xué)目標(biāo)þ 認(rèn)識(shí)Dreamweaver CS5的工作界面þ 掌握網(wǎng)頁文檔的根本操作方法þ 掌握頁面屬性的設(shè)置þ 掌握設(shè)置并管理站點(diǎn)的方法教學(xué)重點(diǎn)認(rèn)識(shí)Dreamweaver CS5的工作界面教學(xué)難點(diǎn)設(shè)置頁面屬性和站點(diǎn)管理教學(xué)設(shè)計(jì)1、 教學(xué)思路：首先，讓同學(xué)們認(rèn)識(shí)Dreamweaver CS5的工作界面。然后進(jìn)展系統(tǒng)地介紹網(wǎng)頁文檔制作的根本操作方法與頁面的設(shè)置。最后學(xué)習(xí)對(duì)站點(diǎn)的管理以與設(shè)置方法。2、 教學(xué)方法：讓同學(xué)們先回憶一下上節(jié)課所講內(nèi)容，然后讓同學(xué)們回答網(wǎng)頁是由哪幾局部組成的，了解同學(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)頁由哪幾局部組成？討論問題：1、Dreamweaver CS5的工作界面由哪幾局部組成？ 2、各局部的作用是什么？?jī)?nèi)容：1. 了解網(wǎng)頁元素2 Dreamweaver CS5工作界面3 網(wǎng)頁文檔的根本操作4 站點(diǎn)管理本課小結(jié)1、 了解Dreamweaver CS5工作界面的組成局部與各局部的作用。2、 掌握網(wǎng)頁文檔的根本操作。3、 掌握頁面屬性的設(shè)置。4、 對(duì)Dreamweaver CS5站點(diǎn)的管理。思考題與作業(yè)1預(yù)覽網(wǎng)頁效果一般會(huì)注意哪些方面？2如何創(chuàng)建和規(guī)劃站點(diǎn)？3如何創(chuàng)建站點(diǎn)文件和文件夾？4設(shè)置頁面屬性，一般包括那幾個(gè)方面？電子教案課程：第3章 創(chuàng)建網(wǎng)頁根本對(duì)象 課時(shí)內(nèi)容創(chuàng)建網(wǎng)頁根本對(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)頁中創(chuàng)建的對(duì)象教學(xué)設(shè)計(jì)1、 教學(xué)思路：首先，讓同學(xué)們先說說在Word、Excel中插入與編輯對(duì)象的方法。然后進(jìn)展系統(tǒng)地介紹在網(wǎng)頁中創(chuàng)建和編輯對(duì)象的方法。最后學(xué)習(xí)在網(wǎng)頁中創(chuàng)建超級(jí)的方法。2、教學(xué)方法：可以選擇一種同學(xué)們熟悉的，并且插入對(duì)象與編輯對(duì)象的方法要與在網(wǎng)頁中插入和編輯對(duì)象的方法根本一樣的軟件，進(jìn)展比擬講解，這樣既可以讓同學(xué)們快速地掌握其操作方法，又可以鞏固以前的知識(shí)。3、教學(xué)手段：利用多媒體并結(jié)合書本上的內(nèi)容進(jìn)展教學(xué)。4、教學(xué)資料與要求：課前要求學(xué)生了解在Word辦公軟件中創(chuàng)建超級(jí)的方法。教學(xué)內(nèi)容知識(shí)回顧：上一課時(shí)講的Dreamweaver CS5的工作界面由哪幾局部組成？討論問題：1、如何在網(wǎng)頁中插入對(duì)象？ 2、插入這些對(duì)象有何作用？ 3、怎樣對(duì)插入的對(duì)象進(jìn)展編輯？?jī)?nèi)容：3.1 文本的操作3.2 插入和編輯圖像3.3 創(chuàng)建超級(jí)本課小結(jié)1、 掌握在網(wǎng)頁中插入對(duì)象的方法。2、 掌握在網(wǎng)頁中編輯對(duì)象的方法。3、 了解在網(wǎng)頁中創(chuàng)建超級(jí)的方法。思考題與作業(yè)1如何在頁面中插入圖像？2如何在頁面中創(chuàng)建一個(gè)錨記？3如何為自己的創(chuàng)建電子？電子教案課程：第4章 布局頁面 課時(shí)內(nèi)容布局頁面授課時(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é)們先說說對(duì)插入的表格可以進(jìn)展哪些編輯操作。然后進(jìn)展系統(tǒng)地介紹在網(wǎng)頁中插入表格和創(chuàng)建框架的方法。最后學(xué)習(xí)對(duì)插入表格和創(chuàng)建的框架進(jìn)展編輯操作。2、教學(xué)方法：講課前可以先講一個(gè)與網(wǎng)頁有關(guān)的小故事或做一個(gè)小游戲，活躍下氣氛，帶動(dòng)同學(xué)們的積極性。3、教學(xué)手段：利用多媒體，對(duì)表格和框架的編輯方法進(jìn)展詳細(xì)講解。4、教學(xué)資料與要求：課前要求學(xué)生了解布局頁面常用到的對(duì)象有哪些。教學(xué)內(nèi)容知識(shí)回顧：上一課時(shí)講的在網(wǎng)頁中插入對(duì)象與編輯對(duì)象的方法？討論問題：1、為什么要使用表格和框架布局頁面呢？ 2、這樣做對(duì)網(wǎng)頁的整體效果起什么作用？ 3、又如何在網(wǎng)頁中插入表格和創(chuàng)建對(duì)象？第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)用舉例制作后臺(tái)框架頁面4.3 上機(jī)與項(xiàng)目實(shí)訓(xùn)4.3.1 制作后臺(tái)管理頁面4.3.2 制作“探險(xiǎn)游網(wǎng)頁4.4 練習(xí)與提高本課小結(jié)1、掌握布局頁面的方法。3、掌握對(duì)創(chuàng)建的表格和框架進(jìn)展屬性設(shè)置。思考題與作業(yè)1如何創(chuàng)建表格和框架？2表格和框架在頁面中有什么用？電子教案課程：第5章 使用AP Div和行為 課時(shí)內(nèi)容使用AP Div和行為授課時(shí)間學(xué)時(shí)數(shù)3教學(xué)目標(biāo)þ 掌握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)頁對(duì)一個(gè)的作用，盡量講同學(xué)們感興趣的方面。3、教學(xué)手段：由淺入深并結(jié)合多媒體進(jìn)展教學(xué)。4、教學(xué)資料與要求：課前要求學(xué)生從網(wǎng)上多看一些網(wǎng)頁，并進(jìn)展簡(jiǎn)單的分析。教學(xué)內(nèi)容知識(shí)回顧：上一課時(shí)講的如何編輯表格和框架？討論問題：1、AP Div是什么？ 2、在網(wǎng)頁中有什么用？ 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布局頁面5.3 行為的根本操作5.3.1 認(rèn)識(shí)行為和事件5.3.2 “行為面板5.3.3 內(nèi)置行為動(dòng)作的應(yīng)用5.3.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)頁5.5 練習(xí)與提高本課小結(jié)1、掌握創(chuàng)建和設(shè)置AP Div和行為的方法。2、掌握AP Div和行為的使用方法。思考題與作業(yè)1在頁面中如何創(chuàng)建多個(gè)嵌套AP Div？2如何在頁面上設(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)單認(rèn)識(shí)。然后進(jìn)展系統(tǒng)地介紹表單對(duì)象的創(chuàng)建方法。最后學(xué)習(xí)制作簡(jiǎn)單的表單頁面。2、教學(xué)方法：上課前可以先出一道與上章知識(shí)有關(guān)的思考題，題要比擬靈活，這樣可考驗(yàn)下同學(xué)們的思維能力。3、教學(xué)手段：利用多媒體并結(jié)合實(shí)例進(jìn)展教學(xué)。4、教學(xué)資料與要求：課前要求學(xué)生復(fù)習(xí)上一章所講過的知識(shí)。教學(xué)內(nèi)容知識(shí)回顧：上一課時(shí)講的AP Div和行為的使用方法？討論問題：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 單項(xiàng)選擇按鈕6.2.4 列表和菜單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è)表單頁面6.3.2 制作搜索表單6.4 練習(xí)與提高本課小結(jié)1、掌握表單的概念。2、掌握創(chuàng)建表單對(duì)象的方法。思考題與作業(yè)1在頁面中插入文本域的方法是什么？2如何創(chuàng)建單項(xià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樣式的方法þ 了解多媒體和Flash文件類型þ 掌握插入多媒體對(duì)象的方法þ 掌握使用CSS樣式和Flash制作網(wǎng)頁的方法教學(xué)重點(diǎn)創(chuàng)建和應(yīng)用CSS的方法以與多媒體的應(yīng)用教學(xué)難點(diǎn)CSS屬性的設(shè)置教學(xué)設(shè)計(jì)1、教學(xué)思路：首先，讓同學(xué)說說對(duì)多媒體的理解。然后在詳細(xì)地講解CSS在網(wǎng)頁中的應(yīng)用。最后學(xué)習(xí)插入Flash動(dòng)畫和影片的方法。2、教學(xué)方法：本章內(nèi)容講解完后，可讓同學(xué)們根據(jù)自己下載的Flash動(dòng)畫和影片制作一個(gè)網(wǎng)頁。3、教學(xué)手段：結(jié)合實(shí)例進(jìn)展上機(jī)操作。4、教學(xué)資料與要求：課前要求學(xué)生從網(wǎng)上下載一些Flash動(dòng)畫和簡(jiǎn)短的影片。教學(xué)內(nèi)容知識(shí)回顧：上一課時(shí)講的表單對(duì)象的創(chuàng)建？討論問題：1、廣義的多媒體和俠義的多媒體分別指什么？ 2、網(wǎng)頁中應(yīng)用多媒體有什么作用？第7章 CSS與多媒體的應(yīng)用7.1 網(wǎng)頁中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īng)用7.2.1 多媒體的概念7.2.2 Flash文件類型7.2.3 插入Flash動(dòng)畫7.2.4 插入Shockwave影片7.2.5 應(yīng)用舉例在頁面中插入Flash動(dòng)畫7.3 上機(jī)與項(xiàng)目實(shí)訓(xùn)7.3.1 制作“娃娃網(wǎng)周年網(wǎng)頁7.3.2 制作“SHOW廣告動(dòng)畫網(wǎng)頁7.4 練習(xí)與提高本課小結(jié)1、掌握新建CSS樣式的方法。2、掌握設(shè)置CSS屬性的方法。3、掌握多媒體在網(wǎng)頁中的應(yīng)用。思考題與作業(yè)1CSS的主要作用是什么？2如何在頁面中所創(chuàng)建的樣式？3新建CSS樣式的方法有哪些？4設(shè)置CSS樣式的屬性包括那幾個(gè)方面？電子教案課程：第8章 Flash CS3根底 課時(shí)內(nèi)容Flash CS3根底授課時(shí)間學(xué)時(shí)數(shù)1教學(xué)目標(biāo)þ 認(rèn)識(shí)Flash動(dòng)畫þ 了解Flash CS3的工作界面þ 掌握Flash文檔的創(chuàng)建和保存教學(xué)重點(diǎn)Flash動(dòng)畫的應(yīng)用和其文檔的根本操作教學(xué)難點(diǎn)認(rèn)識(shí)Flash CS3的工作界面教學(xué)設(shè)計(jì)1、教學(xué)思路：首先，先講Flash動(dòng)畫在網(wǎng)頁中起什么作用，能使網(wǎng)頁達(dá)到一個(gè)什么效果。然后進(jìn)展系統(tǒng)地介紹Flash動(dòng)畫的應(yīng)用和認(rèn)識(shí)Flash CS3工作界面。最后學(xué)習(xí)Flash文檔的根本操作方法。2、教學(xué)方法：讓同學(xué)們以小組的形式進(jìn)展討論Flash動(dòng)畫的應(yīng)用領(lǐng)域。3、教學(xué)手段：利用多媒體并結(jié)合網(wǎng)頁中插入的Flash動(dòng)畫進(jìn)展講解。4、教學(xué)資料與要求：課前要求學(xué)生預(yù)習(xí)本章內(nèi)容。教學(xué)內(nèi)容知識(shí)回顧：上一課時(shí)講的CSS與多媒體在網(wǎng)頁中的應(yīng)用？討論問題：1、Flash動(dòng)畫具體是指什么？ 2、在網(wǎng)頁中起什么作用？第8章 Flash CS3根底8.1 認(rèn)識(shí)Flash動(dòng)畫8.1.1 Flash動(dòng)畫的原理與應(yīng)用領(lǐng)域8.1.2 Flash動(dòng)畫在網(wǎng)頁方面的應(yīng)用8.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文檔的打開8.2.4 應(yīng)用舉例新建Flash廣告動(dòng)畫8.3 上機(jī)與項(xiàng)目實(shí)訓(xùn)8.3.1 制作“gongzhuFlash文檔8.3.2 制作SHOW文檔8.4 練習(xí)與提高本課小結(jié)1、了解Flash的應(yīng)用領(lǐng)域。2、認(rèn)識(shí)Flash CS3的工作界面。3、掌握Flash文檔的根本操作。思考題與作業(yè)1Flash主要應(yīng)用于哪些方面？2Flash CS3的工作界面由哪幾局部組成？3如何新建一個(gè)Flash動(dòng)畫？4打開和關(guān)閉Flash CS3的方法分別有哪些？5如何預(yù)覽動(dòng)畫效果？電子教案課程：第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é)們先看一些通過Flash繪制的圖像效果。然后進(jìn)展系統(tǒng)地介紹工具箱中各工具的使用方法和作用以與圖像的編輯與導(dǎo)入操作。最后學(xué)習(xí)創(chuàng)建特殊效果的方法。2、教學(xué)方法：選擇網(wǎng)頁制作軟件Dreamweave和Flash進(jìn)展比擬講解，既可以復(fù)習(xí)前面講過的知識(shí)，又可以很快的掌握本章所講知識(shí)。3、教學(xué)手段：結(jié)合前面講過的知識(shí)并利用多媒體進(jìn)展教學(xué)。4、教學(xué)資料與要求：課前要求學(xué)生復(fù)習(xí)Dreamweave那章的知識(shí)。教學(xué)內(nèi)容知識(shí)回顧：上一課時(shí)講的Flash動(dòng)畫的應(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 繪制水果拼盤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如何通過“濾鏡面板創(chuàng)建模糊效果的文字？電子教案課程：第10章 元件和“庫(kù)面板 課時(shí)內(nèi)容元件和“庫(kù)面板授課時(shí)間學(xué)時(shí)數(shù)2教學(xué)目標(biāo)þ 掌握元件的創(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é)方法：可以通過實(shí)例對(duì)不同的元件進(jìn)展操作使用。3、教學(xué)手段：結(jié)合實(shí)例進(jìn)展上機(jī)操作。4、教學(xué)資料與要求：課前要求學(xué)生預(yù)習(xí)下章內(nèi)容。教學(xué)內(nèi)容知識(shí)回顧：上一課時(shí)講的繪制Flash圖像的操作方法？討論問題：1、元件的含義是什么？ 2、如何進(jìn)展庫(kù)的管理？第10章 元件和“庫(kù)面板10.1 元件的創(chuàng)建10.1.1 元件的概念10.1.2 圖形元件10.1.3 按鈕元件10.1.4 影片剪輯元件10.1.5 應(yīng)用舉例制作“短靴動(dòng)畫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)畫10.4 練習(xí)與提高本課小結(jié)1、掌握元件的概念與創(chuàng)建元件2、了解“庫(kù)面板的使用與管理思考題與作業(yè)1Flash中可以創(chuàng)建的元件有哪幾種類型？2通過什么方式可以將圖形轉(zhuǎn)換為圖形元件？3如何將“庫(kù)面板中的圖形文件拖到編輯區(qū)域中？電子教案課程：第11章 用時(shí)間軸創(chuàng)建動(dòng)畫 課時(shí)內(nèi)容用時(shí)間軸創(chuàng)建動(dòng)畫授課時(shí)間學(xué)時(shí)數(shù)3教學(xué)目標(biāo)þ 了解時(shí)間軸的組成þ 幀和關(guān)鍵幀的創(chuàng)建與屬性設(shè)置方法þ 了解創(chuàng)建動(dòng)畫的類型和方法þ 使用引導(dǎo)層和遮罩層創(chuàng)建動(dòng)畫教學(xué)重點(diǎn)時(shí)間軸與關(guān)鍵幀教學(xué)難點(diǎn)通過時(shí)間軸創(chuàng)建動(dòng)畫教學(xué)設(shè)計(jì)1、教學(xué)思路：首先，讓同學(xué)們先了解時(shí)間軸的組成局部。然后在系統(tǒng)地介紹在時(shí)間軸中插入幀和創(chuàng)建動(dòng)畫的方法。最后學(xué)習(xí)特殊圖層的應(yīng)用。2、教學(xué)方法：可先上同學(xué)們看一些通過時(shí)間軸創(chuàng)建的動(dòng)畫效果。3、教學(xué)手段：可采用比擬典型的例子進(jìn)展上機(jī)操作講解。4、教學(xué)資料與要求：課前要求學(xué)生們對(duì)前面講過的知識(shí)動(dòng)手進(jìn)展操作。教學(xué)內(nèi)容知識(shí)回顧：上一課時(shí)講的元件和“庫(kù)“面板的使用？討論問題：1、為什么本章的重點(diǎn)是時(shí)間軸的使用呢？ 2、為什么要用時(shí)間軸創(chuàng)建動(dòng)畫？第11章 用時(shí)間軸創(chuàng)建動(dòng)畫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)畫11.2.1 逐幀動(dòng)畫11.2.2 補(bǔ)間動(dòng)畫11.2.3 應(yīng)用舉例文本特效動(dò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í)與提高本課小結(jié)1、掌握插入幀的方法。2、掌握創(chuàng)建逐幀動(dòng)畫的方法。 3、了解特殊圖層的應(yīng)用思考題與作業(yè)1時(shí)間軸由哪幾局部組成？2根據(jù)動(dòng)畫樣式的不同，補(bǔ)間動(dòng)畫可以分為哪兩種類型？3創(chuàng)建動(dòng)畫補(bǔ)間可以通過哪幾種方式？4建引導(dǎo)層的方法有哪幾種？20 / 20電子教案課程：第12章 導(dǎo)入聲音和視頻 課時(shí)內(nèi)容導(dǎo)入聲音和視頻授課時(shí)間學(xué)時(shí)數(shù)2教學(xué)目標(biāo)þ 了解聲音的類型和可以導(dǎo)入的視頻格式þ 掌握聲音和視頻的導(dǎo)入方法þ 了解聲音和音效的設(shè)置方法教學(xué)重點(diǎn)導(dǎo)入聲音和視頻教學(xué)難點(diǎn)處理聲音教學(xué)設(shè)計(jì)1、教學(xué)思路：首先，讓同學(xué)們說說導(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)展教學(xué)。4、教學(xué)資料與要求：課前要求學(xué)生從網(wǎng)上下載不同格式的聲音和視頻。教學(xué)內(nèi)容知識(shí)回顧：上一課時(shí)講的使用時(shí)間軸創(chuàng)建動(dò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)用舉例為“狼動(dò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)入視頻12.5 練習(xí)與提高本課小結(jié)1、 掌握導(dǎo)入聲音和視頻的方法。2、 了解可導(dǎo)入的聲音和視頻格式3、 設(shè)置聲音屬性和音效的方法。思考題與作業(yè)1聲音分為哪兩種類型？2通過哪些方式可以打開“聲音屬性對(duì)話框？3可導(dǎo)入的視頻格式有哪些？4如何為添加的聲音設(shè)置效果？電子教案課程：第13章 使用ActionScript語句 課時(shí)內(nèi)容使用ActionScript語句授課時(shí)間學(xué)時(shí)數(shù)2教學(xué)目標(biāo)þ 了解ActionScript的類型þ 了解函數(shù)、變量和運(yùn)算符的運(yùn)用þ教學(xué)重點(diǎn)ActionScript語句教學(xué)難點(diǎn)ActionScript語句的使用教學(xué)設(shè)計(jì)1、教學(xué)思路：首先，讓同學(xué)們先知道ActionScript的含義。然后進(jìn)展系統(tǒng)地介紹ActionScript的使用以與根本的語法知識(shí)。最后學(xué)習(xí)一些常見ActionScript語句的使用。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è)置？討論問題：1、什么是ActionScrip語句？ 2、它和我們平時(shí)語文和英語中所講的語句有何不同？第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 處理對(duì)象13.2.6 應(yīng)用舉例創(chuàng)建文本跟隨鼠標(biāo)移動(dòng)的動(dò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)用舉例重播動(dòng)畫13.4 上機(jī)與項(xiàng)目實(shí)訓(xùn)13.4.1 制作可拖動(dòng)的小球動(dòng)畫13.4.2 制作星空閃爍動(dòng)畫13.5 練習(xí)與提高本課小結(jié)1、 了解ActionScript的根本知識(shí)。2、 了解ActionScript語句的組成和語法規(guī)如此3、 掌握常見的ActionScript語句。思考題與作業(yè)？2如何使用按鈕控制影片的停止和播放？3在Flash CS3中為變量命名時(shí)必須遵循哪些原如此？4ActionScript語句的根本語法包括哪些？5如何為影片添加播放控制和播放跳轉(zhuǎn)腳本命令？電子教案課程：第14章 測(cè)試與導(dǎo)出影片 課時(shí)內(nèi)容測(cè)試與導(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ā)有問題的影片讓同學(xué)們進(jìn)展優(yōu)化和測(cè)試，然后根據(jù)同學(xué)們?cè)跍y(cè)試與優(yōu)化影片的過程中出現(xiàn)的問題再進(jìn)展補(bǔ)充講解。3、教學(xué)手段：結(jié)合實(shí)例進(jìn)展上機(jī)操作。4、教學(xué)資料與要求：課前要求學(xué)生下載一段自己喜歡的視頻。教學(xué)內(nèi)容知識(shí)回顧：上一課時(shí)講的ActionScript語句常用知識(shí)？討論問題：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)畫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)畫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影片導(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é)們說說對(duì)創(chuàng)建的文字一般會(huì)進(jìn)展哪些方面的編輯，然后進(jìn)展系統(tǒng)地介紹創(chuàng)建和編輯文字的方法。最后了解圖層的含義，學(xué)習(xí)圖層的根本操作方法和圖層混合模式的應(yīng)用。2、教學(xué)方法：先讓同學(xué)們對(duì)創(chuàng)建文字的過程和圖層的應(yīng)用有根本的了解，然后在通過例子具體的講解，分析。3、教學(xué)手段：結(jié)合實(shí)例進(jìn)展上機(jī)操作。4、教學(xué)資料與要求：課前要求學(xué)生從網(wǎng)上下載一些通過Photoshop制作的圖像，但圖像中必須包含有文本效果。教學(xué)內(nèi)容知識(shí)回顧：上一課時(shí)講的影片的測(cè)試與優(yōu)化？討論問題：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 練習(xí)與提高本課小結(jié)1、掌握文字的創(chuàng)建過程。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)的方法þ 了解散通道的概念和根本操作方法þ 了解專色通道的概念教學(xué)重點(diǎn)認(rèn)識(shí)路徑、色彩和通道教學(xué)難點(diǎn)路徑、色彩和通道的使用教學(xué)設(shè)計(jì)1、教學(xué)思路：首先，讓同學(xué)們認(rèn)識(shí)路徑、色彩和通道，然后在詳細(xì)地講解它們的使用方法，最后通過例子進(jìn)展補(bǔ)充講解2、教學(xué)方法：讓同學(xué)們先看一些未使用路徑、色彩和通道的圖片，然后在看些使用路徑、色彩和通道的圖片，對(duì)其進(jìn)展比擬講解。3、教學(xué)手段：利用多媒體并結(jié)合實(shí)例進(jìn)展教學(xué)。4、教學(xué)資料與要求：課前要求學(xué)生復(fù)習(xí)本書所有講過的內(nèi)容。教學(xué)內(nèi)容知識(shí)回顧：上一課時(shí)講的文字和圖層的應(yīng)用？討論問題：1、路徑、色彩和通道各局部起什么作用？ 2、對(duì)圖片有什么影響？第16章 路徑、色彩和通道應(yīng)用16.1 創(chuàng)建路徑16.1.1 路徑的概念16.1.2 路徑工具的使用16.1.3 編輯路徑16.1.4 應(yī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)用舉例對(duì)網(wǎng)頁中的圖片進(jìn)展處理16.4 上機(jī)與項(xiàng)目實(shí)訓(xùn)16.4.1 制作網(wǎng)頁中Banner16.4.2 改變衣服的顏色16.5 練習(xí)與提高本課小結(jié)1、 掌握路徑的根本知識(shí)與編輯方法。2、 掌握調(diào)整圖片色調(diào)和色彩的方法。3、 掌握通道的操作方法。思考題與作業(yè)1路徑和通道的含義各是什么？2對(duì)繪制完的路徑一般要進(jìn)展哪些編輯操作？3通道的操作一般包含哪些方面？4如何繪制一個(gè)企業(yè)的Logo？電子教案課程：第17章 項(xiàng)目設(shè)計(jì)案例 課時(shí)內(nèi)容項(xiàng)目設(shè)計(jì)案例授課時(shí)間學(xué)時(shí)數(shù)3教學(xué)目標(biāo)þ 掌握用Photoshop制作網(wǎng)頁圖像素材þ 掌握用Flash CS3創(chuàng)建網(wǎng)頁導(dǎo)航條þ 掌握用Dreamweaver CS3創(chuàng)建站點(diǎn)和網(wǎng)頁教學(xué)重點(diǎn)制作網(wǎng)頁教學(xué)難點(diǎn)合理利用Photoshop、Flash CS3、Dreamweaver CS3制作網(wǎng)頁所需素材教學(xué)設(shè)計(jì)1、教學(xué)思路：首先，讓同學(xué)們先復(fù)習(xí)前面所學(xué)知識(shí)。然后進(jìn)展系統(tǒng)地介紹制作網(wǎng)頁的全部過程。最后學(xué)習(xí)制作網(wǎng)頁。2、教學(xué)方法：先欣賞一些網(wǎng)頁，最后讓同學(xué)們自己動(dòng)手制作一個(gè)完整的網(wǎng)頁。3、教學(xué)手段：利用多媒體對(duì)相關(guān)實(shí)例進(jìn)展分析操作。4、教學(xué)資料與要求：課前要求學(xué)生從網(wǎng)上收集一些制作網(wǎng)頁所需要的一些素材。教學(xué)內(nèi)容知識(shí)回顧：上一課時(shí)講的路徑、色調(diào)和通道的使用？討論問題：1、Photoshop能為網(wǎng)頁提供的素材包含哪些方面？ 2、Photoshop在網(wǎng)頁中起什么作用？第17章 項(xiàng)目設(shè)計(jì)案例17.1 項(xiàng)目目標(biāo)17.2 項(xiàng)目分析17.3 實(shí)現(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)頁？