網(wǎng)頁電子教案（161-166）

1、谷城中等職業(yè)教育中心學(xué)校電子教案20142015學(xué)年度第一學(xué)期網(wǎng)頁制作課程電子教案 授課課題：行為 授課教師：蔣紅艷 NO： 81-83授課班級14春微機(jī)、14春商務(wù)授課日期授課類型講授、演示學(xué) 時(shí) 數(shù)6教學(xué)目標(biāo)使用行為為網(wǎng)頁添加特效：彈出信息、打開瀏覽器窗口、播放網(wǎng)頁聲音教學(xué)內(nèi)容行為重點(diǎn)難點(diǎn)行為響應(yīng)方式的修改教學(xué)方法演示、講解學(xué)習(xí)方法講解演示教學(xué)過程設(shè)計(jì)備注（時(shí)間分配、個(gè)性修改等）教學(xué)步驟及主要內(nèi)容一、 范例展示二、 新課講授1、了解“行為”面板以及常用事件；2、會用行為中的“彈出信息”來制作網(wǎng)站打開時(shí)首先顯示的一個(gè)提示信息；3、會用行為中的“播放聲音”設(shè)置網(wǎng)頁中的背景音樂、鼠標(biāo)經(jīng)過圖像和鏈

2、接時(shí)顯示的聲音，了解添加背景音樂的代碼；4、會用行為中的“打開瀏覽器窗口”來制作網(wǎng)站打開時(shí)首先顯示的一個(gè)廣告或祝福頁；5、行為響應(yīng)方式onclick 事件會在對象被點(diǎn)擊時(shí)發(fā)生。 onclick 與 onmousedown 不同。單擊事件是在同一元素上發(fā)生了鼠標(biāo)按下事件之后又發(fā)生了鼠標(biāo)放開事件時(shí)才發(fā)生的。 onabort 圖像的加載被中斷。 onblur 元素失去焦點(diǎn)。 onchange 域的內(nèi)容被改變。 onclick 當(dāng)用戶點(diǎn)擊某個(gè)對象時(shí)調(diào)用的事件句柄。 ondblclick 當(dāng)用戶雙擊某個(gè)對象時(shí)調(diào)用的事件句柄。 onerror 在加載文檔或圖像時(shí)發(fā)生錯(cuò)誤。 onfocus 元素獲得焦點(diǎn)。

3、onkeydown 某個(gè)鍵盤按鍵被按下。 onkeypress 某個(gè)鍵盤按鍵被按下并松開。 onkeyup 某個(gè)鍵盤按鍵被松開。 onload 一張頁面或一幅圖像完成加載。 onmousedown 鼠標(biāo)按鈕被按下。 onmousemove 鼠標(biāo)被移動。 onmouseout 鼠標(biāo)從某元素移開。 onmouseover 鼠標(biāo)移到某元素之上。 onmouseup 鼠標(biāo)按鍵被松開。 onreset 重置按鈕被點(diǎn)擊。 onresize 窗口或框架被重新調(diào)整大小。 onselect 文本被選中。 onsubmit 確認(rèn)按鈕被點(diǎn)擊。 onunload 用戶退出頁面。三、 演示操作在“數(shù)碼商店”首頁添中彈出信息、打開瀏覽器窗口行為； 在網(wǎng)站各頁面添加播放背景音樂行為。  課堂練習(xí)  小結(jié)與作業(yè)課堂小結(jié)   本課作業(yè)  本課教學(xué)后記（課堂設(shè)計(jì)