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

下載本文檔

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

文檔簡(jiǎn)介

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

電子教案第8章行為與時(shí)間軸本章重點(diǎn)：行為的概念及添加方法常用行為的添加

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

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

向頁(yè)面中添加基本行為8.1

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

8.1.1案例綜述

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

8.1

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

8.1.2案例分析

添加行為的時(shí)候要遵循3個(gè)步驟：

選擇對(duì)象。添加動(dòng)作。調(diào)整事件。8.1

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

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

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

行為的概述

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

動(dòng)作

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

行為的概述

事件與動(dòng)作的關(guān)系

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

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

顯示設(shè)置事件

顯示所有事件添加或刪除動(dòng)作上下移動(dòng)行為8.2行為的概述【顯示設(shè)置事件】

僅顯示附加到當(dāng)前文檔的那些事件【顯示所有事件】

按字母降序顯示所有事件

【添加行為】在出現(xiàn)的動(dòng)作菜單中,選擇一個(gè)動(dòng)作，并指定該動(dòng)作的相關(guān)參數(shù)，即可添加行為?！撅@示事件】在此菜單中選擇確定哪些事件將顯示在“事件”彈出式菜單中【刪除事件】單擊“刪除事件”按鈕，可以從行為列表中刪除所選的事件和動(dòng)作?！鞠蛏弦苿?dòng)】和【向下移動(dòng)】

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

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

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

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

向頁(yè)面中添加基本行為8.3.2打開瀏覽器窗口使用的【打開瀏覽器窗口】動(dòng)作在一個(gè)新的窗口中打開URL

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

8.3

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

8.3

向頁(yè)面中添加基本行為8.3.4交換圖像【交換圖像】動(dòng)作通過更改img標(biāo)簽的src屬性將一個(gè)圖像和另一個(gè)圖像進(jìn)行交換。使用【交換圖像】行為的操作步驟如下：在文檔中插入圖像在【圖像屬性】面板上為圖像指定名稱（便于在以后指定圖像時(shí)，易于辨認(rèn)）。選取并打開【行為】面板，單擊按鈕并從【動(dòng)作】下拉列表中選擇【交換圖像】。在【行為】面板中選擇適當(dāng)?shù)氖录Ｊ褂猛瑯拥姆椒?，設(shè)置其他的交換圖像。

8.3

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

8.3

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

可以顯示、隱藏或恢復(fù)一個(gè)或多個(gè)AP元素的默認(rèn)可見性。

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

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

8.3

向頁(yè)面中添加基本行為8.3.7拖動(dòng)AP元素

“拖動(dòng)AP元素”行為允許訪問者拖動(dòng)AP元素。

添加“拖動(dòng)APDiv元素”行為的具體操作步驟如下：在“標(biāo)簽”選擇器上選擇<body>標(biāo)簽

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

8.3

向頁(yè)面中添加基本行為8.3.8在時(shí)間軸中添加行為

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

溫馨提示

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

評(píng)論

0/150

提交評(píng)論