1、課程教案授課內(nèi)容項(xiàng)目四 制作文化公司網(wǎng)站授課班級(jí)授課學(xué)時(shí) 12 課時(shí)教學(xué)方法與手段講授法、演示法、討論法。多媒體教學(xué)項(xiàng)目?jī)?nèi)容教學(xué)目標(biāo)廣州皇翼文化發(fā)展有限公司是一家擁有豐富資源的新生代文化傳播公司， 本公司主要從事舞臺(tái)藝術(shù)、演藝演出、展覽展示、活動(dòng)推廣等業(yè)務(wù)。本項(xiàng)目的工作內(nèi)容就是為該公司建設(shè)網(wǎng)站，公司要求如下：簡(jiǎn)潔美觀的全版歡迎頁(yè)面。內(nèi)容頁(yè)可以使用色彩對(duì)比強(qiáng)烈的風(fēng)格，少量文字版面內(nèi)容，以圖片顯示的版 塊為主。圖片展示是重點(diǎn)，在訪客查看圖片的時(shí)候，圖片要有特色的顯示鏈接效果。網(wǎng)站欄目之間有明確的鏈接。要完成上述任務(wù)要求，網(wǎng)站制作必須應(yīng)用超鏈接和行為技術(shù)。超鏈接是網(wǎng) 站中最重要的組成部分，它指向要訪

2、問(wèn)的目標(biāo)文檔或其他元素，從而使一個(gè)網(wǎng) 頁(yè)可以跳轉(zhuǎn)到另一個(gè)網(wǎng)頁(yè)或打開(kāi)“下載文件”對(duì)話框等。利用行為可以實(shí)現(xiàn)浮 動(dòng)廣告、滾動(dòng)字幕，以及收縮、放大圖像等效果。學(xué)生通過(guò)本項(xiàng)目的學(xué)習(xí)，能：1、熟練掌握設(shè)置各種超鏈接的方法2、掌握跳轉(zhuǎn)菜單的設(shè)置方法3、熟練掌握各種行為的設(shè)置方法教學(xué)重點(diǎn)：1、熟練掌握設(shè)置各種超鏈接的方法教學(xué)重點(diǎn)2、掌握跳轉(zhuǎn)菜單的設(shè)置方法與難點(diǎn)3、熟悉“行為”面板教學(xué)難點(diǎn)： 熟練掌握各種行為的設(shè)置方法項(xiàng)目效果教學(xué)過(guò)程設(shè)計(jì)【任務(wù)一】為首頁(yè)和子頁(yè)設(shè)置鏈接應(yīng)用超鏈接 超鏈接包括很多種，最常用的是常規(guī)超鏈接，另外還有圖片鏈接、下載鏈 接、電子郵件鏈接等。（一）設(shè)置常規(guī)超鏈接 常規(guī)超鏈接包括內(nèi)部超鏈接

3、和外部超鏈接。內(nèi)部超鏈接是指目標(biāo)文件位于站點(diǎn)內(nèi)部的鏈接；外部超鏈接可實(shí)現(xiàn)網(wǎng)站與網(wǎng)站之間的跳轉(zhuǎn)，也就是從本網(wǎng)站 跳轉(zhuǎn)到其他網(wǎng)站。1. 內(nèi)部超鏈接內(nèi)部超鏈接的設(shè)置非常靈活，在選中要設(shè)置超鏈接的文本或圖像后，可以 在“屬性”面板上的“鏈接”編輯框中直接輸入要鏈接到的網(wǎng)址或網(wǎng)頁(yè)名稱(chēng)； 也可以通過(guò)單擊“屬性”面板上“鏈接”編輯框后的“瀏覽文件”按鈕，在彈 出的“選擇文件”對(duì)話框中選擇要鏈接到的文件。還有一種方法是單擊并拖動(dòng)“屬性”面板上“鏈接”編輯框后的“指向文 件”按鈕到“文件”面板中的文件上，前提是此時(shí)的“文件”面板中顯示的是 該網(wǎng)頁(yè)所在的網(wǎng)站?！皩傩浴泵姘迳稀版溄印本庉嬁蛳路降摹澳繕?biāo)”下拉列表框表

