第9章 創(chuàng)建和使用AP元素_第1頁
第9章 創(chuàng)建和使用AP元素_第2頁
第9章 創(chuàng)建和使用AP元素_第3頁
第9章 創(chuàng)建和使用AP元素_第4頁
第9章 創(chuàng)建和使用AP元素_第5頁
已閱讀5頁,還剩12頁未讀, 繼續(xù)免費(fèi)閱讀

下載本文檔

版權(quán)說明:本文檔由用戶提供并上傳,收益歸屬內(nèi)容提供方,若內(nèi)容存在侵權(quán),請進(jìn)行舉報或認(rèn)領(lǐng)

文檔簡介

第9章創(chuàng)建和使用AP元素重點(diǎn)內(nèi)容:創(chuàng)建AP元素

設(shè)置AP元素屬性

編輯AP元素AP元素和表格的轉(zhuǎn)換一、AP元素的概念與作用AP元素又稱為絕對定位元素,是被分配有絕對位置的HTML頁面元素。AP元素可以包含文本、圖像或其他任何可在HTML文檔正文中放入的內(nèi)容。AP元素的主要功能是設(shè)計頁面布局和制作動態(tài)效果。在Dreamweaver中,通過AP元素可以對文檔內(nèi)容實現(xiàn)精確定位。由于AP元素具有允許重疊的特性,用戶可以控制隱藏或顯示其中的任何一個,并通過設(shè)置行為使其交替出現(xiàn)產(chǎn)生動態(tài)效果。二、創(chuàng)建AP元素1.創(chuàng)建重疊式AP元素(1)單擊“布局”工具欄中的“繪制APdiv”按鈕,然后在文檔窗口中拖動繪制AP元素。(2)若要在文檔中的特定位置插入AP元素的代碼,可將插入點(diǎn)置于文檔窗口中,然后選擇“插入記錄”|“布局對象”|“APdiv”命令。二、創(chuàng)建AP元素2.創(chuàng)建平鋪式AP元素要創(chuàng)建平鋪式AP元素,須在繪制AP元素之前在“AP元素”面板中選中“防止重疊”復(fù)選框。選中“防止重疊”復(fù)選框后,在繪制AP元素時若將指針移到了原有AP元素上,鼠標(biāo)指針會變?yōu)榻脿顟B(tài)。二、創(chuàng)建AP元素3.創(chuàng)建嵌入式AP元素在已存在的AP元素中單擊,然后選擇“插入記錄”|“布局對象”|“APdiv”命令,或者將“布局”工具欄中的“繪制APdiv”按鈕直接拖動到已創(chuàng)建的AP元素中。插入嵌入式AP元素后,在“AP元素”面板中可以看到,子AP元素位于父AP元素的下方。三、設(shè)置AP元素的屬性1.設(shè)置單個AP元素屬性選擇一個AP元素后,屬性檢查器中即顯示該AP元素當(dāng)前的屬性設(shè)置,可設(shè)置AP元素的各種屬性。三、設(shè)置AP元素的屬性2.同時設(shè)置多個AP元素屬性在頁面中繪制了多個AP元素后,當(dāng)選擇兩個或更多AP元素時,AP元素的屬性檢查器中會顯示文本屬性及部分AP元素屬性,用戶可在此設(shè)置各AP元素的共同屬性。四、編輯AP元素1.選擇AP元素選擇一個AP元素:(1)在“AP元素”面板中單擊AP元素的名稱。(2)單擊AP元素的標(biāo)簽。(3)單擊AP元素的邊框。同時選擇多個AP元素:(1)按住Shift鍵的同時單擊“AP元素”面板上的多個AP元素名稱。(2)按住Shift鍵的同時單擊所需各AP元素的邊框。四、編輯AP元素2.移動AP元素將指針移到最后選定的AP元素的邊框上,當(dāng)光標(biāo)變?yōu)樾螤顣r拖動。

