1、教學方法教學目標教學重點教學難點教學過程 項目十五項目十五 Dreamweaver中行為及其應用中行為及其應用 教學目標教學目標 (1)(1)了解行為的三要素；了解行為的三要素； (2)(2)掌握創建行為的三個步驟；掌握創建行為的三個步驟； (3)(3)熟練運用熟練運用dreamweaverdreamweaver中常見行中常見行為的設定為的設定下一頁上一頁教學方法教學目標教學重點教學難點教學過程 項目十五項目十五 Dreamweaver中行為及其應用中行為及其應用 教學重點教學重點(1)(1)彈出式菜單的設計；彈出式菜單的設計；(2)(2)層的控制；層的控制；下一頁上一頁教學方法教學目標教學重

2、點教學難點教學過程 項目十五項目十五 Dreamweaver中行為及其應用中行為及其應用 教學難點教學難點 設置文本動作的使用設置文本動作的使用 下一頁上一頁教學方法教學目標教學重點教學難點教學過程 項目十五項目十五 Dreamweaver中行為及其應用中行為及其應用 教學方法教學方法1 1、項目工程互動式教學法、項目工程互動式教學法2 2、“講、學、練講、學、練”相結合相結合 下一頁上一頁教學方法教學目標教學重點教學難點教學過程 項目十五項目十五 Dreamweaver中行為及其應用中行為及其應用 下一頁上一頁一、關于一、關于DreamweaverDreamweaver行為行為行為有三個最重

3、要的構成部分，分別為對象(Object)、事件(Event)和動作(Action)。對象是產生行為的主體。網頁中很多的元素都可以成為對象，如網頁中插入的圖像、一段文字、一個多媒體文件等。對象也是基于成對出現的HTML標簽的，在創建時要首先選中對象的標簽。事件是觸發動態效果的條件。教學方法教學目標教學重點教學難點教學過程 項目十五項目十五 Dreamweaver中行為及其應用中行為及其應用 下一頁上一頁 在創建行為時，這三者的順序為： 1、選擇對象 2、添加動作 3、調整事件教學方法教學目標教學重點教學難點教學過程 項目十五項目十五 Dreamweaver中行為及其應用中行為及其應用 下一頁上一

4、頁二、二、DreamweaverDreamweaver主要內置動作主要內置動作教學方法教學目標教學重點教學難點教學過程 項目十五項目十五 Dreamweaver中行為及其應用中行為及其應用 下一頁上一頁1、“交換圖像”和“恢復交換圖像”步驟如下：（1）選中對象網頁上應該有正常狀態的圖像，如圖所示，選中圖像，打開行為面板。選中圖像，實際上也就是選中了圖像的標簽。（2）添加動作（3）設定事件 教學方法教學目標教學重點教學難點教學過程 項目十五項目十五 Dreamweaver中行為及其應用中行為及其應用 下一頁上一頁2、彈出信息3、打開瀏覽器窗口4、控制Shockwave或Flash5、播放聲音6、

5、改變屬性教學方法教學目標教學重點教學難點教學過程 項目十五項目十五 Dreamweaver中行為及其應用中行為及其應用 下一頁上一頁7、顯示-隱藏層具體的操作步驟如下：（1）在頁面上添加兩個層，分別為layer1和layer2,在layer1中插入一個事先準備好的圖片，在layer2中添加文字，如圖：教學方法教學目標教學重點教學難點教學過程 項目十五項目十五 Dreamweaver中行為及其應用中行為及其應用 下一頁上一頁（2）調整這兩個層在頁面中的顯示位置。設置layer2的顯示屬性為隱藏，如圖：教學方法教學目標教學重點教學難點教學過程 項目十五項目十五 Dreamweaver中行為及其應用

6、中行為及其應用 下一頁上一頁（3）在layer1層中的圖片上添加顯示和隱藏層的行為動作”。選擇圖片，打開行為面板。單擊加號 (+) 按鈕并從“動作”彈出菜單中選擇“顯示隱藏層”。選中layer2,單擊“顯示”按鈕如圖，單擊確定。教學方法教學目標教學重點教學難點教學過程 項目十五項目十五 Dreamweaver中行為及其應用中行為及其應用 下一頁上一頁（4）單擊事件下拉菜單，選擇觸發動作的事件為onMouseOver；（5）再次選中圖片，打開行為面板，單擊加號 (+) 按鈕并從“動作”彈出菜單中選擇“顯示隱藏層”。選中layer2，單擊“隱藏”按鈕如圖，單擊確定。教學方法教學目標教學重點教學難點

