《項(xiàng)目12 使用行為完善網(wǎng)頁功能》由會(huì)員分享，可在線閱讀，更多相關(guān)《項(xiàng)目12 使用行為完善網(wǎng)頁功能（14頁珍藏版）》請(qǐng)?jiān)谘b配圖網(wǎng)上搜索。

1、項(xiàng)目七項(xiàng)目七 使用行為完善網(wǎng)頁功能 設(shè)置頁眉部分設(shè)置頁眉部分 任務(wù)一任務(wù)一設(shè)置主體部分設(shè)置主體部分 任務(wù)二任務(wù)二任務(wù)一 設(shè)置頁眉部分(一)設(shè)置狀態(tài)欄文本【操作步驟】1.在Dreamweaver 8中定義一個(gè)本地站點(diǎn)，并將教學(xué)輔助光盤“項(xiàng)目12項(xiàng)目素材”文件夾下的內(nèi)容復(fù)制到站點(diǎn)根文件夾下面，然后在網(wǎng)站根文件夾下面打開主頁文檔“index.htm”。2.在菜單欄中選擇【窗口】【行為】命令，打開【行為】面板，如圖所示。3.選中頁眉左端的logo圖像“images/logo.gif”，然后在【行為】面板中單擊 按鈕，打開【行為】菜單，從中選擇【設(shè)置文本】【設(shè)置狀態(tài)欄文本】命令，打開【設(shè)置狀態(tài)欄文本】對(duì)

2、話框，在【消息】文本框中輸入“西雙版納歡迎您！”，如圖所示。4.單擊 按鈕完成設(shè)置，如圖所示。5.保存文檔并在瀏覽器中瀏覽，當(dāng)鼠標(biāo)光標(biāo)停留在logo圖像上時(shí)，瀏覽器狀態(tài)欄將顯示事先定義的文本“西雙版納歡迎您！”(二二)制作彈出式菜單制作彈出式菜單1.選中標(biāo)有選中標(biāo)有“西雙版納歡迎您西雙版納歡迎您”字樣的圖像文件字樣的圖像文件“images/logo01.gif”，并在，并在【屬性屬性】面板中為其添加空鏈面板中為其添加空鏈接接“#”。2.在在【行為行為】面板中單擊面板中單擊 按鈕，從按鈕，從【行為行為】菜單中選擇菜單中選擇【顯示彈顯示彈出式菜單出式菜單】命令，打開圖所示的對(duì)話框。命令，打開圖所示

3、的對(duì)話框。3.勾選勾選【Dont show me this message again】復(fù)選框，此對(duì)話框?qū)⒉粡?fù)選框，此對(duì)話框?qū)⒉辉俪霈F(xiàn)，單擊按鈕，打開下方圖片所示的對(duì)話框。再出現(xiàn)，單擊按鈕，打開下方圖片所示的對(duì)話框。4.在在【文本文本】文本框中輸入文本框中輸入“瀾滄江瀾滄江”，在，在【目標(biāo)目標(biāo)】下拉列表中選擇下拉列表中選擇【_blank】選項(xiàng)，在選項(xiàng)，在【鏈接鏈接】文本框中定義鏈接文件為文本框中定義鏈接文件為“l(fā)cj.htm”。5.單擊單擊 按鈕，繼續(xù)添加其他菜單項(xiàng)，如圖所示。按鈕，繼續(xù)添加其他菜單項(xiàng)，如圖所示。6.切換至切換至【外觀外觀】選項(xiàng)卡，設(shè)置菜單的外觀參數(shù)，其中一般狀態(tài)選項(xiàng)卡，設(shè)置菜

4、單的外觀參數(shù)，其中一般狀態(tài)【文文本本】的顏色為的顏色為“#000000”，【單元格單元格】的顏色為的顏色為“#006600”，滑過，滑過狀態(tài)狀態(tài)【文本文本】的顏色為的顏色為“#FF0000”，【單元格單元格】的顏色為的顏色為“#CCCCCC”，如圖所示。，如圖所示。7.切換至切換至【高級(jí)高級(jí)】選項(xiàng)卡，將選項(xiàng)卡，將【單元格寬度單元格寬度】設(shè)置為設(shè)置為“80像素像素”，將，將【單元格高度單元格高度】設(shè)置為設(shè)置為“25像素像素”，其他參數(shù)可以根據(jù)個(gè)人喜，其他參數(shù)可以根據(jù)個(gè)人喜好進(jìn)行設(shè)置，如圖所示。好進(jìn)行設(shè)置，如圖所示。8.切換至切換至【位置位置】選項(xiàng)卡，在選項(xiàng)卡，在【菜單位置菜單位置】選項(xiàng)中單擊第選

