推薦：小學(xué)文化站長(zhǎng)的建站經(jīng)驗(yàn)
首先承認(rèn)自己的文化水平比較底，小學(xué)畢業(yè)后，就進(jìn)入了社會(huì)。自己在網(wǎng)絡(luò)也有幾年的時(shí)間了，一直都處于在“語(yǔ)音聊天室”，直到2007年的一天，我遇見(jiàn)了她，與她的交往中，了解到她喜歡觀

內(nèi)容簡(jiǎn)介：內(nèi)容和形式分離，網(wǎng)頁(yè)前臺(tái)只需要顯示內(nèi)容就行，形式上的美工交給CSS來(lái)處理。生成的HTML文件代碼精簡(jiǎn)，更小打開(kāi)更快。改版網(wǎng)站更簡(jiǎn)單容易了，不用重新設(shè)計(jì)排版網(wǎng)頁(yè)，甚至于不用動(dòng)原網(wǎng)站的任何HTML和程序頁(yè)面，只需要改動(dòng)CSS文件就完成了所有改版。對(duì)于門(mén)戶網(wǎng)站來(lái)說(shuō)改版就像換件衣服一樣簡(jiǎn)單容易。

由于本人才疏學(xué)淺，對(duì)DIV CSS也沒(méi)有深入徹底研究透，只是憑自己的一點(diǎn)認(rèn)識(shí)而寫(xiě)，希望高手不要扔磚。

廢話少說(shuō)，直接進(jìn)行正題。

現(xiàn)在全國(guó)大大小小的網(wǎng)站都在搞一場(chǎng)技術(shù)“革命”，就是所謂“網(wǎng)站重構(gòu)”說(shuō)簡(jiǎn)單點(diǎn)就是DIV CSS進(jìn)行網(wǎng)站制作。用DIV CSS代替?zhèn)鹘y(tǒng)的Table制作框架和美化頁(yè)面。

在重構(gòu)之前，肯定要了解為什么重構(gòu)，為什么要用DIV CSS技術(shù)?了解了這個(gè)問(wèn)題，那么大家才有使用此技術(shù)重構(gòu)網(wǎng)站的動(dòng)力。各大CSS學(xué)習(xí)網(wǎng)站和教程無(wú)一例外都會(huì)列舉出以下使用DIV CSS的好處：

1、內(nèi)容和形式分離，網(wǎng)頁(yè)前臺(tái)只需要顯示內(nèi)容就行，形式上的美工交給CSS來(lái)處理。生成的HTML文件代碼精簡(jiǎn)，更小打開(kāi)更快。

2、改版網(wǎng)站更簡(jiǎn)單容易了，不用重新設(shè)計(jì)排版網(wǎng)頁(yè)，甚至于不用動(dòng)原網(wǎng)站的任何HTML和程序頁(yè)面，只需要改動(dòng)CSS文件就完成了所有改版。對(duì)于門(mén)戶網(wǎng)站來(lái)說(shuō)改版就像換件衣服一樣簡(jiǎn)單容易。

3、搜索引擎更友好，排名更容易靠前。

以上三點(diǎn)是N多好處最吸引人，最突出的三點(diǎn)。我就這三點(diǎn)進(jìn)行一一介紹：

第一點(diǎn)、內(nèi)容和形式分離，網(wǎng)頁(yè)前臺(tái)只需要顯示內(nèi)容就行，形式上的美工交給CSS來(lái)處理。生成的HTML文件代碼精簡(jiǎn)，更小打開(kāi)更快。