7、教學過程 項目十五項目十五 Dreamweaver中行為及其應用中行為及其應用 下一頁上一頁（6）再次單擊事件下拉菜單，選擇觸發動作的事件為onMouseOut；（7）設置完成后，行為面板如圖：教學方法教學目標教學重點教學難點教學過程 項目十五項目十五 Dreamweaver中行為及其應用中行為及其應用 下一頁上一頁8、“顯示彈出式菜單”和“隱藏彈出式菜單” （1）選中產生彈出菜單行為的對象，通常是圖片或文本的按鈕。 （2）單擊行為面板上的加號按鈕，在彈出菜單中選擇“顯示彈出式菜單”。 （3）內容面板設置。彈出設置面板共有四個子面板。內容面板設置彈出菜單上按鈕的內容和排列順序，外 觀如圖所示。

8、教學方法教學目標教學重點教學難點教學過程 項目十五項目十五 Dreamweaver中行為及其應用中行為及其應用 下一頁上一頁（4）外觀面板設置教學方法教學目標教學重點教學難點教學過程 項目十五項目十五 Dreamweaver中行為及其應用中行為及其應用 下一頁上一頁（5）高級面板設置 教學方法教學目標教學重點教學難點教學過程 項目十五項目十五 Dreamweaver中行為及其應用中行為及其應用 下一頁上一頁（6）位置設定。 位置設定面板包括兩項重要的設置，如圖所示。 （7）設置完畢后，單擊“確定”按鈕。教學方法教學目標教學重點教學難點教學過程 項目十五項目十五 Dreamweaver中行為及其

9、應用中行為及其應用 下一頁上一頁9、設置文本（一） 設定框架文本 該行為的使用方法如下：（1）創建并保存框架網頁，同時在屬性面板上給框架起名。該行為只有在框架網頁中才能夠使用。（2）選中框架中要應用該行為的對象。（3）打開行為面板，單擊面板上的加號按鈕。在彈出的菜單中選擇“設置文本”“設置框架文本”，彈出窗口如圖所示：教學方法教學目標教學重點教學難點教學過程 項目十五項目十五 Dreamweaver中行為及其應用中行為及其應用 下一頁上一頁（4）設置行為：“框架”項中選擇顯示設置文本的框架。“新建HTML中設定在選定框架中顯示的HTML代碼。 選中“保留背景色”，可以保留原來框架中的背景顏色。

10、 單擊“獲取當前HTML”按鈕，可以在窗口中顯示框架中標記之間的代碼。教學方法教學目標教學重點教學難點教學過程 項目十五項目十五 Dreamweaver中行為及其應用中行為及其應用 下一頁上一頁 (二) 設置狀態條文本 設定狀態欄文字的步驟如下： （1）用鼠標選中要應用該行為的對象。 （2）打開行為面板，單擊加號按鈕，在彈出的菜單中選擇“設置文本”“設置狀態條文本”。 （3）在彈出的窗口中輸入要在狀態欄顯示的文字。 （4）單擊“確定”按鈕，結束設置。教學方法教學目標教學重點教學難點教學過程 項目十五項目十五 Dreamweaver中行為及其應用中行為及其應用 下一頁上一頁 （三）設定文本域文本

11、 該行為可以更改表單中文本域內顯示的文字。 該行為的操作步驟如下： （1）確保在網頁中有表單和文本域，同時在屬性面板中設定了表單中文本域的名字。 （2）選中編輯窗口中要應用該行為的對象。 （3）打開行為面板，單擊加號按鈕，在彈出的菜單中選擇“設定文本”“設置文本域文字”。教學方法教學目標教學重點教學難點教學過程 項目十五項目十五 Dreamweaver中行為及其應用中行為及其應用 下一頁上一頁（四）設置層文本設置層文本動作用您指定的內容替換頁上現有層的內容和格式設置。該內容可以包括任何有效的 HTML 源代碼。具體實現的步驟： （1）選擇“插入”-“布局對象”-“層”；（2）在層內輸入你需要的文字；（3）打開行為面板，從“動作”中選擇“設置文本”-“設置層文本”，如圖： （4）設置彈出的面板。 “文本域”項選擇要應用該行為的文本域的名稱。 “新建文本”輸入替換的文本。教學方法教學目標教學重點教學難點教學過程 項目十五項目十五 Dreamweaver中行為及其應用中行為及其應用 下一頁上一頁（4）單擊確定，設定激活行為的事件。教學方法教學目標教學重點教學難點教學過程 項目十五項目十五 Dreamweaver中行為及其應用中行為及其應用 下一頁上一頁10、調用 JavaScript 在網頁中添加調用JavaScript行為的方法如下：（1）選中應用行為的對象。（2）