4、示打開(kāi)鏈接文檔的方式，默認(rèn)為在當(dāng)前窗口中打開(kāi)鏈接網(wǎng)頁(yè)，其中各選項(xiàng)意義如下：blank ：表示在保留當(dāng)前網(wǎng)頁(yè)窗口的狀態(tài)下，在新窗口中顯示被打開(kāi)的鏈接網(wǎng)頁(yè)。_parent ：表示在當(dāng)前窗口顯示被打開(kāi)的鏈接網(wǎng)頁(yè)；如果是框架網(wǎng)頁(yè)， 則在父框架中顯示被打開(kāi)的鏈接網(wǎng)頁(yè)。_self ：表示在當(dāng)前窗口顯示被打開(kāi)的鏈接網(wǎng)頁(yè)； 如果是框架網(wǎng)頁(yè)， 則 在當(dāng)前框架中顯示被打開(kāi)的鏈接網(wǎng)頁(yè)。_top ：表示在當(dāng)前窗口顯示被打開(kāi)的鏈接網(wǎng)頁(yè)，如果是框架網(wǎng)頁(yè)，則 刪除所有框架，顯示當(dāng)前網(wǎng)頁(yè)。2. 外部超鏈接 外部超鏈接只能采用一種方法設(shè)置，就是在選中對(duì)象后，在“屬性”面板 上的“鏈接”編輯框中輸入要鏈接到的網(wǎng)址。如圖所示，為網(wǎng)

5、頁(yè)中的文本“中 國(guó)雅虎”設(shè)置到雅虎網(wǎng)站的外部超鏈接。（二）設(shè)置圖片鏈接和下載鏈接 所謂圖片鏈接，就是在單擊網(wǎng)頁(yè)中的某小圖片時(shí)，在新窗口中打開(kāi)一幅大 圖片；下載鏈接是指單擊某個(gè)超鏈接時(shí)會(huì)打開(kāi)一個(gè)“文件下載”對(duì)話框（或自 動(dòng)啟動(dòng)下載工具） ，通過(guò)在該對(duì)話框中單擊“打開(kāi)”或“保存”按鈕，打開(kāi)或下 載文件。實(shí)際上，設(shè)置這類(lèi)鏈接的方法非常簡(jiǎn)單，選中要設(shè)置為鏈接的文本或 圖像后，只要在“屬性”面板的“鏈接”編輯框中將鏈接目標(biāo)設(shè)置為圖像文件 或壓縮文件就可以了，如圖所示。此外，如果希望在新窗口中打開(kāi)大圖像，還 應(yīng)將“目標(biāo)”設(shè)置為 “ _blank ”。三）設(shè)置電子郵件鏈接 很多網(wǎng)站上留有電子郵件地址，單擊該

6、地址可打開(kāi)“ Outlook Express ”的 新郵件”窗口，這是一種特殊類(lèi)型的鏈接，又叫電子郵件鏈接。如果在網(wǎng)站上設(shè)置一個(gè)這樣的鏈接，可以方便瀏覽者聯(lián)系，下面介紹如何設(shè)置此類(lèi)鏈接。步驟 1 拖動(dòng)鼠標(biāo)選中要設(shè)置電子郵件鏈接的文本，此處為 “聯(lián)系地瓜” ，如圖上部分所示。步驟 2 在“屬性”面板上“鏈接”編輯框中輸入“ mailto ：電子郵箱地址” ， 此處為“ HYPERLINK mailto:master mailto:master ”，如圖下部分所示。步驟 3 保存文檔后按 F12 鍵預(yù)覽，將光標(biāo)置于鏈接文本上方時(shí)， 光標(biāo)變?yōu)槭中危?此時(shí)單擊鼠標(biāo)可打開(kāi)“新郵件”對(duì)話框，且“收件人”編