按箭頭鍵。使用該方法可一次移動一個像素。若在按箭頭鍵的同時按住Shift鍵,可按當(dāng)前網(wǎng)格靠齊增量來移動AP元素。四、編輯AP元素3.防止AP元素重疊選中“AP元素”面板上的“防止重疊”復(fù)選框,或者選擇“修改”|“排列順序”|“防止AP元素重疊”命令。當(dāng)啟用防止AP元素重疊功能后,用戶可以在現(xiàn)有AP元素上移動AP元素、調(diào)整AP元素大小,或者將某個AP元素嵌套在現(xiàn)有AP元素中。但是,Dreamweaver不會自動修正頁面上現(xiàn)有的重疊AP元素,用戶必須手動更改AP元素的位置,分離重疊的AP元素。四、編輯AP元素4.改變AP元素的堆疊次序選擇一個AP元素,將該AP元素向上或向下拖動至所需的堆疊位置。在移動AP元素時,會出現(xiàn)一條指示線來表示該AP元素將出現(xiàn)的位置。當(dāng)指示線出現(xiàn)在AP元素堆疊順序中的所需位置時,松開鼠標(biāo)左鍵。

在Z列中單擊要更改的AP元素的編號,使其進(jìn)入編輯狀態(tài),輸入一個新的編號。輸入比現(xiàn)有編號大的數(shù)值可使該AP元素的堆疊順序上移;輸入較小的編號則可使該AP元素的堆疊順序下移。四、編輯AP元素5.顯示/隱藏AP元素

AP元素的顯示與隱藏是通過“AP元素”面板中的眼睛圖標(biāo)來設(shè)置的,單擊一個AP元素名稱前面的眼睛圖標(biāo)可以更改其可見性。當(dāng)AP元素前面的眼睛圖標(biāo)為睜開狀態(tài)時,表示處于顯示狀態(tài);反之,當(dāng)一個AP元素前面的眼睛圖標(biāo)為閉合狀態(tài)時,表示處于隱藏狀態(tài)。如果AP元素名稱前沒有任何圖標(biāo),則其通常會繼承其父級AP元素的可見性。四、編輯AP元素6.創(chuàng)建預(yù)先載入AP元素在文檔窗口中繪制一個能夠覆蓋文檔中所有內(nèi)容的AP元素,為其命名,并將其設(shè)置為位于堆疊順序的最前面、背景顏色與頁面背景相同。再在AP元素中輸入如“請稍候,正在載入頁”或“正在載入……”等的提示信息。然后單擊文檔窗口左下角標(biāo)記選擇器中的<body>標(biāo)記選擇頁面全部內(nèi)容,再在“行為”面板中單擊“添加行為”按鈕,從彈出的菜單中選擇“顯示-隱藏元素”命令,打開“顯示-隱藏元素”對話框,從“元素”列表框中選擇該AP元素,單擊“隱藏”按鈕。完成設(shè)置后,用戶可在“行為”面板中查看,以確保“顯示-隱藏元

素”行為的事件為onLoad。四、編輯AP元素7.調(diào)整AP元素的大小拖動AP元素選擇框上的任一尺寸控制柄。按下Ctrl+箭頭鍵,每次可調(diào)整一個像素的大小。使用該方法只能移動AP元素的右邊框和下邊框,而不能使用上邊框和左邊框來調(diào)整大小。按下Shift+Ctrl+箭頭鍵,可按網(wǎng)格靠齊增量來調(diào)整所選AP元素的大小。在AP元素的屬性檢查器中輸入寬度和高度值。調(diào)整AP元素的大小并不定義該AP元素的多少內(nèi)容是可見的。四、編輯AP元素8.對齊AP元素

AP元素的對齊方式包括左對齊、右對齊、上對齊和對齊下緣4種,選擇“修改”|“排列順序”子菜單中的相關(guān)命令即可。五、AP元素和表格的轉(zhuǎn)換1.將AP元素轉(zhuǎn)換成表格先將各AP元素放置到所需的位置,并選中所有要轉(zhuǎn)換成表格的AP元素,然后選擇“修改”|“轉(zhuǎn)換”|“將APDiv轉(zhuǎn)換為表格

溫馨提示

  • 1. 本站所有資源如無特殊說明,都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等,如果需要附件,請聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙,網(wǎng)頁內(nèi)容里面會有圖紙預(yù)覽,若沒有圖紙預(yù)覽就沒有圖紙。
  • 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
  • 5. 人人文庫網(wǎng)僅提供信息存儲空間,僅對用戶上傳內(nèi)容的表現(xiàn)方式做保護(hù)處理,對用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯,并不能對任何下載內(nèi)容負(fù)責(zé)。
  • 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容,請與我們聯(lián)系,我們立即糾正。
  • 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時也不承擔(dān)用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。

最新文檔

評論

0/150

提交評論