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

在Dreamweaver 中，您還可以方便地制作各種動(dòng)態(tài)交互窗體。通過(guò)這些形式，可以實(shí)現(xiàn)設(shè)計(jì)者與觀者之間的各種交流。

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

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

要向網(wǎng)頁(yè)添加行為，必須提供三個(gè)組件，即對(duì)象、事件和動(dòng)作。客體是行為的主體；網(wǎng)頁(yè)中的大部分對(duì)象都可以直接作為行為的對(duì)象，如文本、圖片、表格等；事件是觸發(fā)行為的條件，行為只有通過(guò)事件才能發(fā)生。 actions 是行為的主體，這部分決定行為做什么工作或者web對(duì)象被激活時(shí)變成什么狀態(tài)。

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

[行為] 面板中有6個(gè)可用按鈕，其功能如表6-1所示。

Dreamweaver 中內(nèi)置的各種行為構(gòu)成了一個(gè)JavaScript 庫(kù)。用戶(hù)只需要用鼠標(biāo)選擇各種動(dòng)作并設(shè)置一些簡(jiǎn)單的參數(shù)就可以為他們?cè)O(shè)置觸發(fā)的事件，并將庫(kù)中的JavaScript代碼應(yīng)用到網(wǎng)頁(yè)中。

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

編輯一個(gè)行為的觸發(fā)事件，可以直接在【行為】面板中選中添加的行為，點(diǎn)擊該行為的觸發(fā)事件，然后在彈出的下拉菜單中選擇對(duì)應(yīng)的事件或者直接在事件菜單文本框事件類(lèi)型，如圖6-2所示。

在行為列表中雙擊添加的行為，或單擊鼠標(biāo)右鍵執(zhí)行【編輯行為】命令，也可以在彈出的對(duì)話(huà)框中編輯行為的參數(shù)，如圖6-3所示。

我們專(zhuān)注高端建站，小程序開(kāi)發(fā)、軟件系統(tǒng)定制開(kāi)發(fā)、BUG修復(fù)、物聯(lián)網(wǎng)開(kāi)發(fā)、各類(lèi)API接口對(duì)接開(kāi)發(fā)等。十余年開(kāi)發(fā)經(jīng)驗(yàn)，每一個(gè)項(xiàng)目承諾做到滿(mǎn)意為止，多一次對(duì)比，一定讓您多一份收獲！