《網(wǎng)頁制作基礎教程（Dreamweaver CS3）》第8章　行為_第1頁
《網(wǎng)頁制作基礎教程（Dreamweaver CS3）》第8章　行為_第2頁
《網(wǎng)頁制作基礎教程（Dreamweaver CS3）》第8章　行為_第3頁
《網(wǎng)頁制作基礎教程（Dreamweaver CS3）》第8章　行為_第4頁
《網(wǎng)頁制作基礎教程（Dreamweaver CS3）》第8章　行為_第5頁
已閱讀5頁，還剩15頁未讀， 繼續(xù)免費閱讀

下載本文檔

版權(quán)說明：本文檔由用戶提供并上傳，收益歸屬內(nèi)容提供方，若內(nèi)容存在侵權(quán)，請進行舉報或認領

文檔簡介

《網(wǎng)頁制作基礎教程（DreamweaverCS3）》

電子教案第8章行為與時間軸本章重點：行為的概念及添加方法常用行為的添加

第8章行為8.1“炫”網(wǎng)頁――軟件下載之家8.2

行為的概述8.3使用【行為】面板8.4

向頁面中添加基本行為8.1

行為使網(wǎng)頁更智能化――軟件下載之家

8.1.1案例綜述

本例我們將在原有頁面的基礎上，添加DreamweaverCS3所提供的行為。

8.1

“炫”網(wǎng)頁――軟件下載之家

8.1.2案例分析

添加行為的時候要遵循3個步驟：

選擇對象。添加動作。調(diào)整事件。8.1

“炫”網(wǎng)頁――軟件下載之家

8.1.3實現(xiàn)步驟準備頁面。設置“彈出信息”打開瀏覽器窗口

設置狀態(tài)欄文本設置文本域文本創(chuàng)建圖像交換功能8.2

行為的概述

8.2.1事件與動作行為是動作和觸發(fā)該動作的事件的結(jié)合體事件事件是觸發(fā)動態(tài)效果的原因，它可以被附加在各種頁面元素上，也可以被附加到HTML標記中。

動作

動作其實是一段網(wǎng)頁上的JavaScript代碼，這些代碼在特定事件被激發(fā)時執(zhí)行，從而實現(xiàn)訪問者與Web頁進行交互，以多種方式更改頁面或執(zhí)行某些任務。8.2

行為的概述

事件與動作的關系

將“事件”和“動作”組合起來就構(gòu)成了“行為”。在將行為附加到頁面元素之后，只要對該元素觸發(fā)了所指定的事件，瀏覽器就會調(diào)用與該事件關聯(lián)的動作（JavaScript）。

8.2行為的概述8.2.2使用【行為】面板選擇【窗口】｜【行為】命令，打開【行為】面板

顯示設置事件

顯示所有事件添加或刪除動作上下移動行為8.2行為的概述【顯示設置事件】

僅顯示附加到當前文檔的那些事件【顯示所有事件】

按字母降序顯示所有事件

【添加行為】在出現(xiàn)的動作菜單中,選擇一個動作，并指定該動作的相關參數(shù)，即可添加行為?！撅@示事件】在此菜單中選擇確定哪些事件將顯示在“事件”彈出式菜單中【刪除事件】單擊“刪除事件”按鈕，可以從行為列表中刪除所選的事件和動作?！鞠蛏弦苿印亢汀鞠蛳乱苿印?/p>

將特定事件的所選動作在行為列表中向上或向下移動。給定事件的動作是以選定的順序執(zhí)行的。8.3

向頁面中添加基本行為添加行為：通過“行為”面板上的“添加行為”按鈕，可以將行為附加到整個文檔，也可以附加到鏈接、圖像、表單元素或多種其他HTML元素中的任何一種。事件的選擇：在添加行為后，當單擊行為列表框中所選事件名稱旁邊的箭頭按鈕時，會出現(xiàn)一個下拉菜單，其中包含可以觸發(fā)該動作的所有事件。8.3

向頁面中添加基本行為8.3.1彈出信息使用【彈出信息】動作將顯示一個帶有指定消息的警告窗口

