Dreamweaver行為面板的應用

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

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

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

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

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

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

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

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

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


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

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