資源描述：
《網(wǎng)頁設(shè)計與制作 教學(xué)課件 王學(xué)軍 第10章 使用AP元素和時間軸.ppt》由會員上傳分享，免費在線閱讀，更多相關(guān)內(nèi)容在應(yīng)用文檔-天天文庫。
1、AP元素是分配有絕對位置的HTML頁面元素，時間軸是Dreamweaver實現(xiàn)動畫的關(guān)鍵功能。本章將介紹AP元素和時間軸的基本知識以及使用它們創(chuàng)建動畫的基本方法。第10章使用AP元素和時間軸學(xué)習(xí)目標(biāo)了解AP元素和APDiv的概念。掌握【AP元素】面板的使用方法。掌握創(chuàng)建APDiv的基本方法。掌握編輯APDiv的基本作方法。掌握【時間軸】面板的使用方法。掌握使用APDiv和時間軸創(chuàng)建動畫的方法。10.1AP元素AP元素和APDiv【AP元素】面板10.1.1AP元素和APDiv在DreamweaverCS3中，分配有絕對位置的HTML頁面元素統(tǒng)稱為AP元素。例如，具有絕對定位
2、的div標(biāo)簽，習(xí)慣稱APDiv，可以是AP元素，同樣具有絕對定位的table標(biāo)也可以是AP元素。10.1.1AP元素和APDivAPDiv主要有以下幾方面的功能。APDiv是絕對定位的，游離在文檔之上，利用它可以浮動定位網(wǎng)頁元素。APDiv的z軸屬性使多個APDiv可以發(fā)生堆疊，也就是多重疊加的效果?？梢钥刂艫PDiv的顯示和隱藏，使網(wǎng)頁的內(nèi)容變得更加豐富。10.1.2【AP元素】面板所有具有絕對定位的AP元素都會顯示在【AP元素】面板中。選擇【窗口】/【AP元素】命令，可以打開【AP元素】面板。在對APDiv進行各種操作和管理時，會經(jīng)常用到【AP元素】面板，它與【屬性】面
3、板配合使用，可以方便快捷地對APDiv進行各種操作。10.1.2【AP元素】面板在【AP元素】面板中可以實現(xiàn)以下功能?？梢詫PDiv進行重命名?？梢孕薷腁PDiv的z軸順序。可以禁止APDiv重疊。可以顯示或隱藏APDiv?？梢赃x定APDiv，如果按住Shift鍵不放，依次單擊可以選中多個APDiv。按住Ctrl鍵不放，將某一個APDiv拖動到另一個APDiv上，形成嵌套的APDiv。10.2創(chuàng)建APDiv創(chuàng)建APDiv選定APDivAPDiv屬性APDiv的默認設(shè)置10.2.1創(chuàng)建APDiv將鼠標(biāo)光標(biāo)置于文檔窗口中欲插入APDiv的位置，選擇【插入記錄】/【布局對象】/
4、【APDiv】命令，插入一個默認的APDiv。將【插入】/【布局】面板上的（繪制APDiv）按鈕拖曳到文檔窗口中，插入一個默認的APDiv。10.2.1創(chuàng)建基本的APDiv單擊【插入】/【布局】面板上的（繪制APDiv）按鈕，將鼠標(biāo)光標(biāo)移至文檔窗口中，當(dāng)鼠標(biāo)光標(biāo)變?yōu)?形狀時，拖曳鼠標(biāo)光標(biāo)，繪制一個自定義大小的APDiv。如果想一次繪制多個APDiv，在單擊（繪制APDiv）按鈕后，按住Ctrl鍵不放，連續(xù)進行繪制即可。10.2.2選擇APDiv單擊文檔中的圖標(biāo)來選定APDiv，如果該圖標(biāo)沒有顯示，請在【首選參數(shù)】/【不可見元素】分類中勾選【AP元素的錨點】復(fù)選框。將鼠標(biāo)光標(biāo)
5、置于APDiv內(nèi)，然后在文檔窗口底邊的標(biāo)簽條中選擇相應(yīng)的HTML標(biāo)簽。10.2.2選擇APDiv單擊APDiv的邊框線。在【AP元素】面板中單擊APDiv的名稱。如果要選定兩個以上的APDiv，只要按住Shift鍵，在文檔窗口中逐個單擊APDiv手柄，或在【AP元素】面板中逐個單擊APDiv的名稱，就可將APDiv同時選定。10.2.3APDiv屬性當(dāng)在文檔中插入一個默認大小的APDiv后，在【屬性】面板中可以查看其相關(guān)屬性。10.2.4APDiv的默認設(shè)置選擇【編輯】/【首選參數(shù)】命令，打開【首選參數(shù)】對話框，在其中的【分類】列表框中選擇【AP元素】分類。10.3編輯AP
6、Div縮放APDiv移動APDiv對齊APDivAPDiv的可見性APDiv的Z軸順序嵌套APDiv10.3.1縮放APDiv縮放單個APDiv有以下幾種方法。選定APDiv，然后拖動縮放手柄（APDiv周圍出現(xiàn)的小方塊）來改變APDiv的尺寸。拖動上或下手柄改變APDiv的高度，拖動左或右手柄改變APDiv的寬度，拖動4個角的任意一個縮放點同時改變APDiv的寬度和高度。選定APDiv，然后按住Ctrl鍵，每按一次方向鍵，APDiv就被改變一個像素值。選定APDiv，然后同時按住Shift＋Ctrl鍵，每按一次方向鍵，APDiv就被改變10個像素值。10.3.1縮放APD
7、iv如果同時對多個APDiv的大小進行統(tǒng)一調(diào)整，方法是，按住Shift鍵，將所有的APDiv逐一選定，然后在【屬性】面板的【寬】文本框內(nèi)輸入數(shù)值，按Enter鍵確認。此時文檔窗口中所有APDiv的寬度全部變成了指定的寬度。還可以使用【修改】/【排列順序】/【設(shè)成寬度相同】命令來統(tǒng)一寬度，利用這種方法將以最后選定的APDiv的寬度為標(biāo)準(zhǔn)。10.3.2移動APDiv要想精確定位APDiv，許多時候要根據(jù)需要移動APDiv。移動APDiv時，首先要確定APDiv是可以重疊的，也就是不勾選【AP元素】面板中的【防止重疊】復(fù)
