網(wǎng)頁電子教案-第7章

1、$ 知識目標(biāo)知識目標(biāo) 88 能力目標(biāo)能力目標(biāo) 7.1 認(rèn)識行為認(rèn)識行為 7.2 使用使用Dreamwerver8內(nèi)置的行為內(nèi)置的行為 本章小結(jié)本章小結(jié)7.1.1 認(rèn)識行為認(rèn)識行為7.1.2 使用行為面板使用行為面板7.1.3 增加行為的基本步驟增加行為的基本步驟7.1.4 修改行為修改行為行為是由對象、事件和動作構(gòu)成的。行為是由對象、事件和動作構(gòu)成的。1對象：是產(chǎn)生行為的主體。網(wǎng)頁中的很多元素都可以成為對象，對象：是產(chǎn)生行為的主體。網(wǎng)頁中的很多元素都可以成為對象，如網(wǎng)頁中的一個圖片、一段文字等元素，也可以整個網(wǎng)頁文檔。如網(wǎng)頁中的一個圖片、一段文字等元素，也可以整個網(wǎng)頁文檔。2事件：是由用戶或瀏

2、覽器觸發(fā)的事件。事件經(jīng)常是針對頁面元事件：是由用戶或瀏覽器觸發(fā)的事件。事件經(jīng)常是針對頁面元素的，如鼠標(biāo)經(jīng)過、鼠標(biāo)單擊、鍵盤某個鍵按下等。素的，如鼠標(biāo)經(jīng)過、鼠標(biāo)單擊、鍵盤某個鍵按下等。3動作：通常是一段動作：通常是一段JavaScript代碼，用于完成某些特殊的任務(wù)。代碼，用于完成某些特殊的任務(wù)。如打開一個窗口時自動播放聲音、彈出信息窗口等。如打開一個窗口時自動播放聲音、彈出信息窗口等。4行為：事件和動作組合起來就構(gòu)成了行為。事件是產(chǎn)生行為的行為：事件和動作組合起來就構(gòu)成了行為。事件是產(chǎn)生行為的條件，動作是行為的具體結(jié)果。條件，動作是行為的具體結(jié)果。單擊菜單欄中的單擊菜單欄中的“窗口窗口”|“行

3、為行為”命令或使用組合鍵命令或使用組合鍵Shift+F4，可，可以打開行為面板如圖所示。以打開行為面板如圖所示。（一）行為面板各按鈕功能（一）行為面板各按鈕功能（二）設(shè)置瀏覽器版本（二）設(shè)置瀏覽器版本在行為面板中，單擊在行為面板中，單擊 按鈕，在按鈕，在“顯示事件顯示事件”的級聯(lián)菜單中選擇瀏覽的級聯(lián)菜單中選擇瀏覽器版本，如圖所示。器版本，如圖所示。（三）常見事件（三）常見事件添加行為后，要為行為選擇觸發(fā)事件。選擇某個行為，單擊左側(cè)添加行為后，要為行為選擇觸發(fā)事件。選擇某個行為，單擊左側(cè)的事件名稱右側(cè)的下拉箭頭彈出下拉菜單，菜單列出了所選行為可以的事件名稱右側(cè)的下拉箭頭彈出下拉菜單，菜單列出了所

4、選行為可以使用的觸發(fā)事件，如圖所示。使用的觸發(fā)事件，如圖所示。1在文檔窗口中選擇要增加行為的對象，例如一個圖像或一個鏈在文檔窗口中選擇要增加行為的對象，例如一個圖像或一個鏈接或一段文字。要將行為附加到整個頁，請在接或一段文字。要將行為附加到整個頁，請在“文檔文檔”窗口底部左側(cè)窗口底部左側(cè)的標(biāo)簽選擇器中單擊的標(biāo)簽選擇器中單擊 標(biāo)簽。標(biāo)簽。2在行為面板中單擊加號在行為面板中單擊加號“+”按鈕，從彈出菜單中選擇一種行為。按鈕，從彈出菜單中選擇一種行為。3打開某種行為的設(shè)置對話框，根據(jù)需要進(jìn)行設(shè)置，完成對話框。打開某種行為的設(shè)置對話框，根據(jù)需要進(jìn)行設(shè)置，完成對話框。4在行為面板中選擇行為，添加觸發(fā)事件