7、輯框中顯示剛才設(shè)置 的電子郵件地址。（四）設(shè)置命名錨記鏈接 很多時(shí)候都需要為一張圖片的不同部位設(shè)置不同的鏈接，如何為一張圖片 設(shè)置多個(gè)鏈接呢？這就用到了熱點(diǎn)鏈接。熱點(diǎn)鏈接又叫圖像映射，就是使用熱 點(diǎn)工具將一張圖片劃分成多個(gè)區(qū)域，并為這些區(qū)域分別設(shè)置鏈接，下面介紹具 體操作。步驟 1 打開(kāi)本項(xiàng)目素材 “ house”文件夾下的 “ xishan.html ”文檔。 單擊選中要設(shè)置鏈接的圖片“ dh.jpg ”，可看到“屬性”面板的左下角出現(xiàn)三個(gè)不同形 狀的熱點(diǎn)工具。步驟 2 單擊其中的“矩形熱點(diǎn)工具”按鈕，然后移動(dòng)鼠標(biāo)至圖片“ dh.jpg 上“夕照臺(tái)”所在區(qū)域，單擊鼠標(biāo)左鍵并拖動(dòng)，繪制一個(gè)矩形

8、區(qū)域。步驟 3 單擊“確定”按鈕，關(guān)閉提示框。然后在“屬性”面板上的“替換” 編輯框中為圖像映射輸入描述性文本。步驟 4 單擊文檔編輯窗口右側(cè)的按鈕， 顯示“文件” 面板，然后拖動(dòng) “屬性” 面板上“鏈接”編輯框后的按鈕到要鏈接的文件“ index.html ”上。步驟 5 繼續(xù)在圖片上 “夕山” 所在區(qū)域單擊鼠標(biāo)并拖動(dòng)， 繪制一個(gè)矩形區(qū)域， 然后采用同樣的方法為該矩形熱點(diǎn)區(qū)域設(shè)置到“ xishan.html ”的鏈接。步驟 6 按【Ctrl+S 】組合鍵保存文檔，然后按 F12 鍵預(yù)覽。將光標(biāo)置于文字 “夕照臺(tái)”上方時(shí)，光標(biāo)變?yōu)槭中危ū硎敬颂幵O(shè)置了鏈接） ，單擊可打開(kāi)鏈接的 （五）設(shè)置熱點(diǎn)鏈

9、接 在瀏覽網(wǎng)頁(yè)時(shí)，經(jīng)常會(huì)遇到這種情況，由于網(wǎng)頁(yè)的內(nèi)容非常多，瀏覽器的 滾動(dòng)條變得很長(zhǎng)，瀏覽者無(wú)法快速找到所要的內(nèi)容。為解決這個(gè)問(wèn)題，可以通 過(guò)命名錨記鏈接為網(wǎng)頁(yè)添加位于該網(wǎng)頁(yè)內(nèi)部的超鏈接，單擊該超鏈接，就跳轉(zhuǎn) 到網(wǎng)頁(yè)中指定的位置。網(wǎng)頁(yè)。設(shè)置命名錨記鏈接，首先要插入命名錨記，然后創(chuàng)建跳轉(zhuǎn)到該命名錨記的 鏈接，具體操作如下。步驟 1 打開(kāi)本項(xiàng)目素材“ souyi ”文件夾下的網(wǎng)頁(yè)文檔“ index.html ”，在 希望插入命名錨記的位置單擊以確定插入點(diǎn)，此處為廣告條下方“最新商品” 所在單元格。步驟 2 單擊“常用”插入欄中的“命名錨記”按鈕，或選擇“插入記錄” “命名錨記”菜單，打開(kāi)“命名錨記

