国产精品吹潮在线播放,日韩一区二区三区在线播放,啊级免费黄片视频,66av视频

網(wǎng)站首頁
手機(jī)版

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

更新時(shí)間:2022-04-01 03:32:41作者:佚名

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

  表格是網(wǎng)頁設(shè)計(jì)中不可缺少的重要元素。使用表格排版可以規(guī)范整個(gè)頁面,將頁面中文字、圖片、動畫等眾多元素有條理地統(tǒng)一組織起來。層是一種新的CSS定位技術(shù),它具備許多表格所不具備的特點(diǎn),比如可以重疊,移動方便,可以設(shè)為隱藏,還可以添加許多行為來豐富頁面效果。所以,很多情況下,可以同時(shí)使用表格與層搭配進(jìn)行排版,既可以使用到表格的整體規(guī)范性,又可以利用到層的靈活性與豐富功能,從而設(shè)計(jì)出更加精彩的頁面。
  
  使用表格和層排版
  
  在Dreamweaver網(wǎng)頁設(shè)計(jì)中,排版的方法有很多種,其中使用表格和層排版是基本的方法,通過設(shè)計(jì)模式可以輕松完成,簡單易學(xué),是大家常用的方法,對網(wǎng)頁排版起到了重要的作用。
  

  表格排版
  
  在制作網(wǎng)頁時(shí),要想將文本、圖片等組織得美觀,有條理,就需要排版人員頭腦里有一個(gè)整體布局的概念。在Dreamweaver中,安排頁面內(nèi)容布局主要是依靠表格來完成的。通過表格的相互嵌套和合并、拆分,可以將自己的構(gòu)思完整地表現(xiàn)出來。表格是網(wǎng)頁設(shè)計(jì)制作時(shí)不可缺少的重要元素,它以簡潔明了和高效快捷的方式將數(shù)據(jù)、文本、圖片、表單等元素有序地顯示在頁面上,從而設(shè)計(jì)出版式漂亮的頁面。使用表格排版的頁面,在不同平臺、不同分辨率的瀏覽器里都能保持其原有的布局,且在不同的瀏覽器平臺有較好的兼容性,所以表格是網(wǎng)頁中最常用的排版方式之一。表格排版比較規(guī)范,整體性強(qiáng),一般的網(wǎng)頁排版中都會使用表格進(jìn)行整體的排版,但其表現(xiàn)比較中規(guī)中矩,不會有太多其他的豐富功能。
  
  層轉(zhuǎn)換成表格排版
  
  前面提到,層與表格都可以用來在頁面中定位其他對象,它們有時(shí)可以互相取代,但兩者并不完全相同,有時(shí)就必須使用其中的一種。比如,當(dāng)需要用到表格來排版頁面,但又覺得表格的添加比較煩瑣,而層比較靈活,這時(shí)候,排版者可以使用層到表格的轉(zhuǎn)換來實(shí)現(xiàn)。具體的操作步驟是:
  
 ?。?)首先在層面板中勾選“防止重疊”選項(xiàng),這樣繪制層的時(shí)候就不會出現(xiàn)疊加和嵌套的現(xiàn)象;
  
 ?。?)在頁面中繪制若干個(gè)層,把頁面中的各元素添加到層里面;
  
 ?。?)把每個(gè)層自由地排列到頁面中各個(gè)相應(yīng)的位置;
  
 ?。?)使用層排版結(jié)束之后,要將層排版轉(zhuǎn)化為表格排版,選擇“修改”—“轉(zhuǎn)換”—“層到表格”命令,在對話框中設(shè)置好相應(yīng)的參數(shù),確定之后層就會轉(zhuǎn)換成對應(yīng)的表格。這種排版方法在排列對象時(shí)比較靈活一點(diǎn),但有時(shí)也會產(chǎn)生一些多余的單元格。當(dāng)然,這種方法一般適用于不太復(fù)雜的頁面的排版,對于比較復(fù)雜的圖文混排頁面,最好還是采用傳統(tǒng)的表格排版方法。
  
  排版時(shí)容易出現(xiàn)的問題及解決方法
  
  整體表格排版出現(xiàn)的問題

  
  有很多人在網(wǎng)頁中用表格排版時(shí)習(xí)慣使用一個(gè)大表格,然后在大表格中嵌入一個(gè)個(gè)小表格,認(rèn)為這保持了排版的整體性,其實(shí)這個(gè)習(xí)慣是不好的。一個(gè)大而長的表格在瀏覽器中打開時(shí)會加重瀏覽器的負(fù)擔(dān),瀏覽器一般是等待整個(gè)表格的內(nèi)容都接收到以后才顯示這個(gè)表格的內(nèi)容,如果一個(gè)很長的頁面使用一個(gè)大表格排版,那么這個(gè)網(wǎng)頁顯示速度就會比較慢,使得頁面呈現(xiàn)的時(shí)間大大加長,很多時(shí)候有些網(wǎng)頁的訪問者會失去等待的耐心而放棄瀏覽這個(gè)網(wǎng)頁。解決的方法是:拆分表格,將大表格化整為零,把表格打散,并要盡可能地避免表格的層層嵌套。注意,拆分后的表格的寬度要設(shè)置為相等,這樣表格的排版效果和拆分前相比并沒有改變,在瀏覽器中呈現(xiàn)時(shí),頁面會從上至下一個(gè)個(gè)表格呈現(xiàn)出來,明顯加快了頁面打開的速度。
  
  層排版出現(xiàn)位置偏差
  
  在頁面中使用表格和層混合排版時(shí),先加入表格進(jìn)行頁面的整體布局,然后在局部加入層。通常情況下,層加入到頁面中之后是游離在表格之上的,它雖然移動方便,但在頁面中的位置是固定的,由于表格的寬度是固定像素,設(shè)置在窗口中居中顯示,所以當(dāng)窗口變大時(shí),表格會產(chǎn)生一個(gè)相對位移,但是層卻還在原位,沒有跟著相對位移,因而出現(xiàn)層與表格中其他內(nèi)容位置上的偏差。所以,層排版的靈活性同樣也體現(xiàn)了一定的不穩(wěn)定性。要想辦法使層與頁面中其他元素一樣,能夠隨瀏覽器的變化而產(chǎn)生相對位置上的變化。這個(gè)問題解決之后,接下來就可以在頁面中利用層的一些行為來豐富頁面。
  
  結(jié)語
  
  總之,網(wǎng)頁設(shè)計(jì)中,內(nèi)容雖然很重要,但是如果只有好的內(nèi)容而沒有精美的排版以及合理的布局,那么再好的內(nèi)容也很難引起瀏覽者的閱讀瀏覽興趣。通過合理的、有新意的頁面布局,特別是主頁設(shè)計(jì),才可以將網(wǎng)頁的內(nèi)容完美地呈現(xiàn)在瀏覽者面前。所以,排版者在平時(shí)要多參考他人優(yōu)秀的網(wǎng)頁排版作品,加強(qiáng)排版練習(xí),這樣才可能創(chuàng)造更漂亮的網(wǎng)頁排版。