5、。在行為面板中選擇行為，添加觸發(fā)事件。6保存網(wǎng)頁，在瀏覽器中檢測行為。保存網(wǎng)頁，在瀏覽器中檢測行為。要修改和編輯己設(shè)置行為要修改和編輯己設(shè)置行為,執(zhí)行以下操作之一：執(zhí)行以下操作之一：1在行為面板中雙擊要修改的行為。在行為面板中雙擊要修改的行為。2選擇要修改的行，單擊行為面板上的選擇要修改的行，單擊行為面板上的“選項選項”按鈕按鈕 ，選擇，選擇“編輯行為編輯行為”命令。命令。7.2.1 播放聲音播放聲音7.2.2 打開瀏覽器窗口打開瀏覽器窗口7.2.3 彈出消息彈出消息7.2.4 轉(zhuǎn)到轉(zhuǎn)到URL7.2.5 設(shè)置狀態(tài)欄文本設(shè)置狀態(tài)欄文本7.2.6 拖動層拖動層7.2.7 顯示顯示隱藏層隱藏層7.2

6、.8 檢查瀏覽器檢查瀏覽器7.2.9 改變對象屬性改變對象屬性7.2.10控制控制Shockwave或或Flash1打開一個網(wǎng)頁，選擇行為的對象如某一圖像，也可單擊窗口下打開一個網(wǎng)頁，選擇行為的對象如某一圖像，也可單擊窗口下方的方的標(biāo)簽，為整個頁面增加行為。標(biāo)簽，為整個頁面增加行為。2在行為面板上，單擊在行為面板上，單擊“+”按鈕，從下拉菜單中選擇按鈕，從下拉菜單中選擇“播放聲播放聲音音”。3打開打開“播放聲音播放聲音”對話框。對話框。4在文本框中輸入聲音文件的路徑和名稱，也可單擊在文本框中輸入聲音文件的路徑和名稱，也可單擊“瀏覽瀏覽”按按鈕，選擇要播放的聲音文件。鈕，選擇要播放的聲音文件。5

7、單擊單擊“確定確定”按鈕。在網(wǎng)頁中出現(xiàn)占位符。按鈕。在網(wǎng)頁中出現(xiàn)占位符。6在行為面板設(shè)置事件，如設(shè)為在行為面板設(shè)置事件，如設(shè)為“OnLoad”。7保存并在瀏覽器中預(yù)覽網(wǎng)頁，觀看效果。保存并在瀏覽器中預(yù)覽網(wǎng)頁，觀看效果。1打開一個網(wǎng)頁，選擇行為的對象如某一圖像，如選擇一個圖像。打開一個網(wǎng)頁，選擇行為的對象如某一圖像，如選擇一個圖像。2在行為面板上，單擊在行為面板上，單擊“+”按鈕，從下拉菜單中選擇按鈕，從下拉菜單中選擇“打開瀏覽打開瀏覽器窗口器窗口”。3打開打開“打開瀏覽器窗口打開瀏覽器窗口”對話框，如圖所示。對話框，如圖所示。4設(shè)置對話框，單擊設(shè)置對話框，單擊“確定確定”按鈕。按鈕。在行為面板

8、設(shè)置事件，如設(shè)為在行為面板設(shè)置事件，如設(shè)為“OnMouseOver”6保存并在瀏覽器中測試行為。保存并在瀏覽器中測試行為。 1打開一個網(wǎng)頁，選擇行為的對象，如選擇一個圖像。打開一個網(wǎng)頁，選擇行為的對象，如選擇一個圖像。2在行為面板上，單擊在行為面板上，單擊“+”按鈕，打開下拉菜單，從中選擇按鈕，打開下拉菜單，從中選擇“彈彈出消息出消息”。3打開打開“彈出消息彈出消息”對話框，如圖所示。對話框，如圖所示。 4輸入要顯示的信息，單擊輸入要顯示的信息，單擊“確定確定”按鈕。按鈕。5在行為面板設(shè)置事件，如設(shè)為在行為面板設(shè)置事件，如設(shè)為“OnMouseDown”6保存并在瀏覽器中測試行為。保存并在瀏覽器

9、中測試行為。 1打開一個網(wǎng)頁，插入一個按鈕，在打開一個網(wǎng)頁，插入一個按鈕，在“屬性檢查器屬性檢查器”中設(shè)置中設(shè)置“動作動作”為為“無無”。2選中按鈕。在行為面板上，單擊選中按鈕。在行為面板上，單擊“+”按鈕，打開下拉菜單，從按鈕，打開下拉菜單，從中選擇中選擇“轉(zhuǎn)到轉(zhuǎn)到URL”。3打開打開“轉(zhuǎn)到轉(zhuǎn)到URL”對話框，如圖所示。對話框，如圖所示。4在在“URL”框中框中輸入要打開的文件的輸入要打開的文件的路徑和名稱，也可單路徑和名稱，也可單擊擊“瀏覽瀏覽”按鈕選擇文件。按鈕選擇文件。5單擊單擊“確定確定”按鈕。按鈕。6在行為面板設(shè)置事件，如設(shè)為在行為面板設(shè)置事件，如設(shè)為“OnMouseDown”7保

