日本免费全黄少妇一区二区三区-高清无码一区二区三区四区-欧美中文字幕日韩在线观看-国产福利诱惑在线网站-国产中文字幕一区在线-亚洲欧美精品日韩一区-久久国产精品国产精品国产-国产精久久久久久一区二区三区-欧美亚洲国产精品久久久久

  1. 首頁(yè) > 云知道 > >

網(wǎng)頁(yè)設(shè)計(jì)中表格和層排版的使用技巧

云知道使用技巧


網(wǎng)頁(yè)設(shè)計(jì)中表格和層排版的使用技巧


表格是網(wǎng)頁(yè)設(shè)計(jì)中不可缺少的重要元素 。使用表格排版可以規(guī)范整個(gè)頁(yè)面，將頁(yè)面中文字、圖片、動(dòng)畫(huà)等眾多元素有條理地統(tǒng)一組織起來(lái) 。層是一種新的CSS定位技術(shù)，它具備許多表格所不具備的特點(diǎn)，比如可以重疊，移動(dòng)方便，可以設(shè)為隱藏，還可以添加許多行為來(lái)豐富頁(yè)面效果 。所以，很多情況下，可以同時(shí)使用表格與層搭配進(jìn)行排版，既可以使用到表格的整體規(guī)范性，又可以利用到層的靈活性與豐富功能，從而設(shè)計(jì)出更加精彩的頁(yè)面 。

使用表格和層排版

在Dreamweaver網(wǎng)頁(yè)設(shè)計(jì)中，排版的方法有很多種，其中使用表格和層排版是基本的方法，通過(guò)設(shè)計(jì)模式可以輕松完成，簡(jiǎn)單易學(xué)，是大家常用的方法，對(duì)網(wǎng)頁(yè)排版起到了重要的作用 。

【網(wǎng)頁(yè)設(shè)計(jì)中表格和層排版的使用技巧】
表格排版

在制作網(wǎng)頁(yè)時(shí)，要想將文本、圖片等組織得美觀，有條理，就需要排版人員頭腦里有一個(gè)整體布局的概念 。在Dreamweaver中，安排頁(yè)面內(nèi)容布局主要是依靠表格來(lái)完成的 。通過(guò)表格的相互嵌套和合并、拆分，可以將自己的構(gòu)思完整地表現(xiàn)出來(lái) 。表格是網(wǎng)頁(yè)設(shè)計(jì)制作時(shí)不可缺少的重要元素，它以簡(jiǎn)潔明了和高效快捷的方式將數(shù)據(jù)、文本、圖片、表單等元素有序地顯示在頁(yè)面上，從而設(shè)計(jì)出版式漂亮的頁(yè)面 。使用表格排版的頁(yè)面，在不同平臺(tái)、不同分辨率的瀏覽器里都能保持其原有的布局，且在不同的瀏覽器平臺(tái)有較好的兼容性，所以表格是網(wǎng)頁(yè)中最常用的排版方式之一 。表格排版比較規(guī)范，整體性強(qiáng)，一般的網(wǎng)頁(yè)排版中都會(huì)使用表格進(jìn)行整體的排版，但其表現(xiàn)比較中規(guī)中矩，不會(huì)有太多其他的豐富功能 。

層轉(zhuǎn)換成表格排版

前面提到，層與表格都可以用來(lái)在頁(yè)面中定位其他對(duì)象，它們有時(shí)可以互相取代，但兩者并不完全相同，有時(shí)就必須使用其中的一種 。比如，當(dāng)需要用到表格來(lái)排版頁(yè)面，但又覺(jué)得表格的添加比較煩瑣，而層比較靈活，這時(shí)候，排版者可以使用層到表格的轉(zhuǎn)換來(lái)實(shí)現(xiàn) 。具體的操作步驟是：

（1）首先在層面板中勾選“防止重疊”選項(xiàng)，這樣繪制層的時(shí)候就不會(huì)出現(xiàn)疊加和嵌套的現(xiàn)象；

（2）在頁(yè)面中繪制若干個(gè)層，把頁(yè)面中的各元素添加到層里面；

（3）把每個(gè)層自由地排列到頁(yè)面中各個(gè)相應(yīng)的位置；

（4）使用層排版結(jié)束之后，要將層排版轉(zhuǎn)化為表格排版，選擇“修改”—“轉(zhuǎn)換”—“層到表格”命令，在對(duì)話(huà)框中設(shè)置好相應(yīng)的參數(shù)，確定之后層就會(huì)轉(zhuǎn)換成對(duì)應(yīng)的表格 。這種排版方法在排列對(duì)象時(shí)比較靈活一點(diǎn)，但有時(shí)也會(huì)產(chǎn)生一些多余的單元格 。當(dāng)然，這種方法一般適用于不太復(fù)雜的頁(yè)面的排版，對(duì)于比較復(fù)雜的圖文混排頁(yè)面，最好還是采用傳統(tǒng)的表格排版方法 。

排版時(shí)容易出現(xiàn)的問(wèn)題及解決方法

整體表格排版出現(xiàn)的問(wèn)題

有很多人在網(wǎng)頁(yè)中用表格排版時(shí)習(xí)慣使用一個(gè)大表格，然后在大表格中嵌入一個(gè)個(gè)小表格，認(rèn)為這保持了排版的整體性，其實(shí)這個(gè)習(xí)慣是不好的 。一個(gè)大而長(zhǎng)的表格在瀏覽器中打開(kāi)時(shí)會(huì)加重瀏覽器的負(fù)擔(dān)，瀏覽器一般是等待整個(gè)表格的內(nèi)容都接收到以后才顯示這個(gè)表格的內(nèi)容，如果一個(gè)很長(zhǎng)的頁(yè)面使用一個(gè)大表格排版，那么這個(gè)網(wǎng)頁(yè)顯示速度就會(huì)比較慢，使得頁(yè)面呈現(xiàn)的時(shí)間大大加長(zhǎng)，很多時(shí)候有些網(wǎng)頁(yè)的訪問(wèn)者會(huì)失去等待的耐心而放棄瀏覽這個(gè)網(wǎng)頁(yè) 。解決的方法是：拆分表格，將大表格化整為零，把表格打散，并要盡可能地避免表格的層層嵌套 。注意，拆分后的表格的寬度要設(shè)置為相等，這樣表格的排版效果和拆分前相比并沒(méi)有改變，在瀏覽器中呈現(xiàn)時(shí)，頁(yè)面會(huì)從上至下一個(gè)個(gè)表格呈現(xiàn)出來(lái)，明顯加快了頁(yè)面打開(kāi)的速度 。

推薦閱讀