10、”對(duì)話框，在“錨記名稱(chēng)”編輯框中輸入 錨記名稱(chēng)，此處為“ 001”，然后單擊“確定”按鈕，即可在插入點(diǎn)所在位置插 入命名錨記。步驟 3 添加命名錨記后， 就可以創(chuàng)建超鏈接了。 首先選中要鏈接到命名錨記 的文本或圖像，此處為網(wǎng)頁(yè)最下方的圓形按鈕圖像，然后在“屬性”面板上的鏈接”編輯框中輸入“ # 錨記名稱(chēng)”，此處為“ #001”。步驟 4 單擊圖片外任意位置， 可以看到設(shè)置鏈接后的圖片周?chē)嗔怂{(lán)色的邊 框，此時(shí)應(yīng)再次選中圖片， 然后在“屬性” 面板上的“邊框”編輯框中輸入 “0”， 并按 Enter 鍵確認(rèn)，去掉邊框。步驟 5 保存文檔后按 F12 鍵在瀏覽器中預(yù)覽， 單擊網(wǎng)頁(yè)下方的按鈕， 可直

11、接 跳轉(zhuǎn)到插入命名錨記的位置。小提示：命名錨記鏈接與常規(guī)超鏈接不同的地方，就是在鏈接的錨記名稱(chēng)前需 輸入符號(hào)“” ，它表示當(dāng)前頁(yè)。（六）設(shè)置跳轉(zhuǎn)菜單 跳轉(zhuǎn)菜單相當(dāng)于一組超鏈接的集合，在網(wǎng)頁(yè)中顯示為彈出式下拉菜單，如 圖所示。彈出菜單內(nèi)的鏈接沒(méi)有類(lèi)型上的限制，可以是內(nèi)部鏈接，也可以是到 其他網(wǎng)站的鏈接，還可以是電子郵件鏈接或命名錨記鏈接。步驟 1 打開(kāi)本項(xiàng)目素材 “souyi ”文件夾下的網(wǎng)頁(yè)文檔 “ index.html ” 將插入點(diǎn)置于頁(yè)面中要插入跳轉(zhuǎn)菜單的位置， 此處為廣告條上方的空白單元格， 然后選擇“插入記錄”“表單”“跳轉(zhuǎn)菜單” 。步驟 2 彈出“插入跳轉(zhuǎn)菜單”對(duì)話框，在“文本”編輯

12、框中輸入菜單名 稱(chēng)，此處為“搜衣中國(guó)” ；在“選擇時(shí)，轉(zhuǎn)到 URL”編輯框中輸入菜單要鏈接到 的網(wǎng)址，此處為“ HYPERLINK ”，這樣第一個(gè)菜單項(xiàng)創(chuàng)建完成。步驟 3 單擊“添加項(xiàng)”按鈕，為跳轉(zhuǎn)菜單添加其他項(xiàng)，并參照步驟 2 的方法 設(shè)置文本和 URL 鏈接，最后單擊“確定”按鈕，完成跳轉(zhuǎn)菜單的創(chuàng)建。1 項(xiàng)）。插入跳轉(zhuǎn)菜單”對(duì)話框中各設(shè)置項(xiàng)的意義如下。 菜單項(xiàng)：列出了所有創(chuàng)建的菜單項(xiàng)。當(dāng)新建菜單時(shí)，只有一項(xiàng)默認(rèn)的 “ unnamed1”。文本：用來(lái)設(shè)置跳轉(zhuǎn)菜單項(xiàng)的名稱(chēng)。 選擇時(shí)，轉(zhuǎn)到 URL：用來(lái)設(shè)置跳轉(zhuǎn)菜單項(xiàng)的鏈接地址。 打開(kāi) URL 于：用來(lái)設(shè)置跳轉(zhuǎn)菜單項(xiàng)鏈接目標(biāo)的打開(kāi)方式。 菜單 I

