（中職）網頁設計與制作-9電子課件

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

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

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

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