手機版WPS 手機版wps免費下載
2022-11-29
網(wǎng)站首頁
手機版
更新時間：2022-04-01 03:32:41作者：佚名
表格是網(wǎng)頁設(shè)計中不可缺少的重要元素。使用表格排版可以規(guī)范整個頁面，將頁面中文字、圖片、動畫等眾多元素有條理地統(tǒng)一組織起來。層是一種新的CSS定位技術(shù)，它具備許多表格所不具備的特點，比如可以重疊，移動方便，可以設(shè)為隱藏，還可以添加許多行為來豐富頁面效果。所以，很多情況下，可以同時使用表格與層搭配進(jìn)行排版，既可以使用到表格的整體規(guī)范性，又可以利用到層的靈活性與豐富功能，從而設(shè)計出更加精彩的頁面。
使用表格和層排版
在Dreamweaver網(wǎng)頁設(shè)計中，排版的方法有很多種，其中使用表格和層排版是基本的方法，通過設(shè)計模式可以輕松完成，簡單易學(xué)，是大家常用的方法，對網(wǎng)頁排版起到了重要的作用。
表格排版
在制作網(wǎng)頁時，要想將文本、圖片等組織得美觀，有條理，就需要排版人員頭腦里有一個整體布局的概念。在Dreamweaver中，安排頁面內(nèi)容布局主要是依靠表格來完成的。通過表格的相互嵌套和合并、拆分，可以將自己的構(gòu)思完整地表現(xiàn)出來。表格是網(wǎng)頁設(shè)計制作時不可缺少的重要元素，它以簡潔明了和高效快捷的方式將數(shù)據(jù)、文本、圖片、表單等元素有序地顯示在頁面上，從而設(shè)計出版式漂亮的頁面。使用表格排版的頁面，在不同平臺、不同分辨率的瀏覽器里都能保持其原有的布局，且在不同的瀏覽器平臺有較好的兼容性，所以表格是網(wǎng)頁中最常用的排版方式之一。表格排版比較規(guī)范，整體性強，一般的網(wǎng)頁排版中都會使用表格進(jìn)行整體的排版，但其表現(xiàn)比較中規(guī)中矩，不會有太多其他的豐富功能。
層轉(zhuǎn)換成表格排版
前面提到，層與表格都可以用來在頁面中定位其他對象，它們有時可以互相取代，但兩者并不完全相同，有時就必須使用其中的一種。比如，當(dāng)需要用到表格來排版頁面，但又覺得表格的添加比較煩瑣，而層比較靈活，這時候，排版者可以使用層到表格的轉(zhuǎn)換來實現(xiàn)。具體的操作步驟是：
?。?）首先在層面板中勾選“防止重疊”選項，這樣繪制層的時候就不會出現(xiàn)疊加和嵌套的現(xiàn)象；
?。?）在頁面中繪制若干個層，把頁面中的各元素添加到層里面；
（3）把每個層自由地排列到頁面中各個相應(yīng)的位置；
（4）使用層排版結(jié)束之后，要將層排版轉(zhuǎn)化為表格排版，選擇“修改”—“轉(zhuǎn)換”—“層到表格”命令，在對話框中設(shè)置好相應(yīng)的參數(shù)，確定之后層就會轉(zhuǎn)換成對應(yīng)的表格。這種排版方法在排列對象時比較靈活一點，但有時也會產(chǎn)生一些多余的單元格。當(dāng)然，這種方法一般適用于不太復(fù)雜的頁面的排版，對于比較復(fù)雜的圖文混排頁面，最好還是采用傳統(tǒng)的表格排版方法。
排版時容易出現(xiàn)的問題及解決方法
整體表格排版出現(xiàn)的問題
有很多人在網(wǎng)頁中用表格排版時習(xí)慣使用一個大表格，然后在大表格中嵌入一個個小表格，認(rèn)為這保持了排版的整體性，其實這個習(xí)慣是不好的。一個大而長的表格在瀏覽器中打開時會加重瀏覽器的負(fù)擔(dān)，瀏覽器一般是等待整個表格的內(nèi)容都接收到以后才顯示這個表格的內(nèi)容，如果一個很長的頁面使用一個大表格排版，那么這個網(wǎng)頁顯示速度就會比較慢，使得頁面呈現(xiàn)的時間大大加長，很多時候有些網(wǎng)頁的訪問者會失去等待的耐心而放棄瀏覽這個網(wǎng)頁。解決的方法是：拆分表格，將大表格化整為零，把表格打散，并要盡可能地避免表格的層層嵌套。注意，拆分后的表格的寬度要設(shè)置為相等，這樣表格的排版效果和拆分前相比并沒有改變，在瀏覽器中呈現(xiàn)時，頁面會從上至下一個個表格呈現(xiàn)出來，明顯加快了頁面打開的速度。
層排版出現(xiàn)位置偏差
在頁面中使用表格和層混合排版時，先加入表格進(jìn)行頁面的整體布局，然后在局部加入層。通常情況下，層加入到頁面中之后是游離在表格之上的，它雖然移動方便，但在頁面中的位置是固定的，由于表格的寬度是固定像素，設(shè)置在窗口中居中顯示，所以當(dāng)窗口變大時，表格會產(chǎn)生一個相對位移，但是層卻還在原位，沒有跟著相對位移，因而出現(xiàn)層與表格中其他內(nèi)容位置上的偏差。所以，層排版的靈活性同樣也體現(xiàn)了一定的不穩(wěn)定性。要想辦法使層與頁面中其他元素一樣，能夠隨瀏覽器的變化而產(chǎn)生相對位置上的變化。這個問題解決之后，接下來就可以在頁面中利用層的一些行為來豐富頁面。
結(jié)語
總之，網(wǎng)頁設(shè)計中，內(nèi)容雖然很重要，但是如果只有好的內(nèi)容而沒有精美的排版以及合理的布局，那么再好的內(nèi)容也很難引起瀏覽者的閱讀瀏覽興趣。通過合理的、有新意的頁面布局，特別是主頁設(shè)計，才可以將網(wǎng)頁的內(nèi)容完美地呈現(xiàn)在瀏覽者面前。所以，排版者在平時要多參考他人優(yōu)秀的網(wǎng)頁排版作品，加強排版練習(xí)，這樣才可能創(chuàng)造更漂亮的網(wǎng)頁排版。