13、D ：用來(lái)設(shè)置便于記憶和理解的跳轉(zhuǎn)菜單名稱(chēng)。 菜單之后插入前往按鈕： 勾選此項(xiàng)時(shí)會(huì)在跳轉(zhuǎn)菜單的后面添加一個(gè) “前往” 按鈕，當(dāng)瀏覽者在下拉菜單中選擇了相關(guān)項(xiàng)后，必須單擊這個(gè)按鈕，瀏覽 器才會(huì)打開(kāi)鏈接網(wǎng)頁(yè)。如果不選擇此項(xiàng)，表示單擊選擇某個(gè)菜單項(xiàng)即可直 接打開(kāi)鏈接文檔。更改 URL 后選擇第一個(gè)項(xiàng)目：勾選此項(xiàng)時(shí)允許使用菜單選擇提示。步驟 4 單擊選擇文檔窗口中的跳轉(zhuǎn)菜單，然后在“屬性”面板上的“初始化 時(shí)選定”編輯框中單擊設(shè)置初始菜單項(xiàng)（默認(rèn)為第步驟 5 要修改跳轉(zhuǎn)菜單，可首先單擊選中跳轉(zhuǎn)菜單，然后單擊“屬性”面板 上的“列表值” 按鈕，此時(shí)將打開(kāi) “列表值” 對(duì)話框。 通過(guò)該對(duì)話框可以增加、 刪

14、除菜單項(xiàng)，調(diào)整菜單順序。增加菜單后，可分別單擊該菜單的“項(xiàng)目標(biāo)簽” 和“值”列，然后輸入菜單名稱(chēng)和其鏈接的網(wǎng)址。步驟 6 如果在“屬性”面板中選中“列表”單選鈕，然后在“高度”編輯框 中設(shè)置列表框高度，則跳轉(zhuǎn)菜單將以列表框形式顯示。任務(wù)實(shí)施】在學(xué)習(xí)了超鏈接的用法后， 請(qǐng)同學(xué)們動(dòng)動(dòng)手， 為文化公司網(wǎng)站設(shè)置超鏈接。任務(wù)二】為首頁(yè)添加伴隨窗口應(yīng)用行為 一）認(rèn)識(shí)“行為”面板“行為”面板是應(yīng)用行為不可缺少的工具，下面認(rèn)識(shí)一下“行為”面板。 選擇“窗口”“行為”菜單，或按【 Shift+F4 】組合鍵，即可打開(kāi)“行為” 面板，如圖所示，面板中顯示了已添加的行為。二）應(yīng)用行為行為可以應(yīng)用于 XHTML標(biāo)簽、

15、圖像、鏈接文本等對(duì)象。如果要對(duì)某對(duì)象應(yīng)用行為，需要先選中該對(duì)象，然后單擊“行為”面板上方的“添加行為”按鈕， 在打開(kāi)的行為列表中選擇動(dòng)作，并在打開(kāi)的對(duì)話框中設(shè)置效果，最后指定設(shè)定 動(dòng)作的發(fā)生情況，即指定事件。由以上操作可以看出，每個(gè)行為都由兩部分組成，即事件和動(dòng)作。所謂事 件是指“發(fā)生什么” ，如鼠標(biāo)移到對(duì)象上方、離開(kāi)對(duì)象或雙擊對(duì)象等；而動(dòng)作是 指“去做什么” ，如打開(kāi)瀏覽器窗口、播放聲音或彈出信息等。簡(jiǎn)單來(lái)說(shuō)，就是 當(dāng)發(fā)生某個(gè)事件的時(shí)候去執(zhí)行某項(xiàng)動(dòng)作。下面分別列出了常用事件和動(dòng)作的名稱(chēng)及其意義。1. 事件onAbort ：在瀏覽器中停止加載網(wǎng)頁(yè)文檔時(shí)發(fā)生的事件。 onMove：移動(dòng)瀏覽器窗口

