中職教育二年級(jí)上學(xué)期電子與信息《應(yīng)用行為創(chuàng)建交互》教學(xué)課件

應(yīng)用行為創(chuàng)建交互目標(biāo)TARGET知識(shí)目標(biāo)理解行為的概念掌握常用事件類型掌握常用內(nèi)置行為的應(yīng)用技能目標(biāo)能應(yīng)用網(wǎng)頁(yè)內(nèi)置行為制作頁(yè)面動(dòng)態(tài)效果目錄認(rèn)識(shí)行為1常用內(nèi)置行為的應(yīng)用2一、認(rèn)識(shí)行為行為用于實(shí)現(xiàn)一個(gè)動(dòng)態(tài)效果，或用戶與網(wǎng)頁(yè)之間的交互。認(rèn)識(shí)行為1、行為的概念

在DreamweaverCC中，行為是插入到網(wǎng)頁(yè)內(nèi)的一段JavaScript代碼，由對(duì)象、事件和動(dòng)作構(gòu)成。

對(duì)象是產(chǎn)生行為的主體，如圖像、文本等。

事件是觸發(fā)動(dòng)作的原因，如鼠標(biāo)單擊、鼠標(biāo)經(jīng)過(guò)等。

動(dòng)作通常是一段JavaScript代碼，用于完成某些特殊的任務(wù)。如彈出信息、檢查表單等。

認(rèn)識(shí)行為2、常用事件事件含義onClick單擊時(shí)觸發(fā)onDbleClick雙擊時(shí)觸發(fā)onLoad頁(yè)面加載完畢后觸發(fā)onFocus獲得焦點(diǎn)時(shí)觸發(fā)onMouseOver

鼠標(biāo)指針移到指定元素的范圍時(shí)觸發(fā)onMouseOut

鼠標(biāo)指針離開時(shí)觸發(fā)onMouseDown鼠標(biāo)左鍵按下時(shí)觸發(fā)onMouseUp鼠標(biāo)被釋放時(shí)觸發(fā)onMouseMove

鼠標(biāo)移動(dòng)時(shí)觸發(fā)onkeydown按下鍵盤時(shí)觸發(fā)onSubmit提交表單時(shí)觸發(fā)認(rèn)識(shí)行為3、使用行為面板單擊菜單欄中的“窗口”|“行為”命令或使用組合鍵Shift+F4，可以打開行為面板。

行為面板各按鈕功能

二、常用內(nèi)置行為的應(yīng)用DreamweaverCC內(nèi)置有很多行為，每一種行為都可以實(shí)現(xiàn)一個(gè)動(dòng)態(tài)效果，或用戶與網(wǎng)頁(yè)之間的交互。

常見(jiàn)內(nèi)置行為行為說(shuō)明交換圖像/恢復(fù)交換圖像鼠標(biāo)指針經(jīng)過(guò)圖像時(shí)圖像發(fā)生變化彈出信息在頁(yè)面彈出一個(gè)消息框打開瀏覽器窗口在一個(gè)新的窗口中打開指定的URL

拖動(dòng)AP元素通過(guò)拖動(dòng)鼠標(biāo)將AP元素移動(dòng)所需的位置

改變屬性動(dòng)態(tài)改變對(duì)象的屬性值，例如背景顏色、圖像的大小等效果用來(lái)增強(qiáng)動(dòng)態(tài)效果，如高亮、滑動(dòng)、晃動(dòng)等顯示-隱藏元素顯示、隱藏、恢復(fù)一個(gè)或多個(gè)DIV元素的默認(rèn)可見(jiàn)性檢查插件根據(jù)瀏覽器安裝插件的情況打開指定的網(wǎng)頁(yè)檢查表單為文本域設(shè)置有效性規(guī)則，檢查文本域的內(nèi)容是否有效設(shè)置文本可設(shè)置容器的文本、文本域文