以下是出國(guó)留學(xué)網(wǎng)整理的人教版八年級(jí)信息技術(shù)上冊(cè)《制作按鈕》教案內(nèi)容，歡迎大家瀏覽參考。更多相關(guān)信息請(qǐng)關(guān)注出國(guó)留學(xué)網(wǎng)教案欄目。
人教版八年級(jí)信息技術(shù)上冊(cè)《制作按鈕》教案一
教學(xué)目標(biāo)：
1、掌握按鈕制作的基本方法。
2、掌握按鈕中的動(dòng)畫設(shè)計(jì)方法。
3、掌握透明按鈕的制作
教學(xué)重點(diǎn)：按鈕元件的創(chuàng)建，按鈕動(dòng)畫的設(shè)計(jì)。
教學(xué)難點(diǎn)：按鈕中的四種狀態(tài)。
教學(xué)過程：
一、按鈕元件
按鈕用于響應(yīng)鼠標(biāo)，即隨鼠標(biāo)顯示不同的狀態(tài)，執(zhí)行指定的行為。
1、插入按鈕元件，執(zhí)行“插入”-“新建元件”命令(或者按鍵)，在創(chuàng)建新元件對(duì)話框中設(shè)置元件類型為按鈕，即可見如下界面
2、編輯按鈕元件：按鈕元件有彈起、指針經(jīng)過、按下和點(diǎn)擊四種狀態(tài)，如圖所示：
V 彈起：表示鼠標(biāo)沒有在按鈕上時(shí)的按鈕的狀態(tài)。
V 指針經(jīng)過：表示鼠標(biāo)經(jīng)過按鈕時(shí)按鈕的狀態(tài)。
V 按下：表示按下鼠標(biāo)時(shí)按鈕的狀態(tài)。
V 點(diǎn)擊：設(shè)置按鈕響應(yīng)鼠標(biāo)的區(qū)域。
如果要制作透明按鈕，僅在“點(diǎn)擊”畫出點(diǎn)范圍即可。
二、上機(jī)操作：制作以下實(shí)例
1、基本按鈕
分析：
1、彈起：二個(gè)圖片元件分別放置在文字和邊框圖層中
2、經(jīng)過：與彈起時(shí)的一個(gè)圖片元件相同，在此基礎(chǔ)上用“按我”的圖片元件創(chuàng)建一個(gè)影片剪輯元件。
3、按下：用“謝謝”圖片元件替換“按我”圖片元件
4、點(diǎn)擊：延續(xù)邊框圖層的第一幀，代表鼠標(biāo)進(jìn)入邊框區(qū)域后，按鈕才會(huì)有響應(yīng)。
彈起幀 指針經(jīng)過幀
按下幀 點(diǎn)擊幀
2、 練習(xí)：制作一個(gè)帶有以下動(dòng)畫效果的按鈕(自選一個(gè)完成)
提示：將按鈕下面的文字放在新的圖層上。
三、按鈕的點(diǎn)擊作用
1、一般按鈕點(diǎn)擊后均會(huì)產(chǎn)生一個(gè)動(dòng)作，如：停止、播放、重放、跳轉(zhuǎn)、超鏈接，如：(源文件下載)
2、按鈕的幾個(gè)常用動(dòng)作：
on動(dòng)作命令
下面我們就詳細(xì)地向大家介紹一下這八種事件的使用。
(1)press 在鼠標(biāo)指針經(jīng)過按鈕時(shí)按下鼠標(biāo)按鈕。單擊press，然后選擇動(dòng)作語句，雙擊【全局函數(shù)】|【時(shí)間軸控制】中的play 命令。
完整的action是：
on(press){ //設(shè)定鼠標(biāo)事件為按下，然后執(zhí)行大括號(hào)里面的語句。
play(); //按鈕響應(yīng)后執(zhí)行play(播放)動(dòng)作
}
press動(dòng)作 當(dāng)然，在大括號(hào)里面還可以用其他的語句，比如說，gotoAndPlay(yourframe); //點(diǎn)擊按鈕后，就會(huì)從你設(shè)置的幀播放。
(2) release 在鼠標(biāo)指針經(jīng)過按鈕時(shí)釋放鼠標(biāo)按鈕。單擊選擇release然后與第一個(gè)事件相同加入play命令。完成的語句如下：
on(release){ //當(dāng)鼠標(biāo)按下釋放的時(shí)候，執(zhí)行下面的語句動(dòng)作。
play(); //按鈕響應(yīng)后執(zhí)行play(播放)動(dòng)作。
}
release動(dòng)作 可以看到，當(dāng)鼠標(biāo)左鍵按下按鈕的時(shí)候，并沒有激發(fā)播放動(dòng)作，而是當(dāng)鼠標(biāo)左鍵放開的時(shí)候，執(zhí)行了播放動(dòng)作。這也是與“press”事件不同的地方。
(3)releaseOutside 當(dāng)鼠標(biāo)指針在按鈕之內(nèi)時(shí)按下按鈕后，將鼠標(biāo)指針移到按鈕之外，此時(shí)釋放鼠標(biāo)按鈕。 添加語句的方法同上。完整的語句如下：
on (releaseOutside) { //當(dāng)鼠標(biāo)在按鈕外部釋放的時(shí)候執(zhí)行下面的語句。
play(); //按鈕響應(yīng)后執(zhí)行播放動(dòng)作。
}
releaseOutside動(dòng)作
通過這個(gè)例子我們知道，當(dāng)鼠標(biāo)左鍵在按鈕上按住并移動(dòng)到按鈕以外的地方放開后，觸發(fā)了按鈕的動(dòng)作。這是一個(gè)具有非常想象力的事件，大家可以利用on的這個(gè)事件來制作游戲。
(4) rollOver 鼠標(biāo)指針滑過按鈕。制作方法同上，完整的as語句為：
on(rollover){ //當(dāng)鼠標(biāo)滑動(dòng)到按鈕上時(shí)執(zhí)行下面的動(dòng)作。
play(); //按鈕執(zhí)行播放動(dòng)作。
}
rollOver動(dòng)作 當(dāng)鼠標(biāo)指針從按鈕上滑過的時(shí)候，動(dòng)畫就開始執(zhí)行播放動(dòng)作了，而不需要點(diǎn)擊它。我們可以利用on的這個(gè)特點(diǎn)來制作一些圖示板，非常簡(jiǎn)單有效
(5)rollOut 鼠標(biāo)指針滑出按鈕區(qū)域。制作方法同上，完整的as語句為：
on(rollOut){ //當(dāng)鼠標(biāo)滑動(dòng)到按鈕上并離開時(shí)執(zhí)行下面動(dòng)作。
Play(): //按鈕響應(yīng)播放動(dòng)作。
}
rollOut動(dòng)作
滑離與滑過并不是相同的，滑離是指鼠標(biāo)滑動(dòng)到按鈕上并離開以后開始響應(yīng)，而滑過是指只要鼠標(biāo)滑到按鈕上，就開始執(zhí)行動(dòng)作。
(6)dragOut 在鼠標(biāo)指針滑過按鈕時(shí)按下鼠標(biāo)按鈕，然后滑出此按鈕區(qū)域。完整的as是：
on(Drag Out){ //當(dāng)鼠標(biāo)拖過的時(shí)候執(zhí)行下面的動(dòng)作。
play(); //執(zhí)行播放動(dòng)作。
}
dragOut動(dòng)作
拖離與拖過有所不同，只要在按鈕上按住鼠標(biāo)左鍵然后移動(dòng)到按鈕外就會(huì)相應(yīng)。他與滑離的區(qū)別在于拖離需要按住鼠標(biāo)左鍵。
(7)dragOver 在鼠標(biāo)指針滑過按鈕時(shí)按下鼠標(biāo)按鈕，然后滑出此按鈕，再滑回此按鈕。完整的as是：
on (dragover) { //當(dāng)鼠標(biāo)指針滑過按鈕時(shí)按下鼠標(biāo)按鈕，然后滑出此按鈕，再滑回此按鈕時(shí)執(zhí)行下面的動(dòng)作。
play(); //執(zhí)行播放動(dòng)作
}
dragOver動(dòng)作
拖過的效果是在按鈕上點(diǎn)擊并按住鼠標(biāo)不放，移出按扭區(qū)，再移回按鈕上釋放的事件。注意：此例中是一個(gè)文字按鈕，在做文字按鈕的時(shí)候，應(yīng)在文字的下方用一透明方塊，以增加按鈕的反應(yīng)區(qū)域，或者在按鈕的第4幀繪制一個(gè)矩形來增加反映區(qū)。
(8) keyPress ("key") 按下指定的鍵。對(duì)于此參數(shù)的 key 部分，需指定鍵控代碼或鍵常量。
我們?cè)?“key”)中鍵入“k”。完整地as語句為：
on (keyPress "z") { //當(dāng)按下鍵盤中的“z”健時(shí)執(zhí)行下面的動(dòng)作。
play(); //執(zhí)行播放動(dòng)作
}
注 意 ——在給動(dòng)畫作品添加按鈕的時(shí)候應(yīng)該放到單獨(dú)一層，這樣便于修改。
提 示 ——on為按鈕上的動(dòng)作，所以我們必須首先要選中按鈕，以后才可以添加on語句。有的朋友在論壇里面提問，“為什么我的on為灰色不可選狀態(tài)?”原因就是你沒有選中按鈕。
技 巧 ——在一般flash作品中，大家不會(huì)有意區(qū)分這些on的功能的，一般采用默認(rèn)的語句。如果沒有特殊說明，你使用了拖離，滑離等事件來制作“replay”按鈕，會(huì)讓人們摸不著頭腦的。
試一試 ——我們了解了on得這么多的功能，利用這些功能可以輕易的制作出flash課件，flash游戲里面的效果，大家不妨試一試。
分 析——on語句的功能與按鈕息息相關(guān)，有按鈕的地方一定會(huì)有on語句的使用。而有flash作品的地方，就會(huì)有按鈕的出現(xiàn)，所以說on的重要作用不可忽視。今天向大家詳細(xì)地介紹了on的各種功能，我們就可以結(jié)合按鈕自身的特點(diǎn)，發(fā)揮他們的功能。
四、作業(yè)
必做題：
1、“按我”
2、move on 或 next and back
人教版八年級(jí)信息技術(shù)上冊(cè)《制作按鈕》教案二
教學(xué)目標(biāo)
1.知識(shí)與技能
(1)理解按鈕元件的各種狀態(tài)。
(2)掌握創(chuàng)建按鈕的基本方法并制作有個(gè)人特色的按鈕。
2.過程與方法
(1)通過親自體驗(yàn)，理解按鈕的工作原理。
(2)在按鈕的動(dòng)作設(shè)置的過程中，歸納出利用按鈕控制Flash動(dòng)畫的方法。
3.情感態(tài)度與價(jià)值觀
(1)通過主動(dòng)學(xué)習(xí)使用按鈕，體驗(yàn)Flash動(dòng)畫的交互性，培養(yǎng)學(xué)生的創(chuàng)造力。
(2)在開拓思路，提高技術(shù)的同時(shí)滲透美學(xué)的理念與成功的快感，促進(jìn)學(xué)生審美能力的提高，鼓勵(lì)作品的原創(chuàng)性與新穎性。
教學(xué)重點(diǎn)：制作“按鈕”元件的方法，并豐富其表現(xiàn)效果
教學(xué)難點(diǎn)：“按鈕”元件的四個(gè)狀態(tài)幀的理解
教法、學(xué)法：
演示法、類比法、啟發(fā)式教學(xué)法和任務(wù)驅(qū)動(dòng)式教學(xué)法觀看演示學(xué)習(xí)法、合作探究法、實(shí)踐法。
教學(xué)課時(shí)：1課時(shí)
教學(xué)過程：
一、導(dǎo)入
先提出學(xué)生的一個(gè)問題：“為什么網(wǎng)上很多flash是有一個(gè)播放，去點(diǎn)擊了以后動(dòng)畫才開始放，而我們前面學(xué)會(huì)做的flash一打開就開始放了。”并在課件里對(duì)有按鈕的flash和沒按鈕的flash進(jìn)行對(duì)比，引出flash里的按鈕。
二、學(xué)習(xí)新課Flash按鈕
1.按鈕的功能應(yīng)用
展示不同類型的flash按鈕，請(qǐng)學(xué)生來分析他們的功能，然后再小結(jié)。
2.按鈕的新建
根據(jù)以前所講的元件新建功能，請(qǐng)學(xué)生直接上臺(tái)來新建按鈕
提示：按鈕是元件
3. 按鈕的4個(gè)狀態(tài)幀
請(qǐng)學(xué)生根據(jù)中文字面意思來分析四個(gè)狀態(tài)幀的功能
1) 彈起：代表的是按鈕的初始狀態(tài)
2) 指針經(jīng)過：代表鼠標(biāo)的指針在按鈕上停留的狀態(tài)
3) 按下：代表鼠標(biāo)的指針在按鈕上單擊的狀態(tài)
4) 點(diǎn)擊：用來設(shè)置鼠標(biāo)動(dòng)作的感應(yīng)區(qū)
舉例說明：區(qū)域較大的文字按鈕
舉例說明：隱形按鈕
4.文字按鈕練習(xí)
教師講解演示文字按鈕的制作方法，學(xué)生認(rèn)真觀看。
三、學(xué)生上機(jī)實(shí)踐練習(xí)
基本任務(wù)：文字按鈕的制作
拓展任務(wù)：個(gè)性按鈕的制作
學(xué)生上機(jī)練習(xí)，不清楚的地方可以小組討論或舉手提問老師。
教師巡視、指導(dǎo)。
四、展示、評(píng)價(jià)
展示部分有代表性的學(xué)生作業(yè)，師生共同評(píng)價(jià)。
五、課堂小結(jié)
師生共同回顧本節(jié)課的學(xué)習(xí)內(nèi)容：
1.按鈕制作的基本方法。
2.在按鈕中嵌入影片剪輯的方法。
3.利用學(xué)過的知識(shí)解決問題。
教案設(shè)計(jì)頻道小編推薦：八年級(jí)信息技術(shù)教案 | 八年級(jí)信息技術(shù)教學(xué)計(jì)劃
教案設(shè)計(jì)頻道小編推薦：八年級(jí)信息技術(shù)教案 | 八年級(jí)信息技術(shù)教學(xué)計(jì)劃