第五章 網(wǎng)頁(yè)特效制作.ppt

1、第五章 網(wǎng)頁(yè)特效制作,本章主要介紹了CSS樣式的概念，創(chuàng)建，編輯和應(yīng)用。行為的創(chuàng)建，時(shí)間軸面變的組成已經(jīng)制作簡(jiǎn)單動(dòng)畫的方法。,知識(shí)整理,1、創(chuàng)建CSS樣式 2、應(yīng)用CSS樣式 3、添加行為 4、制作動(dòng)態(tài)效果,1、創(chuàng)建CSS樣式,CSS樣式的含義：CSS即層疊樣式表，是一種格式化網(wǎng)頁(yè)的標(biāo)準(zhǔn)方式，它通過設(shè)置CSS屬性使網(wǎng)頁(yè)元素對(duì)象獲得不同的效果。 打開CSS面板（1）窗口CSS樣式 （2）按shift+F11鍵 （3）單擊屬性面板上的CSS按 鈕,打開“CSS樣式”面板單擊“新建CSS規(guī)則”按鈕選擇CSS樣式的類型選擇定義樣式的位置設(shè)置CSS樣式的屬性完成 新建CSS規(guī)則對(duì)話框,定義CSS樣式的屬

2、性 定義CSS樣式屬性的對(duì)話框,2、應(yīng)用CSS樣式,編輯CSS樣式 選擇“窗口CSS樣式”命令，打開CSS面板，選擇要編輯的CSS樣式，執(zhí)行以下操作：1、雙擊要編輯的樣式名稱 2、在“CSS樣式”面板的屬性窗格中編輯 3、單擊“CSS樣式”面板右下方的“編輯 樣式”,從選定內(nèi)容刪除類樣式 選擇對(duì)象-“樣式”或“類”中選擇“無” 刪除CSS樣式 選擇對(duì)象-單擊“刪除樣式”或按DEL鍵 重命名CSS樣式 選擇對(duì)象-右單擊“重命名類” 鏈接外部樣式表 “附加樣式表”-“瀏覽”或者“文件/URL”框中鍵入該樣式表的路徑,3、添加行為,行為時(shí)DW CS3預(yù)制的javascript程序庫(kù)。每個(gè)行為包括一個(gè)

3、動(dòng)作和一個(gè)事件。 事件是指引發(fā)動(dòng)作所產(chǎn)生的條件，即觸發(fā)動(dòng)態(tài)效果的原因。 動(dòng)作是指事件發(fā)生后計(jì)算機(jī)系統(tǒng)執(zhí)行的一個(gè)動(dòng)作，即最終完成的動(dòng)態(tài)效果。,添加行為的方法 選擇添加的對(duì)象-打開行為面板-單擊“添加行為”-在彈出菜單中選擇動(dòng)作-設(shè)置動(dòng)作參數(shù)-在“事件”列表中選擇事件,更改或刪除行為 編輯動(dòng)作參數(shù)雙擊動(dòng)作名稱或者選中按enter鍵 更改動(dòng)作順序-單擊“增加/降低事件值”按鈕 刪除當(dāng)前行為-單擊“刪除事件”按鈕或者按del鍵,4、利用時(shí)間軸制作動(dòng)態(tài)效果,時(shí)間軸面板 選擇“窗口時(shí)間軸”命令或者按ALT+F9快捷鍵，即可打開“時(shí)間軸”面板。,“時(shí)間軸”下拉列表：列出了當(dāng)前頁(yè)面中所有事件軸動(dòng)畫的名字。 自動(dòng)播放：使時(shí)間軸在當(dāng)前頁(yè)從瀏覽器中加載時(shí)自動(dòng)開始播放。 循環(huán)：使動(dòng)畫進(jìn)行循環(huán)播放。 速率：用來輸入動(dòng)畫每秒鐘播放的幀數(shù)。 動(dòng)畫條：表示一個(gè)動(dòng)畫所占的幀數(shù)，上面標(biāo)有該動(dòng)畫所在的AP Div的名字。 關(guān)鍵幀：定義動(dòng)畫條中已經(jīng)為對(duì)象制定屬性的幀，決定了動(dòng)畫的走向。,使用時(shí)間軸制作AP元素的直線動(dòng)畫 1、在頁(yè)面內(nèi)插入一個(gè)AP Div，然后再其中插入一個(gè)圖像或者文字。 2、將插入圖像或文字的APdiv拖動(dòng)至動(dòng)畫的起始位置，生成一個(gè)動(dòng)畫條。 3、用鼠標(biāo)