Dreamweaver行為面板的應(yīng)用

隨著網(wǎng)站設(shè)計(jì)技術(shù)的進(jìn)步，越來(lái)越多的網(wǎng)頁(yè)設(shè)計(jì)師為使網(wǎng)頁(yè)看起來(lái)更美觀，在網(wǎng)頁(yè)中添加各種JavaScript編寫(xiě)的特效.然而，并非所有網(wǎng)頁(yè)設(shè)計(jì)者都擅長(zhǎng)使用JavaScript語(yǔ)言。對(duì)于不擅長(zhǎng)編寫(xiě)JavaScript的網(wǎng)頁(yè)設(shè)計(jì)者，可以使用Dreamweaver內(nèi)置的行為工具，通過(guò)可視化的方式編輯網(wǎng)頁(yè)的特效。

在Dreamweaver中，還可以方便地制作各種動(dòng)態(tài)交互表單。通過(guò)這些表單，可以實(shí)現(xiàn)各種設(shè)計(jì)者與瀏覽者的交流。

這里介紹Dreamweaver的行為、時(shí)間軸等可視化網(wǎng)頁(yè)特效制作工具，以及JavaScript的基礎(chǔ)和表單的應(yīng)用。

行為是一種由Dreamweaver提供的可視化特效編輯工具，主要用來(lái)使網(wǎng)頁(yè)可以動(dòng)態(tài)地響應(yīng)用戶操作、改變當(dāng)前頁(yè)面效果或執(zhí)行某些特定的任務(wù)。Dreamweaver的行為是由JavaScript代碼預(yù)先編寫(xiě)成的代碼。這些代碼可以被網(wǎng)頁(yè)設(shè)計(jì)者通過(guò)簡(jiǎn)單的操作調(diào)用并嵌入到網(wǎng)頁(yè)中，通過(guò)一些特定的事件觸發(fā)代碼的執(zhí)行。

在網(wǎng)頁(yè)中添加行為，必須為其提供3個(gè)組成部分，即對(duì)象、事件和動(dòng)作。對(duì)象是產(chǎn)生行為的主體;網(wǎng)頁(yè)中的對(duì)象大多可以直接作為行為中的對(duì)象，如文本、圖像、表格等;事件是觸發(fā)行為的條件，通過(guò)事件才可以發(fā)生行為:動(dòng)作是行為的主體，該部分決定激活后行為完成什么樣的工作或網(wǎng)頁(yè)對(duì)象變成什么樣的狀態(tài)。

Dreamweaver提供了一個(gè)面板來(lái)專門(mén)管理和編輯行為，即[行為]面板。在Dreamweaver中執(zhí)行【窗口】|【行為】命令(Shift+F4組合鍵)即可打開(kāi)該面板。使用【行為】面板，可以為對(duì)象添加所有的行為，還可以修改當(dāng)前選擇行為的一些參數(shù)，如圖6-1所示。

【行為】面板中共有6個(gè)按鈕可以使用，其作用如表6-1所示。

Dreamweaver內(nèi)置的各種行為形成了一個(gè)JavaScript程序庫(kù)。用戶只需用鼠標(biāo)選擇各種動(dòng)作，并設(shè)置一些簡(jiǎn)單的參數(shù)，即可為其設(shè)置激發(fā)的事件，將庫(kù)中的JavaScript代碼應(yīng)用到網(wǎng)頁(yè)中。

在編輯行為前首先應(yīng)選擇對(duì)象。在Dreamweaver中，可以將網(wǎng)頁(yè)中所有的標(biāo)簽(包括整個(gè)網(wǎng)頁(yè)、網(wǎng)頁(yè)中的各種文本、圖像、多媒體、表格、層、框架等)作為行為的對(duì)象。不同的對(duì)象可以添加不同的行為，并可以設(shè)置各種觸發(fā)動(dòng)作的事件。在 Dreamweaver中，支持所有JavaScript事件作為行為觸發(fā)的條件，如表6-2所示。


編輯行為的觸發(fā)事件，可以直接在【行為】面板中選擇已添加好的行為，單擊行為的觸發(fā)事件，即可在彈出的下拉菜單中選擇相應(yīng)的事件或直接在事件的菜單文本框中輸入事件的類型，如圖6-2所示。

在行為的列表中雙擊已添加的行為，或右擊執(zhí)行【編輯行為】命令，還可以在彈出的對(duì)話框中編輯行為的各項(xiàng)參數(shù)，如圖6-3所示。