2019最新人教版信息技術(shù)五下第14課《網(wǎng)頁的動(dòng)態(tài)效果》教案

1、2019最新 人教版信 息技術(shù)五 下第14課網(wǎng)頁的 動(dòng)態(tài)效果教案第8章網(wǎng)貝動(dòng)態(tài)效果的制作(網(wǎng)貝制作中職教程何克抗)節(jié)8.1 用Dreamweaver MX制作動(dòng)態(tài)效果1、掌握利用META制作網(wǎng)貝過渡效果教學(xué)目標(biāo)2、掌握利用層和時(shí)間線制作動(dòng)態(tài)效果3、掌握利用行為制作各類動(dòng)態(tài)效果教學(xué)重1、層移動(dòng)和時(shí)間線概念點(diǎn)、難點(diǎn)2、行為插件的制作技能培訓(xùn)1、使制作的網(wǎng)頁更加人性化，使網(wǎng)頁能夠動(dòng)起來并且有艮好的交互性的目的2、合理發(fā)掘利用 Dreamweaver MX的功能教法演示與練習(xí)相結(jié)合、引發(fā)學(xué)生學(xué)習(xí)的興趣、指導(dǎo)學(xué)生自學(xué)學(xué)法記憶、觀察、思考與上機(jī)實(shí)踐教具使用多媒體投影、多媒體計(jì)算機(jī)機(jī)房教學(xué)內(nèi)容與過程教學(xué)內(nèi)容

2、教師活動(dòng)學(xué)生活動(dòng)備注復(fù)習(xí)提問:提問：思考1、 簡述色彩搭配的一般原則回答問題2、網(wǎng)貝中，是不是動(dòng)態(tài)效果做的越多越好？導(dǎo)入新課引發(fā)學(xué)習(xí)1.用多媒體力缶展布 已兀成日勺網(wǎng)站，包拈網(wǎng)貝動(dòng)態(tài)效果META、層和時(shí)間線、行為等興趣2.啟動(dòng)DreamWeaverMX軟件展示對這些動(dòng)態(tài)效果明確學(xué)習(xí)的處理內(nèi)容講few果給出本節(jié)課題8.1 用Dreamweaver MX制作動(dòng)態(tài)效果1 .利用1.網(wǎng)貝溶解的過渡效果理解記憶教師講解META 制(1)單擊菜單中的“插入”| “文件頭標(biāo)簽”I作網(wǎng)貝過meta命令時(shí)要盡量渡效果(2)設(shè)置 meta”對話框，在“屬性”中選以實(shí)例講HiiP-equivaient 選項(xiàng)，在 值

3、 中鍵入PageEnter ”， 在“內(nèi)容”中鍵入“Revealtrans(Duration=4,Transition=12)”觀察操作 過程解，使學(xué) 生加深感 性認(rèn)識(shí)Transition的值及具體效果和設(shè)置如下所示效果ContentTransitionv盒狀收縮RevealTrans0盒狀展開RevealTrans1教師講圓形收縮RevealTrans2解、啟發(fā)圓形展開RevealTrans32 .利用 層和時(shí)間 軸制作的 動(dòng)態(tài)效果3 .利用 行為制作 各類動(dòng)態(tài) 效果向上擦除RevealTrans4向卜擦除RevealTrans5向左擦除RevealTrans6向右擦除RevealTrans

4、7垂直白貝窗RevealTrans8水平白貝窗RevealTrans9橫向棋盤式RevealTrans10縱向棋盤式RevealTrans11溶解RevealTrans12左右向中部收縮RevealTrans13中部向左右展開RevealTrans14上卜向中部收縮RevealTrans15中部向上下展開RevealTrans16階梯狀向左下展開RevealTrans17階梯狀向左上展開RevealTrans18階梯狀向右下展開RevealTrans19階梯狀向右上展開RevealTrans20隨機(jī)水平線RevealTrans21隨機(jī)垂直線RevealTrans22隨機(jī)RevealTrans2