10、存并在瀏覽器中測試行為保存并在瀏覽器中測試行為1打開一個網(wǎng)頁，選擇窗口下方的打開一個網(wǎng)頁，選擇窗口下方的標(biāo)簽。標(biāo)簽。2在行為面板上，單擊在行為面板上，單擊“+”按鈕，打開下拉菜單，從中選擇按鈕，打開下拉菜單，從中選擇“設(shè)設(shè)置文本置文本”子菜單中的子菜單中的“設(shè)置狀態(tài)欄文本設(shè)置狀態(tài)欄文本”。3打開打開“設(shè)置狀態(tài)欄文本設(shè)置狀態(tài)欄文本”對話框，如圖所示。對話框，如圖所示。4輸入要顯示的信息，單擊輸入要顯示的信息，單擊“確定確定”按鈕。按鈕。5在行為面板設(shè)置事件，如設(shè)為在行為面板設(shè)置事件，如設(shè)為“OnLoad”。6保存并在瀏覽器中測試行為。保存并在瀏覽器中測試行為。1打開一個網(wǎng)頁，插入一個層，命名為打

11、開一個網(wǎng)頁，插入一個層，命名為layer1，在層插入圖像。，在層插入圖像。2選擇窗口下方的選擇窗口下方的標(biāo)簽。標(biāo)簽。3在行為面板上，單擊在行為面板上，單擊“+”按鈕，打開下拉菜單，從中選擇按鈕，打開下拉菜單，從中選擇“拖拖動層動層”。4打開打開“拖拖動層動層”對話框，對話框，如圖所示。如圖所示。 5在在“基本基本”選項中，選擇要拖動的層，其他使用默認(rèn)設(shè)置。選項中，選擇要拖動的層，其他使用默認(rèn)設(shè)置。6單擊單擊“確定確定”按鈕，退出按鈕，退出“拖動層拖動層”對話框。對話框。7在行為面板設(shè)置事件為在行為面板設(shè)置事件為“OnLoad”。8保存并在瀏覽器中測試行為。保存并在瀏覽器中測試行為。1打開一個網(wǎng)

12、頁，輸入打開一個網(wǎng)頁，輸入“長影世紀(jì)城景觀長影世紀(jì)城景觀”，并設(shè)置空鏈接。，并設(shè)置空鏈接。2插入一個層，命名為插入一個層，命名為“Layer1”，在層中插入圖像，如圖所示，在層中插入圖像，如圖所示3選中選中“長影世紀(jì)城景觀長影世紀(jì)城景觀”，在行為面板上，單擊在行為面板上，單擊“+”按鈕，按鈕，打開下拉菜單，從中選擇打開下拉菜單，從中選擇“顯示顯示隱藏層隱藏層”。打開打開“顯示顯示隱藏層隱藏層”對話框，如圖所示。對話框，如圖所示。5在在“命名的層命名的層”中顯示了所有的層，選擇中顯示了所有的層，選擇“Layer1”。6單擊單擊“隱藏隱藏”按鈕，然后單擊按鈕，然后單擊“確定確定”，退出，退出“顯示

13、顯示隱藏層隱藏層”對話框。對話框。7在行為面板設(shè)置事件為在行為面板設(shè)置事件為“OnMouseOut”。8重新選擇重新選擇“長影世紀(jì)城景觀長影世紀(jì)城景觀”文本，打開文本，打開“顯示顯示隱藏層隱藏層”對對話框，選擇話框，選擇“Layer1”，單擊，單擊“顯示顯示”按鈕，確定退出對話框?qū)⑿袨槭掳粹o，確定退出對話框?qū)⑿袨槭录O(shè)為件設(shè)為“OnMouseOver”。行為面板顯示如圖所示。行為面板顯示如圖所示。10選中網(wǎng)頁的層，在屬性檢查器中設(shè)置選中網(wǎng)頁的層，在屬性檢查器中設(shè)置“可見性可見性”為為“hidden”，使層初始狀態(tài)為隱藏。，使層初始狀態(tài)為隱藏。11保存并在瀏覽器中測試行為，保存并在瀏覽器中測試行