16、時(shí)發(fā)生的事件。 onLoad：在瀏覽器中加載完網(wǎng)頁(yè)時(shí)發(fā)生的事件。onClick ：鼠標(biāo)單擊對(duì)象（如超鏈接、圖片、圖片映像、按鈕）時(shí)發(fā)生的事 件。onFocus：對(duì)象獲得焦點(diǎn)時(shí)發(fā)生的事件。 例如， 單擊表單中的文本編輯框觸 發(fā)事件。onMouseDown：?jiǎn)螕羰髽?biāo)左鍵（不必釋放鼠標(biāo)鍵）時(shí)發(fā)生的事件。 onMouseMove：鼠標(biāo)指針經(jīng)過(guò)對(duì)象時(shí)發(fā)生的事件。 onMouseOut：鼠標(biāo)指針離開(kāi)選定對(duì)象時(shí)發(fā)生的事件。 onMouseOver：鼠標(biāo)指針移至對(duì)象上方時(shí)發(fā)生的事件。 onMouseUp：當(dāng)按下的鼠標(biāo)按鍵被釋放時(shí)發(fā)生的事件。onReset ：表單文檔被設(shè)定為初始值時(shí)發(fā)生的事件。 onSubmi

17、t ：提交表單文檔時(shí)發(fā)生的事件。onSelect ：在文本區(qū)域中選定文本內(nèi)容時(shí)發(fā)生的事件。 onError ：加載網(wǎng)頁(yè)文檔過(guò)程中出現(xiàn)錯(cuò)誤時(shí)發(fā)生的事件。onFinish ：（ Marquee）字幕結(jié)束一個(gè)循環(huán)時(shí)發(fā)生的事件。 onStart ：（ Marquee）字幕開(kāi)始循環(huán)時(shí)發(fā)生的事件。2. 動(dòng)作 檢查插件：檢查訪問(wèn)者安裝的插件，給其發(fā)送不同的頁(yè)面或給出提示。例 如，網(wǎng)頁(yè)中若包含了 Flash 動(dòng)畫(huà)，則可以利用該動(dòng)作檢查訪問(wèn)者的瀏覽器是否 安裝了 Flash 播放器插件。如果沒(méi)有安裝，則可以給出提示信息。拖動(dòng) AP 元素：利用該動(dòng)作允許用戶拖動(dòng) AP 元素。轉(zhuǎn)到 URL：發(fā)生指定的事件時(shí)跳轉(zhuǎn)到指

18、定的網(wǎng)頁(yè)。 跳轉(zhuǎn)菜單：當(dāng)用戶通過(guò)選擇“插入記錄”“表單”“跳轉(zhuǎn)菜單”命令 創(chuàng)建一個(gè)跳轉(zhuǎn)菜單時(shí)， Dreamweaver 將創(chuàng)建一個(gè)菜單對(duì)象，并為其附加行 為。在“行為”面板中雙擊跳轉(zhuǎn)菜單動(dòng)作可編輯跳轉(zhuǎn)菜單。打開(kāi)瀏覽器窗口：在新窗口中打開(kāi)網(wǎng)頁(yè)，并可設(shè)置新窗口的寬度和高度等 屬性。彈出信息：顯示帶指定信息的 .JavaScript 警告。用戶可在文本中嵌入任 何有效的 JavaScript 功能， 如調(diào)用、 屬性、 全局變量或表達(dá)式 （需用 “ ” 括起來(lái)）。例如，“本頁(yè)面的 URL 為 window.10cation ，今天是 new Date （） ”。預(yù)先載入圖像：裝入圖像，但該圖像在頁(yè)面進(jìn)

