框架Vs表格

有些人喜歡利用表格設(shè)計(jì)網(wǎng)站，但我建議你最好不要使用表格。我想你可以避免使用表格。

有時(shí)候，框架確實(shí)可以發(fā)揮作用，但它的缺點(diǎn)多于優(yōu)點(diǎn)。你一定不能忽視框架的缺點(diǎn)，因?yàn)樘�多人已�?jīng)在抱怨框架所帶來的問題。如果堅(jiān)持使用框架，你需要為網(wǎng)站用戶創(chuàng)造另外一套無框架網(wǎng)頁。但誠實(shí)地說，

這種做法太麻煩！

并且很多搜索引擎在搜索框架時(shí)，會(huì)越到一些問題。

這就意味著，你需要花費(fèi)時(shí)間學(xué)習(xí)如何克服框架的缺點(diǎn)，否則網(wǎng)站注定會(huì)在搜索引擎中有一個(gè)低排名。

我希望你的網(wǎng)站不會(huì)出現(xiàn)這種情況。

大多數(shù)情況下，表格可以代替框架。利用表格的同時(shí)，你還可以使用SSI（Server Side Includes），它可以幫助你編輯主要頁面所包含的其它頁面。

比如說，使用框架布局左列導(dǎo)航條，可能看起來很有吸引力。所有網(wǎng)頁布局一致，并且修改一個(gè)單獨(dú)文件之后，就可以改變所有網(wǎng)頁。

很多人沒有意識(shí)到，在表格單元中利用SSI編號(hào)，也可以達(dá)到這個(gè)效果。這就會(huì)涉及到服務(wù)器中的另外一個(gè)文件，這個(gè)文件在需要時(shí)會(huì)設(shè)置到這個(gè)位置。瀏覽器與搜索引擎，更喜歡看似普通、不會(huì)出現(xiàn)框架問題的頁面。
 

等一下！

我們正在談?wù)摫砀駟栴}。

第一次利用表格時(shí)，不要出現(xiàn)我曾出現(xiàn)過的問題。

表格是一種網(wǎng)頁布局的好方法，你可以根據(jù)需要，選擇網(wǎng)頁內(nèi)容的位置。我在網(wǎng)頁中設(shè)計(jì)了一個(gè)大表格，劃分為很多行、很多欄，然后在內(nèi)部表格中嵌套更小的表格。

錯(cuò)誤！

請(qǐng)你不要笑，我想你肯定犯過類似的錯(cuò)誤。

我哪里出錯(cuò)了呢？

是的，表格。這里的問題是，在表格內(nèi)容下載完畢之前，瀏覽器不會(huì)在顯示屏中呈現(xiàn)任何內(nèi)容。這就意味著，任何嵌套的內(nèi)容都要下載完畢，那么這些布局精美的網(wǎng)頁會(huì)怎樣呢？

下載時(shí)間太長了！

事實(shí)上，網(wǎng)頁下載不需要那么長時(shí)間。網(wǎng)頁首先會(huì)空白，瀏覽器下載完畢之后，網(wǎng)頁突然出現(xiàn)全部內(nèi)容。如果網(wǎng)站訪問者長時(shí)間瀏覽空白頁面，他們很快會(huì)離開。

繼續(xù)分析問題。我們應(yīng)該避免在表格中嵌套其它表格，避免把表格繼續(xù)分割。如果表格尺寸沒有標(biāo)明，瀏覽器下載表格的時(shí)間會(huì)比較長，因?yàn)椋瑸g覽器需要計(jì)算表格將會(huì)占用的空間。

你可以利用表格填充網(wǎng)頁顏色，這樣比下載速度慢的圖片更好。或者把文本放置在網(wǎng)頁有顏色的表格中。

整潔并且有條理

避免使用濃重的顏色、炫目或者滾動(dòng)文本、奇怪的動(dòng)畫圖像。

以及其它轉(zhuǎn)移用戶注意力的內(nèi)容。

網(wǎng)站必須保證用戶集中精力閱讀文字內(nèi)容，這樣才可以吸引他們購買產(chǎn)品或服務(wù)。你可以參考實(shí)體商店，設(shè)計(jì)網(wǎng)站。

你會(huì)把網(wǎng)頁設(shè)計(jì)成嫩黃色或者很亮的顏色嗎？

最好不要！

網(wǎng)頁必須整潔、有條理，便于用戶尋找信息。

假設(shè)，你在一個(gè)陌生城鎮(zhèn)的超市中匆忙地購買餐巾紙。使你掃興的是，商品沒有標(biāo)簽，你需要在商店中到處尋找商品。

你是不是感覺很苦惱呢？

當(dāng)然，你肯定會(huì)購買，但你可能會(huì)去別的商店。網(wǎng)上購買也是同樣道理。

有些網(wǎng)站使用戶難以發(fā)現(xiàn)所需信息。

實(shí)際上，超市中的產(chǎn)品都很整齊，并且產(chǎn)品旁邊都會(huì)有標(biāo)簽。構(gòu)建網(wǎng)上商店時(shí)，遵循這些規(guī)則。

確保網(wǎng)站用戶在三次點(diǎn)擊之內(nèi)，找到所需內(nèi)容，否則他們會(huì)沮喪地離開網(wǎng)站。