教學(xué)課題：行為的概念及dreamweaver cs5中的行為面板
教學(xué)目標(biāo)：理解行為的概念，掌握行為控制面板的使用并學(xué)會(huì)演示案例1的制作方法。
教學(xué)重點(diǎn)：1、行為的概念。
2、掌握行為面板的操作方法。
教學(xué)難點(diǎn)：演示案例1的制作。
教學(xué)方法：任務(wù)驅(qū)動(dòng)法、小組合組學(xué)習(xí)法。
教學(xué)課時(shí)：1節(jié)
教學(xué)過程：1、導(dǎo)入新課：略
2、講解新課：
演示案例1：打開瀏覽器窗口
1、【需求分析】打開主頁時(shí)，會(huì)彈出一個(gè)指定的窗口。
2、【技能要點(diǎn)】
使用“打開瀏覽器窗口”命令制作在網(wǎng)頁中顯示指定大小的彈出窗口。
3、【操作步驟】
步驟1：在網(wǎng)頁中顯示指定大小的彈出窗口
（1）選擇【文件】->【打開】命令，在彈出的對(duì)話框中選擇“chapter10>演示案例1>index.html”文件。單擊“打開”按鈕，如圖11-1所示。
圖11-1
（2）單擊窗口下方“標(biāo)簽選擇器”中的<body>標(biāo)簽，選擇整個(gè)網(wǎng)頁文檔。
（3）執(zhí)行【窗口】->【行為】命令，打開“行為”控制面板，單擊控制面板中的“添加行為”按鈕，在彈出的菜單中選擇“打開瀏覽器窗口”命令，彈出“打開瀏覽器窗口”對(duì)話框，如圖11-2所示。
圖11-2
（4）單擊“要顯示的URL”選項(xiàng)右側(cè)的“瀏覽”按鈕，在彈出的“選擇文件”對(duì)話框中選擇“chapter10>演示案例1>banner.html”文件。
步驟2：添加導(dǎo)航條和菜單欄
（1）在“打開瀏覽器窗口”對(duì)話框中，選擇“導(dǎo)航工具欄”和“菜單條”復(fù)選框。并設(shè)置窗口的寬度與高度。
（2）單擊“確定”按鈕，保存文檔并預(yù)，如圖11-3所示。
圖11-3
【知識(shí)鏈接】：
- 什么是行為
行為有三個(gè)重要的組成部分，分別為對(duì)象（Object）事件（Event）和動(dòng)作（Action）。對(duì)象是產(chǎn)生行為的主體。網(wǎng)頁中的很多元素都可以成為對(duì)象，如網(wǎng)頁中插入的圖像，一段文字，一個(gè)多媒體文件等。對(duì)象也是基于成對(duì)出現(xiàn)的html標(biāo)簽，在創(chuàng)建時(shí)要首先選中對(duì)象標(biāo)簽。事件是觸發(fā)動(dòng)態(tài)效果的條件。在創(chuàng)建時(shí)，這三者的順序?yàn)椋哼x擇對(duì)象，添加動(dòng)作，調(diào)整事件。
從另一方面來說，行為也可以理解為實(shí)現(xiàn)網(wǎng)頁上交互的一種捷徑，Dreamweaver的行為是將 javascript 代碼嵌入在文檔中，以便允許訪問者與 Web 頁進(jìn)行交互，從而以多種方式更改頁面動(dòng)作或執(zhí)行某些任務(wù)。行為在技術(shù)上是和時(shí)間軸動(dòng)畫一樣，一種動(dòng)態(tài)HTML( DHTML )技術(shù)。在特定的時(shí)間或者是某個(gè)特定的事件而引發(fā)的動(dòng)作。事件可以是鼠標(biāo)單擊、鼠標(biāo)移動(dòng)、網(wǎng)頁下載完畢等事件，動(dòng)作可以是打開新窗口、彈出菜單、變換圖像等。
- dreamweaver cs5中的行為面板
在Dreamweaver CS5中，主要通過“行為面板”，來將“行為”添加到頁面的標(biāo)簽上，并可以對(duì)以前添加的行為參數(shù)進(jìn)行修改，當(dāng)然，還可以直接在HTML源代碼中進(jìn)行修改。
1、顯示設(shè)置事件按鈕：只顯示附加到當(dāng)前文檔的那些事件。
2、顯示所有事件按鈕：按字母順序顯示屬于特定類別的所有事件。一般情況下，在文檔中選擇了某一個(gè)HTML標(biāo)簽，就會(huì)顯示關(guān)于那個(gè)標(biāo)簽的所有事件。
3、添加行為按鈕：點(diǎn)擊此按鈕，則會(huì)彈出快捷菜單，如下圖所示：
4、刪除事件按鈕： 從行為列表中刪除所選定的事件和動(dòng)作。
點(diǎn)擊刪除事件;按鈕，就會(huì)刪除已經(jīng)選擇的onClick事件的“顯示/漸隱”動(dòng)作了。
5、選擇不同的事件：選擇一個(gè)行為項(xiàng)，點(diǎn)擊這個(gè)行為左邊的事件，則在該事件的旁邊出現(xiàn)一個(gè)向下的箭頭。如下圖所示：
單擊向下的箭頭出現(xiàn)下拉菜單，可以在該菜單中為該行為選擇不同的事件。
6、修改行為參數(shù)：選擇一個(gè)行為項(xiàng)，雙擊帶“ 
”標(biāo)記的行為名稱，或者先選取它然后按下鍵盤Enter鍵，可以在彈出的窗口中修改這個(gè)行為項(xiàng)的參數(shù)。
7、向上箭頭或向下箭頭按鈕：在行為列表中上下移動(dòng)某一事件的選定動(dòng)作。如下圖所示：
當(dāng)同一事件出現(xiàn)幾個(gè)行為時(shí)，選擇其中的一個(gè)行為，點(diǎn)擊增加事件值或者降低事件值按鈕，可以向上或者向下移動(dòng)該行為。同一事件的幾個(gè)行為的排列順序決定了文檔中對(duì)象行為的執(zhí)行順序。排在上面的先執(zhí)行，排在下面的后執(zhí)行。對(duì)于不能在列表中上下移動(dòng)的行為，箭頭按鈕將處于禁用狀態(tài)。
教學(xué)課題：對(duì)象、動(dòng)作、行為的區(qū)別及聯(lián)系
教學(xué)目標(biāo)：理解對(duì)象、行為、動(dòng)作的概念。掌握常用的事件含義，能夠熟練制作演示案例2。
教學(xué)重點(diǎn)：1、對(duì)象、行為、動(dòng)作的概念。
2、常用的事件含義。
教學(xué)難點(diǎn)：演示案例2的制作。
教學(xué)方法：任務(wù)驅(qū)動(dòng)法、小組合組學(xué)習(xí)法。
教學(xué)課時(shí)：1節(jié)
教學(xué)過程：1、導(dǎo)入新課：略
2、講解新課：
演示案例2：交換圖像
1、【需求分析】當(dāng)鼠標(biāo)指向一個(gè)圖像，圖像會(huì)發(fā)生改變。
2、【技能要點(diǎn)】
使用“交換圖像”命令制作鼠標(biāo)經(jīng)過圖像發(fā)生變化效果。
3、【操作步驟】
（1）選擇【文件】->【打開】命令，在彈出的對(duì)話框中選擇“chapter10>演示案例1>index.html”文件。單擊“打開”按鈕，如圖11-4所示。
圖11-4
（2）選中index.html中圖像，執(zhí)行【窗口】->【行為】命令，彈出“行為”控制面板，單擊控制面板中的“添加行為”按鈕，在彈出的菜單中選擇“交換圖像”命令，彈出“交換圖像”對(duì)話框，單擊“設(shè)定原始檔為”選項(xiàng)右側(cè)的“瀏覽”按鈕，在彈出的“選擇圖像源文件”對(duì)話框中選擇“images/img2.jpg”，如圖11-5所示，單擊“確定”按鈕。
圖11-5
（3）保存網(wǎng)頁文檔，預(yù)覽效果，當(dāng)鼠標(biāo)滑過圖像，圖像發(fā)生變化，如圖11-6所示。
圖11-6
知識(shí)鏈接：
- 對(duì)象：是產(chǎn)生行為的主體，大部分網(wǎng)頁元素都可以稱為對(duì)象，比如圖片、文本、多媒體等，甚至整個(gè)頁面。
- 事件：是觸發(fā)動(dòng)作的原因，可以被附加到各種頁面元素上，也可以被附加到HTML標(biāo)記中。一個(gè)事件總是針對(duì)某個(gè)頁面元素而言。
- 動(dòng)作：就是一段程序代碼的執(zhí)行所引出的一些效果。通過動(dòng)作來完成動(dòng)態(tài)效果。
下表列舉了Deaamweaver cs5 中常見的幾種動(dòng)作。
|
交換圖像 |
設(shè)置文本 |
調(diào)用JavaScript |
|
彈出信息 |
顯示-隱藏層 |
跳轉(zhuǎn)菜單 |
|
恢復(fù)交換圖像 |
顯示彈出式菜單 |
跳轉(zhuǎn)菜單開始 |
|
打開瀏覽器窗口 |
檢查插件 |
轉(zhuǎn)到URL |
|
拖動(dòng)層 |
檢查瀏覽器 |
隱藏彈出式菜單 |
|
控制Shockwave或Flash |
檢查表單 |
預(yù)先載入圖像 |
|
播放聲音 |
設(shè)置導(dǎo)航欄圖像 |
|
|
改變屬性 |
|
|
- 行為：事件和動(dòng)作組合在一起就是行為。也既是一個(gè)事件引發(fā)來一個(gè)動(dòng)作。DW cs5 中內(nèi)置來很多動(dòng)作，使得我們不需要編寫JavaScript代碼，就可以獲得很多行為。需要注意的是，一個(gè)事件可以和多個(gè)動(dòng)作相關(guān)聯(lián)。“行為”、“事件”和“動(dòng)作”的概念在人們的自然語言中似乎意義非常相似，但在這里有嚴(yán)格的區(qū)分。舉個(gè)例子來說明：網(wǎng)頁上有一行文字，瀏覽網(wǎng)頁時(shí)，鼠標(biāo)一旦放在這行文字上，就會(huì)顯示一幅圖片；鼠標(biāo)一旦離開這行文字，那個(gè)圖片就會(huì)隱藏起來。這個(gè)效果就使用了“行為”。由此可見，行為是事件和由該事件觸發(fā)的動(dòng)作的組合。
- 下表列舉了Deaamweaver cs5 中常用的幾種事件及行為解釋：
onAbort 當(dāng)訪問者中斷瀏覽器正在載入圖像的操作時(shí)產(chǎn)生。
onAfterUpdate 當(dāng)網(wǎng)頁中bound（邊界）數(shù)據(jù)元素已經(jīng)完成源數(shù)據(jù)的更新時(shí)產(chǎn)生該事件。
onBeforeUpdate 當(dāng)網(wǎng)頁中bound（邊界）數(shù)據(jù)元素已經(jīng)改變并且就要和訪問者失去交互時(shí)產(chǎn)生該事件。
onBlur 當(dāng)指定元素不再被訪問者交互時(shí)產(chǎn)生。
onBounce 當(dāng)marquee（選取框）中的內(nèi)容移動(dòng)到該選取框邊界時(shí)產(chǎn)生。
onChange 當(dāng)訪問者改變網(wǎng)頁中的某個(gè)值時(shí)產(chǎn)生。
onClick 當(dāng)訪問者在指定的元素上單擊時(shí)產(chǎn)生。
onDblClick 當(dāng)訪問者在指定的元素上雙擊時(shí)產(chǎn)生。
onError 當(dāng)瀏覽器在網(wǎng)頁或圖像載入產(chǎn)生錯(cuò)位時(shí)產(chǎn)生。
onFinish 當(dāng)marquee（選取框）中的內(nèi)容完成一次循環(huán)時(shí)產(chǎn)生。
onFocus 當(dāng)指定元素被訪問者交互時(shí)產(chǎn)生。
onHelp 當(dāng)訪問者單擊瀏覽器的Help（幫助）按鈕或選擇瀏覽器菜單中的Help（幫助）菜單項(xiàng)時(shí)產(chǎn)生。
onKeyDown 當(dāng)按下任意鍵的同時(shí)產(chǎn)生。
onKeyPress 當(dāng)按下和松開任意鍵時(shí)產(chǎn)生。此事件相當(dāng)于把onKeyDown和onKeyUp這兩事件合在一起。
onKeyUp 當(dāng)按下的鍵松開時(shí)產(chǎn)生。
onLoad 當(dāng)一圖像或網(wǎng)頁載入完成時(shí)產(chǎn)生。
onMouseDown 當(dāng)訪問者按下鼠標(biāo)時(shí)產(chǎn)生。
onMouseMove 當(dāng)訪問者將鼠標(biāo)在指定元素上移動(dòng)時(shí)產(chǎn)生。
onMouseOut 當(dāng)鼠標(biāo)從指定元素上移開時(shí)產(chǎn)生。
onMouseOver 當(dāng)鼠標(biāo)第一次移動(dòng)到指定元素時(shí)產(chǎn)生。
onMouseUp 當(dāng)鼠標(biāo)彈起時(shí)產(chǎn)生。
onMove 當(dāng)窗體或框架移動(dòng)時(shí)產(chǎn)生。
onReadyStateChange 當(dāng)指定元素的狀態(tài)改變時(shí)產(chǎn)生。
onReset 當(dāng)表單內(nèi)容被重新設(shè)置為缺省值時(shí)產(chǎn)生。
onResize 當(dāng)訪問者調(diào)整瀏覽器或框架大小時(shí)產(chǎn)生。
onRowEnter 當(dāng)bound（邊界）數(shù)據(jù)源的當(dāng)前記錄指針已經(jīng)改變時(shí)產(chǎn)生。
onRowExit 當(dāng)bound（邊界）數(shù)據(jù)源的當(dāng)前記錄指針將要改變時(shí)產(chǎn)生。
onScroll 當(dāng)訪問者使用滾動(dòng)條向上或向下滾動(dòng)時(shí)產(chǎn)生。
onSelect 當(dāng)訪問者選擇文本框中的文本時(shí)產(chǎn)生。
onStart 當(dāng)Marquee（選取框）元素中的內(nèi)容開始循環(huán)時(shí)產(chǎn)生。
onSubmit 當(dāng)訪問者提交表格時(shí)產(chǎn)生。
onUnload 當(dāng)訪問者離開網(wǎng)頁時(shí)產(chǎn)生。
教學(xué)課題：常見行為的使用技巧
教學(xué)目標(biāo)：掌握常用行為的制作技巧，能熟練制作出演示案例3和演示案例4。
教學(xué)重點(diǎn)：常用行為的制作技巧。
教學(xué)難點(diǎn)：演示案例3和演示案例4的制作。
教學(xué)方法：任務(wù)驅(qū)動(dòng)法、小組合組學(xué)習(xí)法。
教學(xué)課時(shí)：1節(jié)
教學(xué)過程：1、導(dǎo)入新課：略
2、講解新課：
演示案例3：制作彈出信息效果
1、【需求分析】打開主頁時(shí)，會(huì)彈出一個(gè)信息窗口。
2、【技能要點(diǎn)】 使用“彈出信息”行為制作在網(wǎng)頁中彈出信息窗口。
3、【操作步驟】
（1）選擇【文件】->【打開】命令，在彈出的對(duì)話框中選擇“chapter10>演示案例1>index.html”文件。單擊“打開”按鈕，如圖11-7所示。
圖11-7
（2）單擊窗口下方“標(biāo)簽選擇器”中的<body>標(biāo)簽，選擇整個(gè)網(wǎng)頁文檔。
（3）執(zhí)行【窗口】->【行為】命令，打開“行為”控制面板，單擊控制面板中的“添加行為”按鈕，在彈出的菜單中選擇“彈出信息”命令，打開“彈出信息”對(duì)話框，輸入“歡迎參觀我們的網(wǎng)站”，如圖11-8所示。
圖11-8
（4）單擊“確定”按鈕，保存并預(yù)覽按鈕，如圖11-9所示。
圖11-9
演示案例4：制作顯示/隱藏層效果
1、【需求分析】當(dāng)鼠標(biāo)移到一張小圖時(shí)，顯示相應(yīng)的大圖。
2、【技能要點(diǎn)】使用“顯示/隱藏層”行為制作在網(wǎng)頁中放大圖像的效果。
3、【操作步驟】
（1）新建一個(gè)空白頁面。
（2）在頁面中插入一個(gè)3行1列的表格，設(shè)置如圖11-10所示。
圖11-10
（3）分別將images文件夾的三張圖插入到表格的每個(gè)單元格中，在“屬性”面板中將圖像的寬和高分別設(shè)為“200”，“130”，并為每張圖片設(shè)置空鏈接。
（4）在“插入”面板“布局”項(xiàng)卡中選擇“繪制AP Div”按鈕，文檔窗口右側(cè)創(chuàng)建一個(gè)層，并插入第一張圖片的原圖，如圖11-11所示。
圖11-11
(5)使用相同的方法，在第一個(gè)層的位置上再插入兩個(gè)層。
（6）選擇左側(cè)表格上的第一張圖片，在“行為”面板中單擊“添加行為”按鈕，并從彈出的菜單中選擇“顯示-隱藏元素”動(dòng)作，彈出“顯示-隱藏元素”對(duì)話框，進(jìn)行如下設(shè)置，讓第一張大圖所在層顯示，其他層隱藏。如圖11-12所示。
圖11-12
（7）使用相同的方法，分別左側(cè)表格上的另外兩張圖添加“顯示/隱藏”行為。
（8）保存并預(yù)覽網(wǎng)頁。當(dāng)鼠標(biāo)單擊每張小圖時(shí)，就會(huì)顯示相應(yīng)的大圖效果。
知識(shí)鏈接
- 檢查插件
功能：針對(duì)某些要用插件才能運(yùn)行的媒體，檢驗(yàn)系統(tǒng)是否裝有該插件，然后作出不同的選擇。通常事件是在頁面調(diào)入之前檢查。
1、選中要附加行為的對(duì)象 用鼠標(biāo)選擇鏈接或標(biāo)記<body>。
2、打開動(dòng)作菜單 在“行為”面板上單擊“＋”號(hào)鈕，彈出動(dòng)作菜單。
3、選擇檢查插件 單擊“檢查插件”動(dòng)作項(xiàng)目，彈出對(duì)話框。
4、選擇或輸入要檢查的插件 在“選擇”下拉列表中選擇所需的插件，或輸入插件。
5、選擇或輸入插件存在前往的URL：在“如果有，前往URL”右邊，單擊“瀏覽”鈕，查找選擇URL，或輸入U(xiǎn)RL地址。
6、選擇或輸入插件不存在前往的URL：在“否則，前往URL”右邊，單擊“瀏覽”鈕，查找選擇URL，或輸入U(xiǎn)RL地址，確定。
7、鉤選如果無法偵測(cè)，永遠(yuǎn)前往第一個(gè)URL：鉤選后，若檢查不到，則前往如果有的URL。
8、選擇其他事件 根據(jù)需要，單擊“行為”面板中事件旁的向下箭頭，在彈出的事件菜單中選擇。
- 檢查表單
功能：可以動(dòng)態(tài)地檢查表單的文本域中的內(nèi)容是否有效。
1、選中要附加行為的對(duì)象 用鼠標(biāo)單擊選中。
2、打開動(dòng)作菜單 在“行為”面板上單擊“＋”號(hào)鈕，彈出動(dòng)作菜單。
3、選擇恢復(fù)交換圖像 單擊“恢復(fù)交換圖像”動(dòng)作項(xiàng)目，彈出對(duì)話框
4、選擇要檢查的文本域 單擊“命名的欄位”列表框中所需文本域。
5、設(shè)置文本域的值是否為空 鉤選“值”旁的“必要”，則設(shè)置不能為空。
6、選擇可接受的值 在下面四個(gè)單選項(xiàng)中選擇所需的內(nèi)容。（任何內(nèi)容、電子郵件地址、數(shù)字、數(shù)字范圍等）
7、選擇其他事件 根據(jù)需要，單擊“行為”面板中事件旁的向下箭頭，在彈出的事件菜單中選擇。
- 轉(zhuǎn)到URL
功能：適合于多個(gè)框架，單擊某鏈接，同時(shí)鏈接多個(gè)網(wǎng)頁。
1、選中要附加行為的層對(duì)象 用鼠標(biāo)單擊，使層邊框出現(xiàn)句柄。
2、打開動(dòng)作菜單 在“行為”面板上單擊“＋”號(hào)鈕，彈出動(dòng)作菜單。
3、選擇轉(zhuǎn)到URL 單擊“轉(zhuǎn)到URL”動(dòng)作項(xiàng)目，彈出對(duì)話框。
4、選擇打開的目標(biāo) 在“打開在”列表中選擇網(wǎng)頁顯示的目標(biāo)。
5、選擇或輸入U(xiǎn)RL：在“URL”處，單擊右邊的“瀏覽”按鈕，查找選擇要轉(zhuǎn)到的網(wǎng)頁等內(nèi)容，確定。
6、選擇其他事件 根據(jù)需要，單擊“行為”面板中事件旁的向下箭頭，在彈出的事件菜單中選擇。
知識(shí)擴(kuò)展：轉(zhuǎn)到多個(gè)URL行為
（1）、選擇一個(gè)頁面元素或?qū)ο蟆?/p>
（2）、打開行為面板，點(diǎn)擊“添加行為”按鈕在彈出的下拉菜單中選擇“轉(zhuǎn)到URL”命令。
（3）、打開“轉(zhuǎn)到URL”對(duì)話框如下圖：
（4）、選擇“框架mainframe”輸入U(xiǎn)RL，如下圖
（5）、選擇“框架rightframe”輸入U(xiǎn)RL，如下圖
（注意：URL的地址可以相同，也可以不同）
(6)、點(diǎn)擊確定，并查看附件的事件是否是需要的事件，如果不是需要的事件，可以更改事件。
- 跳轉(zhuǎn)菜單：
功能：該行為主要是用于編輯跳轉(zhuǎn)菜單。跳轉(zhuǎn)菜單是文檔中的彈出菜單，對(duì)站點(diǎn)訪問者可見，并列出鏈接到文檔或文件的選項(xiàng)。
1、打開行為面板，點(diǎn)擊“添加行為”按鈕在彈出的下拉菜單中選擇“跳轉(zhuǎn)菜單”命令，如圖：
2、打開“跳轉(zhuǎn)菜單”對(duì)話框，如下圖：
3、在“跳轉(zhuǎn)菜單”對(duì)話框中按照需要進(jìn)行修改。如果是“框架頁面”，在“打開URL于：”下拉框中則會(huì)有框架窗口可以選擇。
4、點(diǎn)擊確定完成。
- 調(diào)用JavaScript
功能：調(diào)用JavaScript的行為可以指定在事件發(fā)生時(shí)要執(zhí)行的自定義函數(shù)或者JavaScript代碼?？梢宰约簳鴮戇@些JavaScript代碼，也可以使用網(wǎng)絡(luò)上發(fā)布的各種調(diào)用JavaScript庫。
1、選中要附加行為的對(duì)象 用鼠標(biāo)框選。
2、打開動(dòng)作菜單 在“行為”面板上單擊“＋”號(hào)鈕，彈出動(dòng)作菜單。
3、選擇調(diào)用JavaScript 單擊“調(diào)用JavaScript”動(dòng)作項(xiàng)目，彈出對(duì)話框。
4、輸入函數(shù)名稱 在“JavaScript”文本框處，輸入調(diào)用的函數(shù)及其參數(shù)。
5、選擇其他事件 根據(jù)需要，單擊“行為”面板中事件旁的向下箭頭，在彈出的事件菜單中選擇。默認(rèn)為單擊onClick()。
6、點(diǎn)擊確定完成。
- 設(shè)置文本域文字
功能：使用“設(shè)置文本域文字”行為可以將表單文本域中的內(nèi)容替換成指定的內(nèi)容。
1、選擇一個(gè)文本域
2、打開行為面板，點(diǎn)擊“添加行為”按鈕，在彈出的下拉菜單中選擇“設(shè)置文本”項(xiàng)，在彈出的子菜單中選擇“設(shè)置文本域文字”如圖：
3、打開“設(shè)置文本域文字”對(duì)話框，如圖
4、在“文本域”內(nèi)輸入一個(gè)目標(biāo)文本，在“創(chuàng)建文本”內(nèi)輸入要使用的文本
5、單擊“確定”按鈕。
- 設(shè)置狀態(tài)欄文本
功能：網(wǎng)頁瀏覽器的狀態(tài)欄位于瀏覽器的下方，可以通過瀏覽器菜單欄上的【查看】 / 【狀態(tài)欄】選項(xiàng)將其打開或關(guān)閉。網(wǎng)頁的狀態(tài)欄顧名思義就是顯示網(wǎng)頁的下載進(jìn)度等網(wǎng)頁狀態(tài)信息。利用 Dreamweaver 的行為功能產(chǎn)生相關(guān)的 Javascript 代碼，再利用 Javascript 動(dòng)態(tài)產(chǎn)生狀態(tài)欄文字信息。
1、新建一HTML文件，打開行為面板，添加行為：
2、在打開的設(shè)置狀態(tài)欄文本窗口中輸入要在狀態(tài)欄顯示的文本信息。
3、單擊“確定”按鈕后，就設(shè)置完成了！如果你想設(shè)置行為的話，可以看看行為面板在這里我設(shè)置為Onload意思是網(wǎng)頁只要加載就顯示該文本信息。
圖像：選擇一個(gè)需要改變其源文件的圖像。
設(shè)定原始檔為：輸入新圖像的文件路徑和名稱，或者點(diǎn)擊“瀏覽”按鈕選取一個(gè)新的圖像文件。
預(yù)先載入圖像：選擇此項(xiàng)可以將新圖像預(yù)先加載到瀏覽器緩存中，防止圖像延遲。
3.10.8在“交換圖像”對(duì)話框中再設(shè)置“圖像 "img1"”，如下圖所示：
提示：對(duì)于所有需要更改的其它圖像重復(fù)第8步即可，同時(shí)對(duì)于所有需要更改的圖像
