網(wǎng)頁設(shè)計教程-第9章(存儲版)
【正文】 軸制作的滑動層動畫更方便、更有趣。 利用插件實現(xiàn)滑動的層 圖 安裝 利用插件實現(xiàn)滑動的層 圖 選擇 Layer Slider命令 圖 Slider Layer對話框 利用插件實現(xiàn)滑動的層 ? (5) 在 Select layer (層的名稱 )下拉列表中，選擇需要添加滑動效果的層為 Layer5。 利用插件實現(xiàn)滑動的層 圖 滑動層效果 精彩的網(wǎng)頁過渡效果 ? 使用插件實現(xiàn)網(wǎng)頁過渡 ? 插入元數(shù)據(jù)實現(xiàn)網(wǎng)頁過渡 精彩的網(wǎng)頁過渡效果 ?網(wǎng)頁過渡是指當進入、離開網(wǎng)站或網(wǎng)頁時，頁面具有不同的刷新方法。 ? (3) 此插件是一個命令插件，重新運行 Dreamweaver 8，即可在 【 命令 】 菜單中看到 Page Transtions命令。 使用插件實現(xiàn)網(wǎng)頁過渡 圖 網(wǎng)頁過渡效果 插入元數(shù)據(jù)實現(xiàn)網(wǎng)頁過渡 ? 在 Dreaweaver同樣可以利用菜單命令來設(shè)置網(wǎng)頁的過渡模式。 ? (4) 在 【 屬性 】 下拉列表中，選擇 HTTPequivalent (HTTP等價屬性 )選項。 ? 1. 實戰(zhàn)目的 ? 通過該實戰(zhàn)訓練讓讀者學會利用插件實現(xiàn)網(wǎng)頁中層的過渡效果。這時會出現(xiàn)如圖 。 ( ) ? (3) 在 Dreamweaver中只能創(chuàng)建一個時間軸。 ? A．選擇起始關(guān)鍵幀并將它向右拖動到一個新的幀上 ? B．選擇結(jié)束關(guān)鍵幀并將它向左拖動到一個新的幀上 ? C．選擇結(jié)束關(guān)鍵幀來覆蓋附加幀 ? D．改變“ Fps”中的幀速率 習 題 __ 判斷題 ? (1) 時間軸中只能改變層的大小。 ? (4) 選擇 【 窗口 】 |【 行為 】 命令，打開 【 行為 】 面板。在網(wǎng)頁設(shè)計時，有 25種網(wǎng)頁過渡效果，用戶可以嘗試這些不同的網(wǎng)頁過渡效果。 ? (3) 選擇 【 查看 】 |【 文件頭內(nèi)容 】 命令，如圖 ，顯示文檔窗口的頭部。可以按照下列步驟進行操作。 ? (1) 從網(wǎng)上下載 Page ，獲得該插件。 ? 為層添加 Layer Slider (滑動層 )插件，并在插件的 【 屬性 】 面板中設(shè)置好插件的屬性后，用戶可以在瀏覽器中預覽這個滑動層的效果。單擊 【 行為 】面板中的“ +”按鈕，并從如圖 Flev00ware | Slide Layer (滑動層 )命令。圖 。比如，如果層位于距離瀏覽器頂部 1/3處，則在文本框中輸入“ 3”。在任何情況下，該層都保持在窗口的固定位置。 ? (6) 單擊 【 確定 】 按鈕確定操作，查看默認事件是否是用戶需要的事件 OnFrame10。 【 時間軸 】 面板中的 【 循環(huán) 】 復選框的作用就是在動畫的最后一幀上添加 【 轉(zhuǎn)到時間軸幀 】 動作，使其跳到第一幀并重新開始動畫。 ? (5) 單擊 【 行為 】 面板上的“ +”按鈕，并從如圖 【 停止時間軸 】 命令，這時會打開如圖 。這些動作也可以在用戶鼠標經(jīng)過鏈接、圖像或其他對象時自動開始或停止。 ? (2) 選擇新對象，單擊 【 確定 】 按鈕確定操作，即可改變動畫條對應(yīng)的對象。 ? (1) 單擊相應(yīng)的動畫條，可以選中一個動畫條。在 【 屬性 】 面板中設(shè)置這個關(guān)鍵幀層的 【 可見性 】 屬性為 inherit(繼承 )，則這個關(guān)鍵幀層的可見性將繼承關(guān)鍵幀 30的，也就是 visible (可見 )。 ? 要設(shè)置關(guān)鍵幀的可見性，具體操作如下。 ? (4) 當希望動畫停止時，可以釋放鼠標，停止移動層。 創(chuàng)建時間軸動畫 圖 利用快捷菜單添加關(guān)鍵幀 創(chuàng)建時間軸動畫 圖 為層產(chǎn)生貝塞爾曲線的運動軌跡 創(chuàng)建時間軸動畫 ? 2. 錄制層路徑 ? 對于簡單的直線路徑，采用前面介紹的方法，可以很好地創(chuàng)建動畫；然而如果動畫路徑較為復雜，如曲線或圓形，則無法通過先設(shè)置關(guān)鍵幀，再拖動層到指定位置的方法來創(chuàng)建動畫。 ? 單純的直線式動畫顯得比較枯燥，在 Dreamweaver 中還可以產(chǎn)生貝塞爾曲線的運動軌跡，這需要在 【 時間軸 】 面板中添加新的關(guān)鍵幀，關(guān)鍵幀是 【 時間軸 】面板上的控制單元，在添加一個對象時，系統(tǒng)自動為對象設(shè)置了頭和尾兩個關(guān)鍵幀，通過改變關(guān)鍵幀可以改變動畫的形態(tài)。也可以直接將層拖動到 【 時間軸 】 面板上的相應(yīng)位置來創(chuàng)建動畫條。 ? 選中 【 循環(huán) 】 復選框，則動畫播放完畢后會自動重新播放，即動畫將不斷地循環(huán)播放，直至用戶離開頁面。在動畫條上，關(guān)鍵幀以一個圓圈的形式表示。一旦某個動畫通道上存在動畫，就會顯示動畫條。 ? 下面介紹 【 時間軸 】 面板上的主要元素。 第 9章 創(chuàng)建網(wǎng)頁動畫 ? 網(wǎng)頁動畫利器 ——時間軸 ? 將時間軸與行為結(jié)合起來 ? 用插件實現(xiàn)層動畫效果 ? 精彩的網(wǎng)頁過渡效果 ? 上 機 實 戰(zhàn) 網(wǎng)頁動畫利器 ——時間軸 ? 【 時間軸 】 面板 ? 創(chuàng)建時間軸動畫 ? 修改時間軸動畫 網(wǎng)頁動畫利器 ——時間軸 ? 時間軸也叫等時線，用于表示網(wǎng)頁存活時間中發(fā)生的各種狀態(tài)。 ? 利用時間軸，可以創(chuàng)建各種類型的動態(tài)效果，例如，可以改變層的位置、大小、可見性、重疊順序等。 ? 在 【 行為通道 】 上，將顯示為時間軸上相應(yīng)時間中所附加的行為，淺藍色的方塊表示存在行為。在一個動畫通道上可以包含多個動畫條，表示多個不同的對象。 ? 單擊 【 播放 】 按鈕，可以將動畫播放一幀，連續(xù)單擊播放按鈕，可以播放動畫。 ? 1. 創(chuàng)建基本動畫 ? 利用時間軸，用戶可以在網(wǎng)頁上創(chuàng)建層的動畫效果。單擊動畫條最右端的關(guān)鍵幀標記，然后按住并拖動層面左上角的“ ”手柄，將層
環(huán)評公示相關(guān)推薦
鄂ICP備17016276號-1