網(wǎng)頁電子教案（131-140）

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

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

3、; 本課教學后記（課堂設(shè)計理念，實際教學效果及改進設(shè)想）    教研組長簽字： 年 月 日20142015學年度第一學期網(wǎng)頁制作課程電子教案 授課課題：店鋪介紹 授課教師：蔣紅艷 NO： 68-70-授課班級14春微機、14春商務(wù)授課日期授課類型講授、演示學 時 數(shù)6教學目標1、 在網(wǎng)頁中插入flash動畫；2、 繪制局部布局表格；3、 添加網(wǎng)頁元素； 4、 設(shè)置CSS樣式教學內(nèi)容店鋪介紹重點難點1、 繪制布局表格； 2、 設(shè)置CSS樣式教學方法演示、講解學習方法觀察、實訓教學過程設(shè)計備注（時間分配、個性修改等）教學步驟及主要內(nèi)容一、范例展示二

4、、任務(wù)分析 1、生成網(wǎng)頁文件jieshao.html； 2、繪制布局； 3、添加網(wǎng)頁元素； 4、設(shè)置樣式； 5、創(chuàng)建鏈接。三、演示操作 1、復制樣式頁，重命名為jieshao.html； 2、在商品分類圖片下方插入商品分類動畫； 3、繪制主信息區(qū)布局：插入2行1列寬500像素的表格，讓表格中對齊； 4、設(shè)置表格第1行300像素，插入圖片，給圖片加邊框，設(shè)置居中對齊； 5、在第2行添加店鋪介紹文字，對文字進行段落調(diào)整，新建CSS樣式，對文字行高進行調(diào)整； 6、創(chuàng)建菜單鏈接。四、學生實訓，教師巡回指導； 五、作業(yè)點評、保存 課堂練習 小結(jié)與作業(yè)課堂小結(jié)   本課作業(yè)