使用圖層可以像素為單位精確定位頁面元素,并且可以將層放置在頁面的任意位置。當(dāng)把頁面元素放入圖層之中時(shí),還可以控制哪個(gè)顯示在前面、哪個(gè)顯示在后面、哪個(gè)顯示、哪個(gè)隱藏,可見,層的優(yōu)點(diǎn)是很明顯的。但是目前瀏覽器只有4.0以上的高版本才支持層,考慮到兼容性和修改時(shí)的方便,一般可在編輯網(wǎng)頁時(shí)采用層布局或者部分頁面采用層布局,而在發(fā)布網(wǎng)頁時(shí)再將其轉(zhuǎn)換為表格布局。
下面以Dreamweaver 4.0為例介紹圖層與表格的相互轉(zhuǎn)換操作。
將表格轉(zhuǎn)換為圖層
將表格轉(zhuǎn)換為圖層是為了調(diào)整網(wǎng)頁布局時(shí)方便,具體操作步驟如下:
1、選中頁面中欲轉(zhuǎn)換為層的表格。
2、單擊菜單“Modify/Convert/Tables to Layers”,在彈出的對(duì)話框(如圖1)中選擇想要的選項(xiàng)。
Prevent Layer Overlaps | 防止層重疊 | 選擇此項(xiàng)可以在建立、移動(dòng)層和調(diào)整層大小時(shí)防止層互相重疊。 |
Show Layer Palette | 顯示層面板 | 選擇此項(xiàng),在轉(zhuǎn)換完成后顯示層面板。 |
Show Grid | 顯示網(wǎng)格 | 選擇此項(xiàng),在轉(zhuǎn)換完成后顯示網(wǎng)格。 |
Snap to Grid | 吸附到網(wǎng)格 | 選擇此項(xiàng),可借助網(wǎng)格來定位層。 |
3、單擊OK按鈕開始轉(zhuǎn)換。
圖層轉(zhuǎn)換為表格
把圖層轉(zhuǎn)換為表格是為了與低版本的瀏覽器兼容,操作步驟如下:
1、選中頁面中欲轉(zhuǎn)換為表格的層。
2、點(diǎn)擊菜單“Modify/Convert/Layers to Table”,在彈出的對(duì)話框(如圖2)中選擇想要的表格布局選項(xiàng)。
Most Accurate | 最精確 | 為每一層建一個(gè)表格單元,以及為保持層與層之間的間隔建立附加單元格。 |
Smallest:Collapse Empty Cells | 最?。簤嚎s單元格 | 指定如果n個(gè)層被定位在指定像素?cái)?shù)之內(nèi),這些層的邊緣應(yīng)該對(duì)齊(選擇此項(xiàng)生成的表格空行,空列最少)。 |
Use Transparent GIFS | 使用透明的GIF圖像 | 用透明的GIF圖像填充表格的最后一行,這樣可確保表格在所有瀏覽器中的顯示相同。若選擇此項(xiàng),將不可能通過拖動(dòng)生成的表格的列來改變表格的大??;不選擇此項(xiàng),轉(zhuǎn)換成的表格中不包含透明GIF圖像。 |
Center on Page | 在頁面上居中 | 使用生成的表格在頁面上居中對(duì)齊。如果不選擇此項(xiàng),表格左對(duì)齊。 |
Layout區(qū)域各選項(xiàng)的含義同圖1。
3、單擊OK按鈕開始轉(zhuǎn)換。
轉(zhuǎn)換時(shí)需注意的問題
1、將表格轉(zhuǎn)換為圖層時(shí),空的表格單元不轉(zhuǎn)換,表格之外的內(nèi)容也被置于層中。
2、因?yàn)楸砀駟卧粫?huì)重疊,所以Dreamweaver不會(huì)把重疊的層轉(zhuǎn)換為表格。如果計(jì)劃把一個(gè)文檔中的層轉(zhuǎn)換為表格,就要在建立、移動(dòng)層和調(diào)整層大小時(shí)防止層發(fā)生重疊。
3、要防止層重疊,可在層面板中選擇Prevent Overlaps選項(xiàng)。但如果是在建立了重疊層之后才選擇了此選項(xiàng),不會(huì)改變以前發(fā)生的層重疊,此時(shí)只有通過移動(dòng)層的方法把重疊的層分開。
4、即使選擇了防止層重疊選項(xiàng),有些操作也會(huì)使層發(fā)生重疊。比如使用插入菜單插入層,在屬性檢查器中輸入層邊距等??傊?,如果發(fā)生了層重疊,就要在文檔窗口拖動(dòng)重疊的層,使它們分離開來。
在設(shè)計(jì)網(wǎng)頁時(shí),為使頁面布局整齊、美觀,需要對(duì)網(wǎng)頁中元素進(jìn)行定位。在Dreamweaver中,除了可以使用表格對(duì)頁面元素進(jìn)行定位之外,還有一種新的網(wǎng)頁元素定位技術(shù),那就是使用圖層
如對(duì)本文有疑問,請(qǐng)?zhí)峤坏浇涣髡搲?,廣大熱心網(wǎng)友會(huì)為你解答?。?點(diǎn)擊進(jìn)入論壇