這個(gè)是DIV CSS技術(shù)最現(xiàn)著的特點(diǎn)，也是CSS存在的根源。完全的顛覆現(xiàn)在傳統(tǒng)(table)網(wǎng)頁(yè)設(shè)計(jì)的技術(shù)。所有現(xiàn)在用table制作的內(nèi)容，都可以用CSS來(lái)解決掉，而且解決的更完美，更強(qiáng)大。不需要大家再表格套表格，只需要用div套div就可以實(shí)現(xiàn)以往表格套表格所有的美工，這樣的結(jié)果就是使用div CSS技術(shù)，讓生成的網(wǎng)頁(yè)文件大小更精簡(jiǎn)，更小。table時(shí)代，一個(gè)頁(yè)面表格達(dá)到10個(gè)以上是非常普遍的事情，但是現(xiàn)在用DIV CSS，一個(gè)table都可以不用，就完全達(dá)到之前的效果，這就直接導(dǎo)致網(wǎng)頁(yè)文件大小比使用table時(shí)減少50%-80%，更節(jié)約各位站長(zhǎng)的硬盤(pán)空間，訪問(wèn)者打開(kāi)網(wǎng)頁(yè)時(shí)更快，而且用div CSS時(shí)，不像以往使用table時(shí)，必須把全部table讀取完了才顯示頁(yè)面內(nèi)容，現(xiàn)在是可以讀一個(gè)div就顯示一個(gè)效果，大家打開(kāi)網(wǎng)頁(yè)不用等。好處真是明顯而強(qiáng)大。

這個(gè)優(yōu)點(diǎn)的確是顯著的，凡是使用傳統(tǒng)table建的網(wǎng)頁(yè)，內(nèi)容多的話，有時(shí)候達(dá)到30K左右都有可能，文件打了打開(kāi)時(shí)，肯定就有0.0幾秒的延遲。使用DIV CSS,由于沒(méi)有表格使用，你前臺(tái)打開(kāi)看到的全是直接內(nèi)容，CSS文件都是導(dǎo)入鏈接的，是另一個(gè)文件，根本和HTML文件大小沒(méi)關(guān)系，這種生成的HTML文件，一個(gè)也就10K左右大小。文件數(shù)量少時(shí)看不出來(lái)，但是文件萬(wàn)級(jí)以上時(shí)，還是會(huì)節(jié)約幾十M大小的。

這些優(yōu)點(diǎn)其實(shí)拿到現(xiàn)在來(lái)說(shuō)，個(gè)人感覺(jué)用處不大，為什么呢?

因?yàn)閠able雖然生成的HTML文件要大一些，占空間多點(diǎn)，但是現(xiàn)在的虛擬主機(jī)空間幾百塊錢(qián)就可以達(dá)到3G以上，一個(gè)中小型門(mén)戶或是網(wǎng)站，完全夠用，就算不夠用，你數(shù)據(jù)量達(dá)到十萬(wàn)級(jí)別以上，生成的HTML文件也用不了2G，這個(gè)成本其實(shí)對(duì)于中小型網(wǎng)站長(zhǎng)來(lái)說(shuō)完全可以不計(jì)。再說(shuō)使用table說(shuō)的是打開(kāi)速度慢。這個(gè)在現(xiàn)在的網(wǎng)絡(luò)環(huán)境下面來(lái)說(shuō)，也可以忽略的，現(xiàn)在大家上網(wǎng)都是用的寬帶，至少也是512K以上，一個(gè)網(wǎng)頁(yè)30K，打開(kāi)也就一秒不到的時(shí)候，使用DIV CSS也就快那么0.0幾秒，這基本上是大家感覺(jué)不到的。而且既然都是生成HTML，那對(duì)服務(wù)器來(lái)說(shuō)影響的效果是一樣的，只要你的虛擬主機(jī)網(wǎng)絡(luò)穩(wěn)定，那么在table和div css上就沒(méi)差別。

