版權(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)用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。
最新文檔
- 冬季施工暖棚搭設(shè)方案
- 人教版九年級化學(xué)上冊自制第六單元課題4實驗活動2-二氧化碳實驗室制取與性質(zhì)(34張)
- 2019-2020學(xué)年高中數(shù)學(xué)第2章解析幾何初步2-3空間直角坐標(biāo)系課件北師大版必修2
- 接待禮儀-素材-培訓(xùn)講學(xué)
- 教育學(xué)原理04-近現(xiàn)代高等教育發(fā)展、教師
- 2024年泰州職業(yè)技術(shù)學(xué)院高職單招數(shù)學(xué)歷年參考題庫含答案解析
- 2024年陽江市衛(wèi)校附屬醫(yī)院高層次衛(wèi)技人才招聘筆試歷年參考題庫頻考點(diǎn)附帶答案
- 二零二五年離婚房產(chǎn)分割與贍養(yǎng)義務(wù)協(xié)議3篇
- 二零二五版“汽車零部件銷售協(xié)議”英文翻譯
- 2024年江西醫(yī)學(xué)高等??茖W(xué)校高職單招職業(yè)技能測驗歷年參考題庫(頻考版)含答案解析
- 小動物疾病-第一章 小動物疾病概述
- 電動車轉(zhuǎn)讓協(xié)議書電子版
- 蔬菜大棚溫度控制系統(tǒng)設(shè)計畢業(yè)設(shè)計論文
- 骨科臨床路徑全集(范本模板)
- 破產(chǎn)申請異議書
- 金蝶云星辰初級考試題庫
- 常見老年慢性病防治與護(hù)理課件整理
- 履約情況證明(共6篇)
- 云南省迪慶藏族自治州各縣區(qū)鄉(xiāng)鎮(zhèn)行政村村莊村名居民村民委員會明細(xì)
- 設(shè)備機(jī)房出入登記表
- 六年級語文-文言文閱讀訓(xùn)練題50篇-含答案
評論
0/150
提交評論