隨著網站設計技術的進步,越來越多的網頁設計師加入各種用JavaScript編寫的特效,使網頁看起來更加美觀。然而,并不是所有的網頁設計師都擅長使用JavaScript 語言。對于不擅長編寫JavaScript的網頁設計師,可以使用Dreamweaver內置的行為工具,以可視化的方式編輯網頁特效。
在Dreamweaver 中,您還可以方便地制作各種動態交互窗體。通過這些形式,可以實現設計者與觀者之間的各種交流。
這里介紹Dreamweaver的行為、時間軸等可視化網頁特效制作工具,以及JavaScript的基礎和表單的應用。
Behavior是Dreamweaver提供的視覺特效編輯工具,主要用于使網頁動態響應用戶操作,改變當前頁面效果或執行一些特定的任務。 Dreamweaver 的行為是用JavaScript 代碼預先編寫的代碼。這些代碼可以被網頁設計者通過簡單的操作調用并嵌入到網頁中,代碼的執行可以由一些特定的事件觸發。
要向網頁添加行為,必須提供三個組件,即對象、事件和動作。客體是行為的主體;網頁中的大部分對象都可以直接作為行為的對象,如文本、圖片、表格等;事件是觸發行為的條件,行為只有通過事件才能發生。 actions 是行為的主體,這部分決定行為做什么工作或者web對象被激活時變成什么狀態。
Dreamweaver 提供了一個面板來管理和編輯行為,即[行為]面板。執行[窗口] | [行為]命令(Shift+F4組合鍵)在Dreamweaver中打開面板。使用【行為】面板,可以為對象添加所有行為,也可以修改當前選中行為的部分參數,如圖6-1所示。
[行為] 面板中有6個可用按鈕,其功能如表6-1所示。
Dreamweaver 中內置的各種行為構成了一個JavaScript 庫。用戶只需要用鼠標選擇各種動作并設置一些簡單的參數就可以為他們設置觸發的事件,并將庫中的JavaScript代碼應用到網頁中。
在編輯行為之前應首先選擇對象。在Dreamweaver中,網頁中的所有標簽(包括整個網頁、各種文本、圖像、多媒體、表格、圖層、框架等)都可以作為動作的對象。不同的對象可以添加不同的行為,可以設置觸發動作的各種事件。在Dreamweaver 中,支持所有JavaScript 事件作為動作的觸發條件,如表6-2 所示。
編輯一個行為的觸發事件,可以直接在【行為】面板中選中添加的行為,點擊該行為的觸發事件,然后在彈出的下拉菜單中選擇對應的事件或者直接在事件菜單文本框事件類型,如圖6-2所示。
在行為列表中雙擊添加的行為,或單擊鼠標右鍵執行【編輯行為】命令,也可以在彈出的對話框中編輯行為的參數,如圖6-3所示。
我們專注高端建站,小程序開發、軟件系統定制開發、BUG修復、物聯網開發、各類API接口對接開發等。十余年開發經驗,每一個項目承諾做到滿意為止,多一次對比,一定讓您多一份收獲!