5、32.層移動(dòng)效果(1)執(zhí)行菜單欄的“窗口”| “其他” | “時(shí)間軸”命令(2)執(zhí)行菜單的“插入”| “層”命令(3)光標(biāo)定位到新建的圖層中，執(zhí)行菜單的“插入” | “圖像”命令插入圖像(4)用鼠標(biāo)左鍵拖動(dòng)信封圖層放到時(shí)間軸面板 的第1層(5)選中了第1層中第1幀，此時(shí)將信封移到 整個(gè)窗口的左上角，選中第1層中白第15幀，將信封移動(dòng)到右邊(6)用鼠標(biāo)拖動(dòng)第一層的第15幀到第50幀，用以延長動(dòng)畫的時(shí)間(7)重復(fù)操作可以添加其他動(dòng)畫3.利用行為制作各類動(dòng)態(tài)效果 彈出消息框效果：(1)執(zhí)行菜單的“窗口”| “行為”命令(2)鼠標(biāo)選中主頁的橫幅圖片(3)行為面板上單擊添加行為按鈕，選擇“彈 出信息”命

6、令，在彈出的“彈出信息”對話框中輸 入信息(4)在行為面板中點(diǎn)擊事件的向卜前頭，選擇“OnCopy”事件 彈出廣告窗口效果：(1 )在站點(diǎn)下創(chuàng)建一個(gè)基本頁面學(xué)習(xí)具體 操作觀察操作 過程學(xué)習(xí)具體 操作觀察操作 過程教師講解 時(shí)要盡量 以實(shí)例講 解，使學(xué) 生加深感 性認(rèn)識(shí)要培養(yǎng)學(xué) 生勤動(dòng)腦 動(dòng)手的習(xí) 慣4.學(xué)生 上機(jī)操 作，復(fù)習(xí) 剛才所學(xué) 的操作， 同時(shí)復(fù)習(xí) 和思f七 師的問 題?！皐indow.html ”(2)打開網(wǎng)站“攝影天地”的首頁，使用快捷 鍵Shift+F3打開行為面板。(3)在行為面板中點(diǎn)擊添加行為按鈕，選擇“打開瀏覽器窗口”，在彈出的“打開瀏覽器窗 口”對話框中進(jìn)行適當(dāng)設(shè)置(4)選

7、擇頁面的空白處，在行為面板中選擇“Onload”事件檢查插件效果(以 Flash插件為例)：(1)準(zhǔn)備兩個(gè)頁面，一個(gè)是支持你插件的頁 面，另一個(gè)是不支持插件的貝囿。(2)點(diǎn)擊行為面板的按鈕，選擇“檢查插件” 命令。(3)設(shè)置“檢查插件”窗口為Flash插件(4)點(diǎn)擊確定按鈕，在行為面板中選擇“OnLoad”事件導(dǎo)航卜拉菜單的制作：(1)輸入文字“首頁”，給文字添加鏈接(2)執(zhí)行菜單的“文件”| “保存”命令(或使用快捷鍵CTRL+S鍵)保存義件。(3)用鼠標(biāo)選中文字“首頁”，打開行為面 板，點(diǎn)擊添加按鈕，選擇“顯示彈出式菜單”命 令。并設(shè)置對話框。(4)保存義件，看預(yù)覽效果4.上機(jī)操作：(1)繼續(xù)上機(jī)操作老師演示的實(shí)例，并記錄步驟(2)建立課后作業(yè)題 4.5(3)思考問題：行為事件是怎么發(fā)生的？操作，并 記錄卜來思考教師卜臺(tái) 指導(dǎo)學(xué)生 也可以采 用小組教 學(xué)的方 式，先小 組內(nèi)互幫 互學(xué)，小 組內(nèi)不能 解決的請 教老師小結(jié)1 .用META制作網(wǎng)貝過渡效果2 .用層和時(shí)間線制作動(dòng)