網(wǎng)頁設(shè)計與制作教程1

《網(wǎng)頁設(shè)計與制作教程1》由會員上傳分享，免費在線閱讀，更多相關(guān)內(nèi)容在行業(yè)資料-天天文庫。

1、網(wǎng)頁設(shè)計與制作——DreamweaverMX2004項目10層與行為的應(yīng)用學(xué)習(xí)目標(biāo)掌握創(chuàng)建和使用層的方法掌握轉(zhuǎn)換表格和層的方法掌握使用時間軸創(chuàng)建層動畫的方法掌握“行為”面板的使用方法理解常用事件及其意義掌握Dreamweaver中內(nèi)置動作的使用方法任務(wù)一使用層層是一種HTML頁面元素，可以將它定位于頁面的任意位置。層可以包含文本、圖像和其他任何可放入HTML文檔正文中的內(nèi)容。操作一創(chuàng)建并應(yīng)用層任務(wù)二添加行為和事件行為是Dreamweaver中的一個重要部分，通過行為可以在網(wǎng)頁上制作出一些簡單的交互效果。行為由兩個部分組成，即Event（事件）和A

2、ction（動作），通過事件的響應(yīng)進(jìn)而執(zhí)行對應(yīng)的動作。任務(wù)二添加行為和事件1．認(rèn)識“行為”面板2．認(rèn)識事件行為實際是事件與動作的聯(lián)合。事件用于指明執(zhí)行某項動作的條件，如鼠標(biāo)移到對象上方、離開對象、單擊對象、雙擊對象、定時等都是事件動作實際上是一段執(zhí)行特定任務(wù)的、預(yù)先寫好的Javascript代碼，如打開窗口、播放聲音、停止Shockwave電影等部是動作。任務(wù)二添加行為和事件事件由瀏覽器定義、產(chǎn)生與執(zhí)行，例如，OnMouseout，OnMouseover和OnClick在大多數(shù)瀏覽器中都用于和某個鏈接關(guān)聯(lián)，而onLoad則用于與圖片及文檔的bod

3、y關(guān)聯(lián)。任務(wù)二添加行為和事件3．認(rèn)識動作4．為對象附加行為添加行為的時候要遵循如下3個步驟：選擇對象；添加動作；調(diào)整事件。任務(wù)二添加行為和事件操作一彈出信息操作二打開瀏覽器窗口操作三設(shè)置狀態(tài)欄文本操作四播放聲音操作五顯示隱藏層操作六轉(zhuǎn)到URL操作七交換圖像任務(wù)三添加時間軸在Dreamweaver中，時間軸面板使用動態(tài)HTML來改變層及圖片在一段時間內(nèi)的屬性，如位置、尺寸、可見性及順序等，從而制作出動畫效果。此外，利用時間軸還可以實現(xiàn)在網(wǎng)頁加載后執(zhí)行其他操作，例如在特定時間改變突破的源文件或執(zhí)行某些行為。任務(wù)三添加時間軸操作一時間軸的使用使用時間軸

4、創(chuàng)建動畫主要是通過改變對象在文檔中的位置、大小、可見度以及層的重疊順序等方法來實現(xiàn)的。時間軸只能夠移動層對象，如果要使圖像、文本等對象產(chǎn)生動畫效果，必須將其置于層中。項目拓展拼圖游戲?qū)嵱?xùn)一用層制作時間軸動畫實訓(xùn)目的：掌握層和時間軸的使用。實訓(xùn)內(nèi)容：按照要求制作層和時間軸動畫。項目小結(jié)層是一種HTML頁面元素，可以將它定位于頁面的任意位置，層可以包含文本、圖像和其他任何可放入HTML文檔正文中的內(nèi)容。行為是Dreamweaver中的一個重要部分，通過行為可以在網(wǎng)頁上制作出一些簡單的交互效果。行為由兩個部分組成，即Event（事件）和Action（動

5、作），通過事件的響應(yīng)進(jìn)而執(zhí)行對應(yīng)的動作。本項目主要講述了層的基本操作和應(yīng)用，并結(jié)合行為、時間軸制作動畫效果，要求掌握用行為和事件來實現(xiàn)設(shè)置文本、彈出消息、播放聲音、轉(zhuǎn)到網(wǎng)址、顯示/隱藏層、交換圖像等效果。