但是使用table制作網(wǎng)頁(yè)框架和表格時(shí)，全是選擇化制作的，也就是說(shuō)不用大家去寫(xiě)代碼，很簡(jiǎn)單輸入邊框和行數(shù)列數(shù)就可以達(dá)到制作出來(lái)的要求，但是使用div CSS時(shí)，完全是靠手寫(xiě)代碼，一個(gè)表格寫(xiě)四行代碼的話，如果一個(gè)頁(yè)面涉及十多個(gè)div表格生成，手寫(xiě)代碼將超過(guò)50行，而且如果你數(shù)學(xué)不好，或是邏輯思維能力不強(qiáng)的話，你手寫(xiě)出來(lái)的表格將是亂78糟，出現(xiàn)表格重疊和位置完全不正確。因?yàn)橛胐iv css寫(xiě)表格時(shí)，表格間的邏輯排列關(guān)系完全是靠自己手寫(xiě)代碼判斷，如果你沒(méi)有很強(qiáng)的手寫(xiě)代碼能力和邏輯性，你所花費(fèi)的時(shí)間，比你用table制作時(shí)間至少是4倍左右。基本上一個(gè)頁(yè)面定義的ID和class類(lèi)，完整頁(yè)面是不會(huì)少于20個(gè)的，一個(gè)ID或class手寫(xiě)5句，你制作一個(gè)HTML頁(yè)面將超過(guò)100句代碼，當(dāng)然其中很多是可以存成一個(gè)CSS文件來(lái)重復(fù)調(diào)用的。也就是說(shuō)相同的頁(yè)面內(nèi)容的話，排版一樣的情況下，可以直接導(dǎo)入鏈接CSS來(lái)實(shí)現(xiàn)。

這個(gè)就很像之前生成HTML時(shí)，制作一個(gè)網(wǎng)頁(yè)模板。但制作這個(gè)模板花的時(shí)間是用table制作時(shí)的幾倍。這里有些人要說(shuō)，但是我改版的時(shí)候，就只需要再寫(xiě)一個(gè)css就可以了，不用再生成HTML了。那么我要說(shuō)，當(dāng)你再寫(xiě)一個(gè)CSS文件改版時(shí)，我可能都已經(jīng)用table制作好一個(gè)頁(yè)面模板，而且還自動(dòng)生成HTML全站的頁(yè)面了。這不是不可能的。

如果作為站長(zhǎng)的你，對(duì)于手寫(xiě)代碼不是特別有信心，邏輯思維能力不是特別強(qiáng)，建議還是使用傳統(tǒng)的table制作網(wǎng)頁(yè)更熟練和快捷。

第二點(diǎn)，改版網(wǎng)站更簡(jiǎn)單容易了，不用重新設(shè)計(jì)排版網(wǎng)頁(yè)，甚至于不用動(dòng)原網(wǎng)站的任何HTML和程序頁(yè)面，只需要改動(dòng)CSS文件就完成了所有改版。

DIV CSS對(duì)于門(mén)戶網(wǎng)站來(lái)說(shuō)改版就像換件衣服一樣簡(jiǎn)單容易，改版時(shí)，不用改動(dòng)全站HTML頁(yè)面，只需要重新寫(xiě)CSS，再用新CSS覆蓋以前的CSS就可以實(shí)現(xiàn)改版了。方便吧。

方便是方便了，但是一個(gè)網(wǎng)站，我想問(wèn)一下是不是一個(gè)月就要改次版?或是半年就要改一次?估計(jì)這么頻繁的網(wǎng)站少的很哦。現(xiàn)在很多知名網(wǎng)站，行業(yè)的，門(mén)戶的，包括個(gè)人網(wǎng)站，最多也是一年改一次版。一年改一次版，你一年才用一次重新寫(xiě)CSS，而且你寫(xiě)的CSS時(shí)間所用時(shí)間，比我用table制作時(shí)慢一二倍(技術(shù)熟練情況下)。那我何必還要用CSS啊?我用table一樣可以完成的效果，二分鐘就做好了表格，你用css寫(xiě)要用十分鐘。

全國(guó)中小型站長(zhǎng)的網(wǎng)站數(shù)據(jù)量一般也就在十萬(wàn)條數(shù)據(jù)之內(nèi)，現(xiàn)在用自動(dòng)批量生成HTML功能，生成完也用不了幾個(gè)小時(shí)時(shí)間吧。費(fèi)這點(diǎn)神一年也就一次，沒(méi)什么大不了的。

