網(wǎng)頁電子教案（75-84）

1、谷城中等職業(yè)教育中心學(xué)校電子教案20142015學(xué)年度第一學(xué)期網(wǎng)頁制作課程電子教案 授課課題：商品展示動(dòng)畫素材 授課教師：蔣紅艷 NO： 38-39授課班級(jí)14春微機(jī)、14春商務(wù)授課日期授課類型講授、演示學(xué) 時(shí) 數(shù)4教學(xué)目標(biāo)在flash中制作數(shù)碼商店商品展示動(dòng)畫素材教學(xué)內(nèi)容商品展示動(dòng)畫重點(diǎn)難點(diǎn)對(duì)齊面板的使用、圖層2對(duì)象的放置教學(xué)方法演示、講解學(xué)習(xí)方法觀察、實(shí)訓(xùn)教學(xué)過程設(shè)計(jì)備注（時(shí)間分配、個(gè)性修改等）教學(xué)步驟及主要內(nèi)容一、 范例展示二、任務(wù)分析1、動(dòng)畫類型：漸變動(dòng)畫；2、漸變動(dòng)畫的制作方法：兩個(gè)關(guān)鍵幀，中間創(chuàng)建補(bǔ)間；3、一張圖片好做動(dòng)畫，一組圖片如何做漸變動(dòng)畫？4、一組圖片如何在舞臺(tái)上快速的調(diào)整

2、好位置？5、如何做到舞臺(tái)不留白？圖片不斷循環(huán)滾動(dòng)？三、教師演示1、復(fù)習(xí)漸變動(dòng)畫的制作；2、新建文件：寬180高800，背景淺藍(lán)色；3、導(dǎo)入素材圖片到庫中；4、從庫中拖數(shù)碼圖片至舞臺(tái)上，用對(duì)齊面板進(jìn)行調(diào)整排列；5、把排列好的圖片進(jìn)行組合；6、圖層1：第1幀，把圖片組與舞臺(tái)水平中齊，頂端對(duì)齊；第300幀，圖片組與舞臺(tái)水平中齊，移至舞臺(tái)上方；兩關(guān)鍵幀之間創(chuàng)建傳統(tǒng)補(bǔ)間；7、圖層2：第1幀，復(fù)制圖片組，使之緊挨著圖層1圖片后面放置；第300幀，圖片組與舞臺(tái)頂對(duì)齊；兩關(guān)鍵幀之間創(chuàng)建傳統(tǒng)補(bǔ)間；課堂練習(xí)制作數(shù)碼商店商品展示動(dòng)畫 小結(jié)與作業(yè)課堂小結(jié)   本課作業(yè) 

3、; 本課教學(xué)后記（課堂設(shè)計(jì)理念，實(shí)際教學(xué)效果及改進(jìn)設(shè)想）    教研組長簽字： 年 月 日20142015學(xué)年度第一學(xué)期網(wǎng)頁制作課程電子教案 授課課題：數(shù)碼商店logo 授課教師：蔣紅艷 NO： 40-42-授課班級(jí)14春微機(jī)、14春商務(wù)授課日期授課類型講授、演示學(xué) 時(shí) 數(shù)6教學(xué)目標(biāo)1、 認(rèn)識(shí)photoshop工作環(huán)境；2、 掌握用ps制作簡單圖片的方法；教學(xué)內(nèi)容數(shù)碼商店logo制作重點(diǎn)難點(diǎn)1、 選區(qū)工具；2、 漸變工具3、 文本工具教學(xué)方法演示、講解學(xué)習(xí)方法觀察、實(shí)訓(xùn)教學(xué)過程設(shè)計(jì)備注（時(shí)間分配、個(gè)性修改等）教學(xué)步驟及主要內(nèi)容一、范例展示二、認(rèn)

4、識(shí)PS工作環(huán)境菜單、工具、畫布、面板組三、PS基本操作1、新建文件，設(shè)置畫布；2、設(shè)置前景色、背景色；3、用前后景色填充畫布；4、文本輸入，樣式設(shè)置；5、打開外部素材，簡單去背景；6、選區(qū)工具的簡單使用； 四、教師演示logo制作1、新建文件，設(shè)置畫布：730*120像素； 2、設(shè)置前景色為淺藍(lán)，atl+delete，填充； 3、打開素材圖，用魔棒選中背景，反選，去除背景，拖至畫布左端放置； 4、文本工具，輸入標(biāo)題文本，圖層樣式中設(shè)置文本樣式；5、輸入網(wǎng)址文字，繪制圓角矩形作背景進(jìn)行修飾； 6、用字母組合LOGO圖案；7、用選區(qū)和漸變工具填充色塊，美化背景；8、其他樣式設(shè)置9、保存為gif格式文件。 課堂練習(xí)制作數(shù)碼商店LOGO 小結(jié)與作業(yè)課堂小結(jié)   本課作業(yè)