11.11日(rì)音(yīn)訊,網站(zhàn)建設中層的("★de)涵義和(hé)使用(yòng)。如(rú)果你(nǐ♥® )覺得(de)用(yòng)表格對(du≠∑βì)頁面元素進行(xíng)定位太難掌握,不(bù)妨嘗試利用(≥φyòng)層(Layer)這(zhè)個(g↑ ®è)好(hǎo)東(dōng)西(xī)。點擊屬性面闆的(de)Ω→♥β(②區(qū)選中常用(yòng)③區(q∏ū)中可(kě)找到(dào))按鈕,光(guāngε≈¶)标會(huì)成為(wèi)一(yī)個(gè)十字,✔₽↕☆在編輯窗(chuāng)口上(shàng)拖動,就(jiù)可(kě)以創建出↓§一(yī)個(gè)層,我們可(kě)以在層上(shàng)輸入λπ↑®絕大(dà)部分(fēn)的(de)網頁元素,例如(rú)圖片、文(wén)字λΩγ™等、表格。層的(de)好(hǎo)處是(shì)可(kě)↓以放(fàng)置在頁面的(de)任何位置,如(rú>₩•±)下(xià)圖:
選擇一(yī)個(gè)層後,對(duì)應的(de)屬性面♣ελ≤闆如(rú)下(xià):
A層編号:層的(de)名稱,用(yòng)于識别不(bù)同 ÷¥♥的(de)層;
B左(L),上(shàng)(T):層的(de§¥←♥)位置,左是(shì)距離(lí)頁面左邊界的(de)距離(lí$≠↑),上(shàng)是(shì)距離(lí)∏♥頁面上(shàng)邊界的(de)距離(l♣ í);
寬(W),高(gāo)(H):層的(↕¥de)寬和(hé)高(gāo);
CZ軸(Z):層的(de)Z軸順序;
D背景圖像(I):層的(de)背景圖;
E顯示(V):層的(de)顯示狀态,其中☆<✘$的(de)隐藏是(shì)将層隐藏,處于不(bù)可(>★>∏kě)見(jiàn)狀态;
F背景顔色(C):層的(de)背景顔色;
G标簽(A):層使用(yòng)的(de)代≠™↓碼方式,一(yī)般使用(yòng)默認的(de)DIV即αδ♠可(kě);
H溢出:如(rú)果層裡(lǐ)面的( de)文(wén)字太多(duō),或圖片太大(d¶£×à),層的(de)大(dà)小(xiǎo)不(bù)足以全×δσ部顯示的(de)時(shí)候,可(kě)以選擇:
visible:超出的(de)部分(fēn)照(zhào§ ₹δ)樣顯示;
hidden:超出的(de)部分(fēn)隐藏;
scrool:不(bù)管有(yǒu)否超出,都(dōu)顯示滾 ≥動條;
auto:有(yǒu)超出時(shí)才出現(xiàn)滾動條;
層的(de)優點很(hěn)明(míng)顯,但(d♦≤àn)缺點也(yě)同樣明(míng)顯,例如(rú)難以制(zhì¶ε)作(zuò)一(yī)個(gè)适應不(bù)同分(fēn)辨率的(✘$de)網頁;當一(yī)個(gè)頁面使用ε♥<£(yòng)了(le)多(duō)個(gè)層後,頁面的(de)複雜(z<ε→γá)程度增加而導緻編輯起來(lái)非常煩瑣☆₹×;編輯狀态與浏覽狀态的(de)實際效果有(→±₹yǒu)相(xiàng)當明(míng)顯的(de)差别等。通(tōng)常人₩☆&(rén)們是(shì)采用(yòng)利用(yòng)層(Layerπ§<)進行(xíng)排版,然後将層轉換為(wèi)表格↔₩的(de)做(zuò)法(修改(M)&g•Ωα>t;轉換(C)>轉換圖層為(wèi)表格(L)),大(dà)家(jiā)∞₩¥可(kě)自(zì)己嘗試一(yī)下(xi€β∑à)。
下(xià)面講述用(yòng)圖層排版:
前面之所以以将圖層與表格互換的(de)功能(néng)一(yī)筆(bǐ∏©£)帶過,是(shì)因為(wèi)在dre ↑amweaver4.0以來(lái),推出了(le)一(yī)'β≥個(gè)新的(de)Layout排版功能(néng✔α☆),能(néng)夠更加直接方便地(dì)對(duì)λ§頁面布局進行(xíng)編排,在②區(qū)(插入面闆)中選↑γ≠中布局,将看(kàn)到(dào):
在标準視(shì)圖下(xià),可(kě)以像常規¶♥一(yī)樣,插入表格,圖層;切換到(dào)布局視(s ©≈hì)圖,如(rú)果你(nǐ)第一(yī)次使用(yòng),δ'♣Ω将遇到(dào)下(xià)圖的(de)對(duì)←×↔話(huà)框:
如(rú)果你(nǐ)勾了(le)不(bù)再顯示此消息一(yī)項≈α,在以後的(de)切換将不(bù)在出現(xiàn);切換到(d∞α×ào)布局視(shì)圖後,将看(kàn)到(dào):
其中:
繪制(zhì)布局表格:象畫(huà)圖一¥★(yī)樣在頁面裡(lǐ)面排版表格;
繪制(zhì)布局單元格:在表格中畫×λ (huà)單元格。
現(xiàn)在我們嘗試利用(yòng)以上(shàng)的σ(de)工(gōng)具排版一(yī)個(gè)<新頁面:新建一(yī)個(gè)頁面,點在頁面上(shàng)畫(huà←β↔)出表格,再點,在表格中畫(huà)出單元格,其中表格會(huì)♥ε≥π以綠(lǜ)色框表示,單元格會(huì)以藍(&✔lán)色表示,未确定的(de)單元格會(huì)以灰色表示,如(rú)₽✘≤下(xià)圖:
在這(zhè)裡(lǐ),每一(yī)個(↔"gè)表格,單元格的(de)大(dà)小(xiǎo)都(dōu)可(kě)≤σ§以随意的(de)調整。最後切換标準視(shì)圖,你₽ ♠→(nǐ)會(huì)發現(xiàn),剛才畫(huà)的(d >¥e)“布局表格”已經全部轉化(huà)為(w₩©₩èi)表格了(le)。如(rú)下(xià)圖:
另外(wài),在布局視(shì)圖上(shàλπ§≈ng)的(de)表格上(shàng)有(yǒu)一(yī)個(∞♠↓gè)數(shù)字,表示的(de)是(shì)表格的(de)寬度,單 §擊數(shù)字,可(kě)以看(kàn)到(dào)以下(xi™εà)菜單:
列設置為(wèi)自(zì)動伸展:$✔列自(zì)動伸縮,就(jiù)是(shì)表•♦∞λ格可(kě)以按照(zhào)屏幕比例來(lái)≠♠ σ自(zì)動調整寬度,相(xiàng)當于将表格的(d≥★↕e)寬度定義為(wèi)百分(fēn)比。
添加間(jiān)隔圖像:增加/移去♥÷♣(qù)透明(míng)圖片。透明(míng"")圖片的(de)作(zuò)用(yòng)就(jiù←>↕)是(shì)撐住表格的(de)寬度。
清除單元格高(gāo)度:把單元格高(gāo)度清除掉。