19、入瀏覽器緩沖區(qū)之后不立即 顯示。它主要用于時(shí)間線、行為等，從而防止因下載引起的延遲。 設(shè)置導(dǎo)航欄圖像：將圖像加入到導(dǎo)航條或改變導(dǎo)航條圖像顯示。 設(shè)置狀態(tài)欄文本：在瀏覽器左下角的狀態(tài)欄中顯示信息。顯示 - 隱藏元素：顯示、隱藏一個(gè)或多個(gè)AP Div 窗口，或者恢復(fù)其缺省屬性。交換圖像：通過(guò)改變 IMG 標(biāo)記的 SRC屬性改變圖像。利用該動(dòng)作可創(chuàng)建活 動(dòng)按鈕或其他圖像效果?；謴?fù)交換圖像：恢復(fù)交換圖像至原圖。（三）應(yīng)用“彈出信息”行為有時(shí)候，打開(kāi)某個(gè)網(wǎng)頁(yè)或單擊網(wǎng)頁(yè)中的某個(gè)元素時(shí)可以看到彈出信息框。 應(yīng)用“彈出信息”行為可以輕松實(shí)現(xiàn)該功能，下面介紹“彈出信息”行為的應(yīng) 用。步驟 1 首先選擇要應(yīng)用行為

20、的對(duì)象，此處為編輯窗口下方狀態(tài)欄中的 “”標(biāo)簽，然后打開(kāi)“行為”面板，單擊“添加行為”按鈕，在彈出的 行為列表中選擇“彈出信息” 。步驟 2 打開(kāi)“彈出信息”對(duì)話框，在該對(duì)話框中輸入想要顯示的信息，然后 單擊“確定”按鈕。步驟 3 默認(rèn)事件為“ onLoad”，此處不需要再設(shè)置，如要改變事件，可單擊 事件右側(cè)，在彈出的下拉列表中進(jìn)行選擇。步驟 4 保存文檔，并按 F12鍵在 IE 瀏覽器中預(yù)覽文檔，系統(tǒng)首先會(huì)彈出如圖 所示的對(duì)話框。（四）打開(kāi)瀏覽器行為 應(yīng)用“打開(kāi)瀏覽器窗口”行為，可實(shí)現(xiàn)單擊目標(biāo)文字或圖片打開(kāi)固定大小 窗口的效果。許多站點(diǎn)都使用這種方式彈出重要的通知、廣告信息等頁(yè)面。 步驟 1

21、 打開(kāi)本項(xiàng)目素材 “ lily ”文件夾中的 “ haird.html ”文檔， 拖動(dòng)鼠標(biāo) 選中文本“美白防曬十話十說(shuō)” ，然后在“屬性”面板上的“鏈接”編輯框中輸 入符號(hào)“ #”并按 Enter 鍵，為文本設(shè)置空鏈接。步驟 2 打開(kāi)“行為”面板，單擊“添加行為”按鈕，在彈出的行為列表中選 擇“打開(kāi)瀏覽器窗口” 。步驟 3 彈出“打開(kāi)瀏覽器窗口” 對(duì)話框， 在該對(duì)話框中單擊 “要顯示的 URL”編輯框后的“瀏覽”按鈕，彈出“選擇文件”對(duì)話框，選擇要在窗口中顯示的 網(wǎng)頁(yè)，此處為“ lily ”文件夾中的“ ha2.html ”網(wǎng)頁(yè)，然后單擊“確定”按鈕。步驟 4 回到“打開(kāi)瀏覽器窗口” 對(duì)話框，

22、設(shè)置窗口寬度和高度， 然后單擊 “確 定”按鈕。步驟 5在“行為”面板中， 單擊“事件” 列，在其下拉列表中選擇onClick ”。在顯示器左下方彈保存文檔后按步驟 6出一個(gè)大小為 570 600 的窗口。（五）對(duì)圖像應(yīng)用“效果”行為“效果”行為包括增大 /收縮、擠壓、顯示 / 漸隱、晃動(dòng)、滑動(dòng)、遮簾和高 亮顏色。以“顯示 / 漸隱”為例，介紹這類(lèi)行為的應(yīng)用方法。步驟 1 繼續(xù)在上文的文檔中操作，首先選擇網(wǎng)頁(yè)左側(cè)的廣告圖片 “l(fā)eft1.gif ”，然后單擊“行為”面板中的“添加行為”按鈕，在彈出的行為 列表中選擇“效果”“顯示 / 漸隱”，如圖所示。步驟 2 打開(kāi)“顯示 / 漸隱”對(duì)話框，單

