五月综合缴情婷婷六月,色94色欧美sute亚洲线路二,日韩制服国产精品一区,色噜噜一区二区三区,香港三级午夜理伦三级三

您現(xiàn)在的位置: 365建站網(wǎng) > 365文章 > 用DW圖層與表格進(jìn)行網(wǎng)頁布局

用DW圖層與表格進(jìn)行網(wǎng)頁布局

文章來源:365jz.com     點(diǎn)擊數(shù):1014    更新時(shí)間:2008-07-08 19:17   參與評(píng)論

使用圖層可以像素為單位精確定位頁面元素,并且可以將層放置在頁面的任意位置。當(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)入論壇

發(fā)表評(píng)論 (1014人查看0條評(píng)論)
請(qǐng)自覺遵守互聯(lián)網(wǎng)相關(guān)的政策法規(guī),嚴(yán)禁發(fā)布色情、暴力、反動(dòng)的言論。
昵稱:
最新評(píng)論
------分隔線----------------------------

其它欄目

· 建站教程
· 365學(xué)習(xí)

業(yè)務(wù)咨詢

· 技術(shù)支持
· 服務(wù)時(shí)間:9:00-18:00
365建站網(wǎng)二維碼

Powered by 365建站網(wǎng) RSS地圖 HTML地圖

copyright © 2013-2024 版權(quán)所有 鄂ICP備17013400號(hào)