使用行為創建特效網頁_第1頁
使用行為創建特效網頁_第2頁
使用行為創建特效網頁_第3頁
使用行為創建特效網頁_第4頁
使用行為創建特效網頁_第5頁
已閱讀5頁,還剩24頁未讀 繼續免費閱讀

下載本文檔

版權說明:本文檔由用戶提供并上傳,收益歸屬內容提供方,若內容存在侵權,請進行舉報或認領

文檔簡介

1、使用行為創建特效網頁 熟悉行為的基本知識 掌握Dreamweaver內置行為的使用本章共分_課時案例教學多媒體教學理論面授課程范例文件:sample第7章練習文件:exercise第7章行為是事件和由該事件觸發的動作的組合。在【行為】面板中可以先指定一個動作,然后指定觸發該動作的事件,從而將行為添加到頁面中 。【行為】面板的作用是為網頁元素添加動作和事件,使網頁具有互動的效果。在介紹【行為】面板前先了解一下3個詞語:事件、動作和行為 。事件是訪問者在瀏覽器上指定的一種操作。如當訪問者將鼠標指針移動到某個鏈接上時,瀏覽器為該鏈接生成一個onMouseOver事件,然后瀏覽器查看是否存在相應的Ja

2、vaScript代碼。不同的頁面元素定義了不同的事件,如在大多數瀏覽器中,onMouseOver和onClick是與鏈接關聯的事件,而onLoad是與圖像和文檔body部分關聯的事件 。動作是由預先編寫的JavaScript代碼組成的,這些代碼指定特定的任務,如打開瀏覽器窗口、播放聲音、控制Shockwave或Flash、設置狀態欄文本和預先載入圖像等 。在Dreamweaver中,可以為整個頁面、表格、鏈接、圖像、表單或其他任何HTML元素增加行為,最后由瀏覽器決定是否執行這些行為 。使用【打開瀏覽器窗口】動作可以在一個新的窗口中打開網頁,并且可以指定新窗口的屬性、特征和名稱。【調用Java

3、Script】動作允許使用【行為】面板指定當發生某個事件時應該執行的自定義函數或JavaScript代碼行。可以使用自己編寫的JavaScript代碼或使用網絡上免費的JavaScript代碼。使用此動作可以創建更加豐富的互動特效網頁 。調用JavaScript打印當前頁面,制作時先定義一個打印當前頁函數printPage(),然后在中添加代碼“OnLoad=printPage()”,當打開網頁時調用打印當前頁函數printPage()。利用JavaScript函數實現打印功能 。下面是利用【調用JavaScript】動作制作的自動關閉網頁的效果 。使用【檢查表單】動作和【檢查插件】動作可以設

4、置瀏覽器環境,下面就講述這兩個動作的使用 。【檢查表單】動作用于檢查指定的文本域內容,以確保用戶輸入了正確的數據類型,防止表單提交到服務器后,存在任何指定的文本域包含無效的數據的情況 。【檢查插件】動作用來檢查訪問者的計算機中是否安裝了特定的插件,從而決定是否將訪問者帶到不同的頁面 。【顯示-隱藏元素】動作,顧名思義就是改變一個或多個AP元素的可見性狀態。【顯示-隱藏元素】動作顯示、隱藏或恢復一個或多個AP元素的默認可見性。此動作用于在用戶與網頁進行交互時顯示信息。瀏覽網頁時,經常碰到網頁上插入大量圖片的情況,使用【預先載入圖像】動作和【交換圖像】動作可以設置網頁特效 。【交換圖像】就是當鼠標

5、指針經過圖像時,原圖像會變成另外一幅圖像。一個交換圖像其實是由兩幅圖像組成的:原始圖像(當頁面顯示時候的圖像)和交換圖像(當鼠標經過原始圖像時顯示的圖像)。組成圖像交換的兩幅圖像必須有相同的尺寸,如果兩幅圖像的尺寸不同,Dreamweaver會自動將第二幅圖像尺寸調整成第一幅同樣大小。 【預先載入圖像】動作將不會立即出現在網頁上的圖像載入瀏覽器緩存中,這樣可以防止當該圖像出現時由于下載導致的延遲。利用【恢復交換圖像】動作,可以將所有被替換顯示的圖像恢復為原始圖像,一般說來,在設置【交換圖像】動作時會自動添加交換圖像恢復動作,這樣當鼠標離開對象時會自動恢復原始圖像 。【設置文本】行為中包含了4項

6、針對不同類型的動作,分別為【設置狀態欄文本】、【設置文本域文字】、【設置框架文本】和 【設置容器中文本】 。【設置狀態欄文本】動作用于在瀏覽器窗口底部左側的狀態欄中顯示消息 。使用【設置容器中的文本】動作可以將指定的內容替換網頁上現有AP元素中的內容和格式設置 。要向某個元素應用效果,則該元素當前必須處于選定狀態,或它必須具有一個ID。例如,如果要向當前未選定的Div標簽應用高亮顯示效果,則該Div必須具有一個有效的ID值。如果該元素還沒有有效的ID值,將需要在HTML代碼中添加一個ID值 。設置增大/收縮效果的效果 。設置擠壓效果的效果 。設置晃動效果的效果 。【轉到URL】動作在當前窗口或指定的框架中打開一個新頁面 。有許多優秀的網頁,它們不只包含文本和圖像,還有許多其他交互式的效果,例如當鼠標移動到某個圖像或按鈕上,特定位置便會顯示出相關信息,又或者一個網頁打開的同時,響起了優美的背景音樂等。其實它們使用的就是本章中將要介紹的內容,Dreamwe

溫馨提示

  • 1. 本站所有資源如無特殊說明,都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等,如果需要附件,請聯系上傳者。文件的所有權益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙,網頁內容里面會有圖紙預覽,若沒有圖紙預覽就沒有圖紙。
  • 4. 未經權益所有人同意不得將文件中的內容挪作商業或盈利用途。
  • 5. 人人文庫網僅提供信息存儲空間,僅對用戶上傳內容的表現方式做保護處理,對用戶上傳分享的文檔內容本身不做任何修改或編輯,并不能對任何下載內容負責。
  • 6. 下載文件中如有侵權或不適當內容,請與我們聯系,我們立即糾正。
  • 7. 本站不保證下載資源的準確性、安全性和完整性, 同時也不承擔用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。

最新文檔

評論

0/150

提交評論