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

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

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

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

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

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

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

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

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

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

行為面板各按鈕功能

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

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

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

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