14、為，當(dāng)鼠標(biāo)指向當(dāng)鼠標(biāo)指向“長影世紀(jì)城景觀長影世紀(jì)城景觀”時，時，層顯示，離開時層隱藏。層顯示，離開時層隱藏。1打開一個網(wǎng)頁，選擇窗口下方的打開一個網(wǎng)頁，選擇窗口下方的標(biāo)簽。標(biāo)簽。2在行為面板上，單擊在行為面板上，單擊“+”按鈕，打開下拉菜單，從中選擇按鈕，打開下拉菜單，從中選擇“檢檢查瀏覽器查瀏覽器”。3打開打開“檢查瀏覽器檢查瀏覽器”對話框，如圖所示。對話框，如圖所示。4對話框各項設(shè)置如下：對話框各項設(shè)置如下：“Netscape Navigator”：用于設(shè)置：用于設(shè)置Netscape Navigator瀏覽器瀏覽器的版本及打開的網(wǎng)頁。的版本及打開的網(wǎng)頁?！癐nternet Explorer

15、“：用于設(shè)置：用于設(shè)置Internet Explorer瀏覽器的版本瀏覽器的版本及打開的網(wǎng)頁。及打開的網(wǎng)頁?！捌渌麨g覽器其他瀏覽器”：設(shè)置對于其他瀏覽器的選項設(shè)置，。：設(shè)置對于其他瀏覽器的選項設(shè)置，?！癠RL”：用于設(shè)置要跳轉(zhuǎn)的地址，單擊：用于設(shè)置要跳轉(zhuǎn)的地址，單擊“瀏覽瀏覽”按鈕可以選擇跳按鈕可以選擇跳轉(zhuǎn)的文件。轉(zhuǎn)的文件?！疤娲娲鶸RL”：用于設(shè)置替代的：用于設(shè)置替代的URL，也可以單擊，也可以單擊“瀏覽瀏覽”按鈕選按鈕選擇文件。擇文件。5設(shè)置完成后，單擊設(shè)置完成后，單擊“確定確定”退出對話框。退出對話框。6在行為面板設(shè)置事件為在行為面板設(shè)置事件為“OnLoad”。7保存并在瀏覽器中測試行

16、為。保存并在瀏覽器中測試行為。1打開一個網(wǎng)頁，插入兩個按鈕，按鈕動作為打開一個網(wǎng)頁，插入兩個按鈕，按鈕動作為“無無”，繪制一個，繪制一個層，命名為層，命名為Layer1，設(shè)置層的背，設(shè)置層的背景顏色為淺紫色，如圖所示。景顏色為淺紫色，如圖所示。2選中選中“粉色粉色”按鈕。在行為按鈕。在行為面板上，單擊面板上，單擊“+”按鈕，打開下拉按鈕，打開下拉菜單，從中選擇菜單，從中選擇“改變屬性改變屬性”。3打開打開“改變屬性改變屬性”對話框，對話框，如圖所示。如圖所示。4對話框各項設(shè)置如下：對話框各項設(shè)置如下：“對象類型對象類型”：選擇要改變的類型。選擇：選擇要改變的類型。選擇“LAYER”“命名對象命

17、名對象”：從下拉菜單中選擇要更改屬性的對象名稱，選擇：從下拉菜單中選擇要更改屬性的對象名稱，選擇layer“Layer1”。“屬性屬性”：設(shè)置要改變的屬性名稱及瀏覽器版本。改變背景選擇：設(shè)置要改變的屬性名稱及瀏覽器版本。改變背景選擇“style.backgroundColor”，瀏覽器版本選擇，瀏覽器版本選擇“IE4”。“新的值新的值”：設(shè)置新屬性的值。輸入：設(shè)置新屬性的值。輸入“pink”5單擊單擊“確定確定”，退出對話框。，退出對話框。6在行為面板設(shè)置事件為在行為面板設(shè)置事件為“OnMouseDown”。7選中選中“綠色綠色”按鈕，添加按鈕，添加“改變屬性改變屬性”，設(shè)置，設(shè)置“新的值新的

18、值”為為“green”，事件為，事件為“OnMouseDown”。8保存并在瀏覽器中測試行為。保存并在瀏覽器中測試行為。1打開一個網(wǎng)頁，插入兩個按鈕，按鈕動作為打開一個網(wǎng)頁，插入兩個按鈕，按鈕動作為“無無”，插入一個，插入一個Flash，在屬性檢查器中命名為，在屬性檢查器中命名為“flash1”并將并將“自動播放自動播放”和和“循環(huán)循環(huán)”選項取消，如圖所示。選項取消，如圖所示。2選中選中“play”按鈕。在行為按鈕。在行為面板上，單擊面板上，單擊“+”按鈕，打開下拉按鈕，打開下拉菜單，從中選擇菜單，從中選擇“控制控制Shockwave或或Flash”。3打開打開“控制控制Shockwave或或Flash”對話框，如圖所示。對話框，如圖所示。4在在“影片影片”下拉列表中選擇下拉列表中選擇“