網(wǎng)頁設(shè)計(jì)與制作案例實(shí)戰(zhàn)教程課件 第12章 行為的應(yīng)用

第12章行為的應(yīng)用網(wǎng)頁設(shè)計(jì)與制作案例實(shí)戰(zhàn)教程目錄Contents12.1

什么是行為12.2

利用行為調(diào)節(jié)瀏覽器窗口12.3

利用行為制作圖像特效12.4

利用行為顯示文本12.5

利用行為控制表單12.6

課堂實(shí)戰(zhàn)12.7

課后作業(yè)12.1.1

行為行為由事件（Event）和動(dòng)作（Action）兩部分組成，事件是由瀏覽器定義的消息，可以理解為行為中動(dòng)作的觸發(fā)條件；動(dòng)作是行為的具體實(shí)現(xiàn)過程。Dreamweaver中內(nèi)置了一組行為，執(zhí)行“窗口>行為”命令打開“行為”面板。12.1.2常見事件事件是指在程序執(zhí)行過程中發(fā)生的某個(gè)特定的動(dòng)作或情況，如鼠標(biāo)單擊、鼠標(biāo)雙擊、鼠標(biāo)經(jīng)過、鼠標(biāo)移開、頁面加載等。對(duì)于同一個(gè)對(duì)象，不同版本的瀏覽器支持的事件種類和多少也是不一樣的。事件用于指定選定的行為動(dòng)作在何種情況下發(fā)生。目錄Contents12.1

什么是行為12.2

利用行為調(diào)節(jié)瀏覽器窗口12.3

利用行為制作圖像特效12.4

利用行為顯示文本12.5

利用行為控制表單12.6

課堂實(shí)戰(zhàn)12.7

課后作業(yè)12.2.1調(diào)用JavaScript使用“調(diào)用JavaScript”行為時(shí)用戶既可以自行編寫JavaScript使用，也可以使用開源代碼。調(diào)用JavaScript動(dòng)作允許使用“行為”面板指定一個(gè)自定義功能，或當(dāng)發(fā)生某個(gè)事件時(shí)應(yīng)該執(zhí)行的一段JavaScript代碼。12.2.2轉(zhuǎn)到URL“轉(zhuǎn)到URL”行為適用于通過一次單擊更改兩個(gè)或多個(gè)框架的內(nèi)容。12.2.3打開瀏覽器窗口選中對(duì)象，打開“行為”面板單擊“添加行為”按鈕，在彈出的快捷菜單中執(zhí)行“打開瀏覽器窗口”命令，打開“打開瀏覽器窗口”對(duì)話框。在該對(duì)話框中可以針對(duì)新窗口的屬性、特性等進(jìn)行設(shè)置，完成后單擊“確定”按鈕，即可應(yīng)用效果。目錄Contents12.1

什么是行為12.2

利用行為調(diào)節(jié)瀏覽器窗口12.3

利用行為制作圖像特效12.4

利用行為顯示文本12.5

利用行為控制表單12.6

課堂實(shí)戰(zhàn)12.7

課后作業(yè)12.3.1交換圖像與恢復(fù)交換圖像“交換圖像”行為可以創(chuàng)建鼠標(biāo)指針經(jīng)過圖像時(shí)圖像產(chǎn)生變化的效果。要注意的是組成交換的2張圖像尺寸必須一致，否則軟件將自動(dòng)調(diào)整第2張圖像的大小與第1張一致。12.3.2預(yù)先載入圖像“預(yù)先載入圖像”行為可以在載入網(wǎng)頁時(shí)將新圖像載入到瀏覽器的緩沖中，從而避免當(dāng)圖像該出現(xiàn)時(shí)由于下載而導(dǎo)致的延遲。12.3.3顯示-隱藏元素“顯示-隱藏元素”行為可以通過用戶響應(yīng)事件，觸發(fā)改變一個(gè)或多個(gè)網(wǎng)頁元素的可見性。12.3.4實(shí)操案例：國際象棋賽程安排本案例將以國際象棋賽程安排網(wǎng)頁的優(yōu)化為例，對(duì)“交換圖像”行為的添加與設(shè)置進(jìn)行介紹。目錄Contents12.1

什么是行為12.2

利用行為調(diào)節(jié)瀏覽器窗口12.3

利用行為制作圖像特效12.4

利用行為顯示文本12.5

利用行為控制表單12.6

課堂實(shí)戰(zhàn)12.7

課后作業(yè)12.4.1彈出信息“彈出信息”行為可以在觸發(fā)時(shí)彈出一個(gè)包含指定信息的文本框。12.4.2設(shè)置狀態(tài)欄文本“設(shè)置狀態(tài)欄文本”行為可以設(shè)置瀏覽器窗口狀態(tài)欄中顯示的內(nèi)容。12.4.3設(shè)置容器的文本“設(shè)置容器的文本”行為可以在觸發(fā)時(shí)將指定容器中的文本替換為其他內(nèi)容。12.4.4設(shè)置文本域文字“設(shè)置文本域文字”行為可以在觸發(fā)時(shí)使用指定的內(nèi)容替換表單文本域的內(nèi)容。12.4.5實(shí)操案例：悅米吉他本案例將以悅米吉他網(wǎng)頁彈出信息的添加為例，對(duì)“彈出信息”行為的添加與設(shè)置進(jìn)行介紹。目錄Contents12.1

什么是行為12.2

利用行為調(diào)節(jié)瀏覽器窗口12.3

利用行為制作圖像特效12.4

利用行為顯示文本12.5

利用行為控制表單12.6

課堂實(shí)戰(zhàn)12.7

課后作業(yè)12.5.1跳轉(zhuǎn)菜單跳轉(zhuǎn)菜單是鏈接的一種形式，通過“跳轉(zhuǎn)菜單”行為可以編輯和重新排列菜單項(xiàng)、更改要跳轉(zhuǎn)到的網(wǎng)頁以及更改打開這些網(wǎng)頁的窗口等。12.5.2檢查表單“檢查表單”行為可檢查指定文本域的內(nèi)容以確保用戶輸入的數(shù)據(jù)類型正確。通過onBlur事件將此行為附加到單獨(dú)的文本字段，以便用戶填寫表單時(shí)驗(yàn)證這些字段，或通過onSubmit事件將此行為附加到表單，以便用戶單擊“提交”按鈕時(shí)同時(shí)計(jì)算多個(gè)文本字段。將此行為附加到表單可以防止在提交表單時(shí)出現(xiàn)無效數(shù)據(jù)。目錄Contents12.1

什么是行為12.2

利用行為調(diào)節(jié)瀏覽器窗口12.3

利用行為制作圖像特效12.4

利用行為顯示文本12.5

利用行為控制表單12.6

課堂實(shí)戰(zhàn)12.7

課后作業(yè)12.6課堂實(shí)戰(zhàn)生活購物網(wǎng)本案例將以生活購物網(wǎng)頁中行為的添加為例，對(duì)行為的應(yīng)用進(jìn)行介紹。目錄Contents12.1

什么是行為12.2

利用行為調(diào)節(jié)瀏覽器窗口12.3

利用行為制作圖像特效12.4

利用行為顯示文本12.5

利用行