5、項(xiàng)中單擊第4個(gè)按鈕，個(gè)按鈕，并勾選并勾選【在發(fā)生在發(fā)生onMouseOut事件時(shí)隱藏菜單事件時(shí)隱藏菜單】復(fù)選框，如復(fù)選框，如圖所示圖所示。9.單擊單擊 按鈕，完成彈出式菜單設(shè)置工作，如圖所示。按鈕，完成彈出式菜單設(shè)置工作，如圖所示。10.保存文檔，然后按保存文檔，然后按F12鍵預(yù)覽網(wǎng)頁，當(dāng)鼠標(biāo)光標(biāo)經(jīng)過欄目時(shí)，鍵預(yù)覽網(wǎng)頁，當(dāng)鼠標(biāo)光標(biāo)經(jīng)過欄目時(shí)，便會(huì)彈出菜單，單擊菜單中的某一項(xiàng)，便會(huì)打開所指向的便會(huì)彈出菜單，單擊菜單中的某一項(xiàng)，便會(huì)打開所指向的文檔窗口，當(dāng)鼠標(biāo)光標(biāo)離開欄目時(shí)，菜單便會(huì)消失。文檔窗口，當(dāng)鼠標(biāo)光標(biāo)離開欄目時(shí)，菜單便會(huì)消失。任務(wù)二 設(shè)置主體部分(一)打開瀏覽器窗口【操作步驟】1.選中“風(fēng)

6、景欣賞”欄目下面的第1幅圖像“images/xsbn1.jpg”，然后在【行為】面板中單擊按鈕，從【行為】菜單中選擇【打開瀏覽器窗口】命令，打開【打開瀏覽器窗口】對(duì)話框，2.單擊按鈕，選擇圖像文件“images/xsbn 1.jpg”，將【窗口寬度】和【窗口高度】分別設(shè)置為“330”和“230”，并勾選【需要時(shí)使用滾動(dòng)條】復(fù)選框，如圖所示。3.單擊單擊 按鈕，關(guān)閉對(duì)話框，在按鈕，關(guān)閉對(duì)話框，在【行為行為】面板中將事件設(shè)置為面板中將事件設(shè)置為“onClick”。然后用相同的方法設(shè)置下面的圖像。然后用相同的方法設(shè)置下面的圖像。4.保存網(wǎng)頁并按保存網(wǎng)頁并按F12鍵預(yù)覽網(wǎng)頁，單擊鍵預(yù)覽網(wǎng)頁，單擊“風(fēng)景

7、欣賞風(fēng)景欣賞”欄目下面的第欄目下面的第2幅幅圖像，將打開一個(gè)新窗口，如圖所示。圖像，將打開一個(gè)新窗口，如圖所示。(二)交換圖像【操作步驟】1.在文檔中選定地圖圖像“images/map.jpg”，并確認(rèn)在其【屬性】面板中設(shè)置了圖像名稱，這里為“map”。2.在【行為】面板中單擊 按鈕，從【行為】菜單中選擇【交換圖像】命令，打開【交換圖像】對(duì)話框。3.在【圖像】列表框中選擇要改變的圖像“map”，然后在【設(shè)定原始檔為】文本框中定義其要交換的圖像文件“images/xsbn6.jpg”，并勾選【預(yù)先載入圖像】和【鼠標(biāo)滑開時(shí)恢復(fù)圖像】?jī)蓚€(gè)復(fù)選框，如圖所示。4.單擊按鈕，關(guān)閉對(duì)話框，然后保存網(wǎng)頁并進(jìn)行

8、預(yù)覽，當(dāng)鼠標(biāo)光標(biāo)停在圖像上時(shí)，圖像會(huì)變換為另一幅圖像。(三)彈出信息【操作步驟】1.在文檔中選定地圖圖像“images/map.jpg”，然后在【行為】面板中單擊按鈕，從行為菜單中選擇【彈出信息】命令，打開【彈出信息】對(duì)話框。2.在【彈出信息】對(duì)話框的【消息】文本框中輸入提示信息，如圖所示。單擊按鈕，關(guān)閉對(duì)話框，然后在【行為】面板中選擇【onMouseDown】事件。3.保存網(wǎng)頁并按F12鍵進(jìn)行預(yù)覽，單擊鼠標(biāo)左鍵或右鍵都會(huì)彈出信息框，如圖所示。(四)控制Shockwave或Flash【操作步驟】1.選定文檔左下角的Flash動(dòng)畫，打開其【屬性】面板，將視頻命名為“fengguang”，并取消對(duì)【循環(huán)】和【自動(dòng)播放】?jī)蓚€(gè)復(fù)選框的勾選。2.選定Flash動(dòng)畫右側(cè)的文本“播放”，并為其添加空鏈接“#”。3.在【行為】面板中單擊 按鈕，從【行為】菜單中選擇【控制Shockwave或Flash】命令，打開【控制Shockwave或Flash】對(duì)話框。4.在【影片】列表中選擇命名的影片“fengguang”，在【操作】選項(xiàng)組中點(diǎn)選【播放】單選鈕，如圖所示。5.單擊 按鈕，關(guān)閉對(duì)話框，然后用相同的方法為“停止”添加【停止】行為。6.在【行為】面板中設(shè)置事件為“onClick”。7.保存網(wǎng)頁并按F12鍵進(jìn)行預(yù)覽，驗(yàn)證“播放”和“停止”鏈接的有效性。