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

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

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

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

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

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

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

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

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

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


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

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