為您推薦

WPS Office手機(jī)版如何手寫簽名

WPS Office手機(jī)版如何手寫簽名?手機(jī)版WPS Office怎么手寫簽名?很多用戶想知道手機(jī)版的WPS Office怎么手寫簽名,WPS Office手機(jī)

2022-11-30 00:19

WPS Office手機(jī)版最近文檔如何刪除

WPS Office手機(jī)版最近文檔如何刪除?在手機(jī)版的WPS Office內(nèi),每次打開的文件都會在最近文檔中顯示,那如何刪除最近文檔內(nèi),WPS Office手機(jī)

2022-11-30 00:17

WPS Office手機(jī)版怎么找回丟失的文檔

WPS Office手機(jī)版怎么找回丟失的文檔?當(dāng)我們不小心將WPS office手機(jī)版的文檔刪除之后,該怎么找回來呢,丟失的文檔怎么找回,WPS Office手

2022-11-30 00:17

手機(jī)版WPS(手機(jī)版wps怎么首行縮進(jìn)2字符)

手機(jī)版WPS Office怎么使用?WPS Office是一款辦公軟件,我們可以使用WPS Office創(chuàng)建文檔、表格、演示等等,那WPS Office怎么使用

2022-11-30 00:15

手機(jī)版WPS(手機(jī)版wps怎么首行縮進(jìn)2字符)

手機(jī)版WPS Office怎么做表格?表格可以用來做數(shù)據(jù)統(tǒng)計(jì)等等,非常的好用方便,那怎么使用手機(jī)版WPS Office制作表格呢,手機(jī)版WPS Office怎么

2022-11-30 00:15

手機(jī)版WPS 手機(jī)版wps怎么首行縮進(jìn)2字符

手機(jī)版WPS Office使用教程是什么?很多用戶對于WPS Office手機(jī)版還不知道如何使用,怎么使用手機(jī)版WPS Office,手機(jī)版WPS Office

2022-11-30 00:15