所以除非你網(wǎng)站一個(gè)月改一次版，那么你還是用最熟練和方便的方法來(lái)實(shí)現(xiàn)網(wǎng)頁(yè)設(shè)計(jì)為妙。

當(dāng)然如果你CSS已經(jīng)學(xué)的如火純青了，而且是代碼狂人。你當(dāng)我說(shuō)的廢話。

第三點(diǎn)，搜索引擎更友好，排名更容易靠前。

當(dāng)我看到CSS優(yōu)點(diǎn)有這個(gè)時(shí)，我冷笑了二聲。翻譯和編寫(xiě)者真的是太不了解中國(guó)的網(wǎng)絡(luò)環(huán)境了，這條拿到國(guó)外來(lái)說(shuō)，如常用google.com的環(huán)境下，完全可行。但是拿到中國(guó)以百度為壟斷的網(wǎng)絡(luò)環(huán)境下，完全可以忽略。

搜索引擎主要的排名依據(jù)不管百度和google，都是title和權(quán)重為主。他們不可能拿到這二點(diǎn)不用，而是用你的content內(nèi)容來(lái)為主抓數(shù)據(jù)吧。而且最重要的一點(diǎn)，中小型網(wǎng)站主80%左右的流量是百度來(lái)的，百度現(xiàn)在完全是人工在排序，你以為你用了div CSS百度就先排你在前面啊??如果你這樣認(rèn)為你就是太不配做中國(guó)站長(zhǎng)了。

退一萬(wàn)不說(shuō)，就算你DIV CSS有這優(yōu)點(diǎn)，能讓你頁(yè)面在百度搜索時(shí)排前幾位，你以為這個(gè)位置你能坐的長(zhǎng)啊?不出一個(gè)月只要你這頁(yè)面給你帶去的流量達(dá)到一定數(shù)量，百度K你沒(méi)商量。(我是指K這個(gè)關(guān)鍵字)

綜上所述，個(gè)人感覺(jué)DIV CSS不能太迷信它的很好很強(qiáng)大，它作為制作網(wǎng)頁(yè)，美化網(wǎng)頁(yè)的一個(gè)重要輔助是很強(qiáng)大方便的。可以彌補(bǔ)table制作框架和表格時(shí)的很多不足和美工上的缺點(diǎn)，但是完全只用它來(lái)做，太費(fèi)時(shí)費(fèi)力，對(duì)于全國(guó)中小型網(wǎng)站長(zhǎng)來(lái)說(shuō)，真的不太適合。我個(gè)人覺(jué)得用table DIV CSS是最好的組合，也是最省時(shí)省力的辦法。

我的廢話太多，寫(xiě)了一長(zhǎng)竄，不足之處非常多，認(rèn)識(shí)也不夠深入。大家不要介意哈。

PS：很多CSS資料宣傳的CSS生成網(wǎng)頁(yè)代碼少，指的是生成的HTML文件的代碼少，因?yàn)檫@種HTML文件根本沒(méi)有美化過(guò)的，美化過(guò)程語(yǔ)句全在CSS文件中，一個(gè)CSS文件代碼是奇多無(wú)比。

一個(gè)HTML要配合一個(gè)CSS文件來(lái)用，不能單獨(dú)使用。

適合自己的才是最好的,如果用table很簡(jiǎn)潔的代碼就能出來(lái)的效果,何必為了所謂的DIVCSS繁瑣的用那么多CSS屬性來(lái)控制DIV?

分享：確保新站被收錄的因素分析
1.網(wǎng)站搭建成功后，開(kāi)始添加內(nèi)容;添加網(wǎng)站、各個(gè)欄目的關(guān)鍵詞 2.搜索的新站點(diǎn)登錄 3.發(fā)幾篇原創(chuàng)的文章，即便是轉(zhuǎn)載也要改改再發(fā) 4.開(kāi)始等待收錄 好像都這是站長(zhǎng)固定建站的思維模式，可