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

下載本文檔

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

文檔簡(jiǎn)介

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

設(shè)置AP元素屬性

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

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

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

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

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

AP元素的對(duì)齊方式包括左對(duì)齊、右對(duì)齊、上對(duì)齊和對(duì)齊下緣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等.壓縮文件請(qǐng)下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等,如果需要附件,請(qǐng)聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙,網(wǎng)頁(yè)內(nèi)容里面會(huì)有圖紙預(yù)覽,若沒有圖紙預(yù)覽就沒有圖紙。
  • 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
  • 5. 人人文庫(kù)網(wǎng)僅提供信息存儲(chǔ)空間,僅對(duì)用戶上傳內(nèi)容的表現(xiàn)方式做保護(hù)處理,對(duì)用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯,并不能對(duì)任何下載內(nèi)容負(fù)責(zé)。
  • 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容,請(qǐng)與我們聯(lián)系,我們立即糾正。
  • 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時(shí)也不承擔(dān)用戶因使用這些下載資源對(duì)自己和他人造成任何形式的傷害或損失。

評(píng)論

0/150

提交評(píng)論