版權(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ì)自己和他人造成任何形式的傷害或損失。
最新文檔
- 2024年度企業(yè)內(nèi)部收銀系統(tǒng)采購(gòu)與安全協(xié)議合同3篇
- 2024年房地產(chǎn)開發(fā)項(xiàng)目投資入股合同范本3篇
- 2024版云服務(wù)與云計(jì)算設(shè)備租賃合同5篇
- 2024年度勞動(dòng)合同標(biāo)的員工福利與績(jī)效考核3篇
- 2024年度酒店管理軟件購(gòu)置與應(yīng)用合同3篇
- 2024年度新型土方建筑材料采購(gòu)供應(yīng)合同3篇
- 2024年度加工合同加工物描述及加工要求3篇
- 2024版光學(xué)儀器研發(fā)團(tuán)隊(duì)與制造企業(yè)的生產(chǎn)合同3篇
- 2024年物業(yè)服務(wù)合同:高端商務(wù)辦公樓物業(yè)管理協(xié)議
- 2024版二手房買賣合同分期支付傭金范本3篇
- 環(huán)境工程的課程設(shè)計(jì)---填料吸收塔
- 道路運(yùn)輸達(dá)標(biāo)車輛客車貨車核查記錄表
- 兒童詩(shī)兒童詩(shī)的欣賞和創(chuàng)作(課件)
- 人力資源管理工作思路(共3頁(yè))
- 五筆常用字根表3746
- 新生兒肺氣漏
- 氣管切開(一次性氣切導(dǎo)管)護(hù)理評(píng)分標(biāo)準(zhǔn)
- 保安工作日志表
- 姜太公釣魚的歷史故事
- 數(shù)控車床實(shí)訓(xùn)圖紙國(guó)際象棋圖紙全套
- 電子政務(wù)概論教案
評(píng)論
0/150
提交評(píng)論