使用【彈出信息】動作的操作步驟如下：選擇對象并打開行為面板。單擊＋按鈕，并從“添加動作”菜單中選擇【彈出信息】。打開“彈出信息”對話框。在【消息】域中輸入在信息框中將要顯示的信息文字。設置完成后單擊【確定】按鈕。檢查【行為】面板中默認事件是否是所需的事件，如果不是，從彈出式菜單中選擇另一個事件。8.3

向頁面中添加基本行為8.3.2打開瀏覽器窗口使用的【打開瀏覽器窗口】動作在一個新的窗口中打開URL

使用【打開瀏覽器窗口】行為的操作步驟如下：選擇一個對象并打開【行為】面板。單擊單擊按鈕并從“添加動作”菜單中選擇【打開瀏覽器窗口】命令。打開“打開瀏覽器窗口”對話框。設置完成后單擊【確定】按鈕。檢查【行為】面板中默認事件是否是所需的事件。如果不是，從彈出式菜單中選擇另一個事件。

8.3

向頁面中添加基本行為8.3.3設置文本使用Dreamweaver內(nèi)置的【設置文本】動作可以動態(tài)地設置層、框架、文本域以及狀態(tài)欄的文本。使用【設置文本】行為的操作步驟如下：選擇一個對象并打開【行為】面板。單擊單擊按鈕并從“添加動作”菜單中選擇【設置文本】｜【設置狀態(tài)欄文本】命令。打開“設置狀態(tài)欄文本”對話框。在【消息】文本框中輸入相應的信息。

8.3

向頁面中添加基本行為8.3.4交換圖像【交換圖像】動作通過更改img標簽的src屬性將一個圖像和另一個圖像進行交換。使用【交換圖像】行為的操作步驟如下：在文檔中插入圖像在【圖像屬性】面板上為圖像指定名稱（便于在以后指定圖像時，易于辨認）。選取并打開【行為】面板，單擊按鈕并從【動作】下拉列表中選擇【交換圖像】。在【行為】面板中選擇適當?shù)氖录?。使用同樣的方法，設置其他的交換圖像。

8.3

向頁面中添加基本行為8.3.5轉(zhuǎn)到URL使用【轉(zhuǎn)到URL】動作可以在當前窗口或指定窗口中打開一個新頁。使用【轉(zhuǎn)到URL】動作的操作步驟如下：選擇要添加該動作的對象。選取并打開【行為】面板，單擊按鈕并從【動作】下拉列表中選擇【轉(zhuǎn)到URL】在【行為】面板中選擇適當?shù)氖录?/p>

8.3

向頁面中添加基本行為8.3.6顯示/隱藏APDiv

可以顯示、隱藏或恢復一個或多個AP元素的默認可見性。

。添加“顯示—隱藏APDiv”行為的具體操作步驟如下：在文檔窗口創(chuàng)建要附加該行為的APDiv

。打開“行為”面板，單擊按鈕并從“動作”下拉列表中選擇“顯示—隱藏APDiv”在【行為】面板中選擇適當?shù)氖录?/p>

8.3

向頁面中添加基本行為8.3.7拖動AP元素

“拖動AP元素”行為允許訪問者拖動AP元素。

添加“拖動APDiv元素”行為的具體操作步驟如下：在“標簽”選擇器上選擇<body>標簽

。選取并打開“行為”面板，單擊按鈕并從“動作”下拉列表中選擇“拖動AP元素”。打開“拖動AP元素”對話框，該對話框包括“基本”與“高級”兩個標簽，默認狀態(tài)為“基本”，進行相關設置。在【行為】面板中選擇適當?shù)氖录?/p>

8.3

向頁面中添加基本行為8.3.8在時間軸中添加行為

在DreamweaverCS3中，可以給時間軸的某些幀附加行為，然后用

溫馨提示

  • 1. 本站所有資源如無特殊說明，都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等，如果需要附件，請聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙，網(wǎng)頁內(nèi)容里面會有圖紙預覽，若沒有圖紙預覽就沒有圖紙。
  • 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
  • 5. 人人文庫網(wǎng)僅提供信息存儲空間，僅對用戶上傳內(nèi)容的表現(xiàn)方式做保護處理，對用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯，并不能對任何下載內(nèi)容負責。
  • 6. 下載文件中如有侵權(quán)或不適當內(nèi)容，請與我們聯(lián)系，我們立即糾正。
  • 7. 本站不保證下載資源的準確性、安全性和完整性, 同時也不承擔用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。

評論

0/150

提交評論