（中職）網(wǎng)頁設(shè)計與制作-9電子課件

1、正版可修改PPT課件（中職）網(wǎng)頁設(shè)計與制作-9電子課件網(wǎng)頁設(shè)計與制作教 學(xué) 課 件第9章 層、時間軸與動畫本章主要內(nèi)容：了解層的概念，掌握層的創(chuàng)建方法，學(xué)會設(shè)置層的 屬性和利用層布局頁面學(xué)會創(chuàng)建時間軸動畫行為及行為面板的使用控制與行為相對應(yīng)的行為事件層的認識 層可以以像素為單位精確定位頁面元素層中可以放置文本、圖像甚至其它層層可以放置在頁面的任意位置把頁面元素放在層中，可以控制元素的顯示順序?qū)涌梢噪[藏或顯示通過時間線可以讓層在屏幕中移動來使頁面產(chǎn)生動畫效果 創(chuàng)建層 插入層：選擇菜單【插入】【布局對象】【層】 繪制層 :以拖放的方法創(chuàng)建層層的嵌套 ，就是在一個層內(nèi)插入另外的層 層的屬性 層編號：

2、給層命名 左、上：確定層的位置 寬、高：精確確定層的大小 Z 軸：層的層次屬性 可見性：顯示和隱藏 溢 出：內(nèi)容超過層的大小時的處理方式 層的可見性：屬性面板的“可見性”下拉列表中，設(shè)置層的可見性。Default不指明層的可見性。Inherit繼承父層的可見性。Visible顯示層及其包含的內(nèi)容。Hidden隱藏層及其包含的內(nèi)容。層的溢出處理指當(dāng)層內(nèi)容超過層的大小時的處理方式：Visible（顯示）：自動增加層尺寸。hidden（隱藏）：保持層尺寸不變，隱藏超出部分的內(nèi)容。scroll（滾動條）：層內(nèi)容無論是否超出層的范圍，都會自動增加滾動條。auto（自動）：當(dāng)層內(nèi)容超出層邊界時，自動增加滾

3、動條（默認）。層的操作改變層的大小移動層的位置顯示和隱藏層插入圖片、文字等內(nèi)容層與表格的轉(zhuǎn)換認識時間軸面板 時間軸面板顯示層和圖像隨時間變化的屬性。 時間軸名稱 、行為頻道 、播放頭 、時間軸 、動畫條、關(guān)鍵楨等。利用時間軸可以實現(xiàn)動畫效果 創(chuàng)建時間軸動畫 首先創(chuàng)建層并在層中插入動畫對象。調(diào)出時間軸面板 將層拖動到時間軸動畫通道中改變動畫欄的長度 、動畫變化的速度 確定層的運動軌跡 插入關(guān)鍵楨使層按曲線移動 設(shè)定播放屬性。錄制層路徑 ，是最簡單的建立層動畫的方法修改時間軸改變整個動畫欄的長度改變關(guān)鍵幀位置改變動畫的起始時間改變動畫軌跡的位置自動播放功能循環(huán)播放功能控制時間軸的行為 ，可以實現(xiàn)互

4、動的動態(tài)效果 認識行為 對象，網(wǎng)頁中被作為一個整體操作的元素，如層、圖片、表格等。行為是用來動態(tài)響應(yīng)用戶操作、改變當(dāng)前頁面效果或是執(zhí)行特定任務(wù)的一種方法。行為是由事件和動作構(gòu)成的。事件：為動作的觸發(fā)點，多數(shù)由用戶完成動作： 計算機所完成的操作或某個狀態(tài)的變化常用的事件有：onMouseOver：鼠標(biāo)移到目標(biāo)上；onMouseOut：鼠標(biāo)移開時；onClink：點擊時；onDblClick：雙擊時；onLoad：載入網(wǎng)頁時；onUnload：離開頁面時；onResize：當(dāng)瀏覽者改變?yōu)g覽器窗口或框架大小時；onScroll：當(dāng)瀏覽者拖動滾動條上下移動瀏覽器窗口時。使用各種行為動作 Dreamweaver MX中使用行為的主要途徑是行為面板 打開面板添加與刪除行為設(shè)定觸發(fā)事件調(diào)整先后次序完成以上操作要先確定對象。使用各種行為動作播放聲音打開瀏覽器窗口彈出信息檢查表單檢查瀏覽器跳轉(zhuǎn)菜單拖動層顯示隱藏層轉(zhuǎn)到URL 檢查表單實例新建一個網(wǎng)頁，插入如圖表單。選擇【提交】按鈕 打開【檢查表單】對話框依次設(shè)置各文本域容許輸入值的范圍 預(yù)覽網(wǎng)頁，輸入不符合限定條件的內(nèi)容，然后提交表單圖9-29 檢查表單對