23、擊選中“切換效果”復(fù)選框，其他保 持默認(rèn)，最后單擊“確定”按鈕。步驟 3 單擊“行為” 面板中事件名稱(chēng)右側(cè)的下拉按鈕， 選擇“ onLoad ”。在打開(kāi)的下拉列表中步驟 4 保存文檔并按 F12鍵預(yù)覽， 可以看到圖像不斷地由有到無(wú)， 再由無(wú)到 有進(jìn)行變換。六）對(duì)圖像應(yīng)用“效果”行為應(yīng)用“顯示隱藏元素”行為，可以控制 AP Div 的顯示和隱藏，通過(guò)對(duì) AP Div 反復(fù)應(yīng)用該行為，可以實(shí)現(xiàn)下拉菜單效果。步驟 1 新建文檔并定位插入點(diǎn)， 然后選擇 “插入記錄” “布局對(duì)象” “ APDiv ”菜單，插入一個(gè) AP Div ，在 AP Div 中插入一個(gè)小圖片。步驟 2 單擊“行為”面板中的“添加

24、行為”按鈕，在彈出的行為列表中選擇顯示 - 隱藏元素”。步驟 3 打開(kāi)“顯示 - 隱藏元素”對(duì)話框，首先在“元素”列表中選擇相應(yīng)元 素，此處為剛才插入的 AP Div ，然后單擊“隱藏”按鈕，并單擊“確定”按鈕。步驟 4 在“行為”面板中設(shè)置“事件”為“on-MouseOut ”。步驟 5 保存文檔并按 F12 鍵預(yù)覽，最初圖片是顯示的，當(dāng)將光標(biāo)置于圖片上 方后再拿開(kāi)時(shí)圖片就消失了。（七）應(yīng)用“設(shè)置狀態(tài)欄文本”行為 很多個(gè)人網(wǎng)站都設(shè)置了狀態(tài)欄文本，以表明網(wǎng)站所屬人的狀態(tài)。下面介紹 如何為網(wǎng)頁(yè)設(shè)置狀態(tài)欄文本。步驟 1 單擊“ ”標(biāo)簽選中整個(gè)文檔。打開(kāi)“行為”面板，單擊“添加 行為”按鈕，在彈出的

25、行為列表中選擇“設(shè)置文本”“設(shè)置狀態(tài)欄文本”步驟 2 打開(kāi)“設(shè)置狀態(tài)欄文本”對(duì)話框，在“消息”編輯框中輸入要在狀態(tài) 欄中顯示的文本，然后單擊“確定”按鈕。步驟 3 在“事件”下拉列表中選擇“ onLoad”，表示網(wǎng)頁(yè)下載完畢后即顯示 設(shè)置的狀態(tài)欄文本。步驟 4 保存文檔并按 F12 鍵預(yù)覽，可看到狀態(tài)欄中的文本。 【任務(wù)實(shí)施】在學(xué)習(xí)了應(yīng)用行為后，請(qǐng)同學(xué)們動(dòng)手，為網(wǎng)站首頁(yè)添加伴隨窗口。效果如 圖所示?！局R(shí)拓展】制作彈出式下拉菜單 有些內(nèi)容較多的網(wǎng)站經(jīng)常需要用到下拉菜單， 使用“顯示 - 隱藏元素” 行為 可以實(shí)現(xiàn)該功能，下面介紹具體操作。步驟 1 打開(kāi)本項(xiàng)目素材 “shipin ”文件夾下的 “ index.html ”文檔。 將插入 點(diǎn)置于導(dǎo)航條中“產(chǎn)品展示”下方的單元格中，選擇“插入記錄”“布局對(duì) 象”“ AP Div ”菜單，插入一個(gè) AP Div ，默認(rèn)名為“ ap Div1 ”。步驟 2 在 AP Div 邊框上單擊將其選中，