| 導購 | 订阅 | 在线投稿
分享
 
 
 

DIV+CSS技術是否適合中國中小網站

來源:互聯網  2008-08-08 06:10:29  評論

由于本人才疏學淺,對DIV+CSS也沒有深入徹底研究透,只是憑自己的一點認識而寫,希望高手不要扔磚。

廢話少說,直接進行正題。

現在全國大大小小的網站都在搞一場技術「革命」,就是所謂「網站重構」說簡單點就是DIV+CSS進行網站制作。用DIV+CSS代替傳統的Table制作框架和美化頁面。

在重構之前,肯定要了解爲什麽重構,爲什麽要用DIV+CSS技術?了解了這個問題,那麽大家才有使用此技術重構網站的動力。各大CSS學習網站和教程無一例外都會列舉出以下使用DIV+CSS的好處:

1、內容和形式分離,網頁前台只需要顯示內容就行,形式上的美工交給CSS來處理。生成的HTML文件代碼精簡,更小打開更快。

2、改版網站更簡單容易了,不用重新設計排版網頁,甚至于不用動原網站的任何HTML和程序頁面,只需要改動CSS文件就完成了所有改版。對于門戶網站來說改版就像換件衣服一樣簡單容易。

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

以上三點是N多好處最吸引人,最突出的三點。我就這三點進行一一介紹:

第一點、內容和形式分離,網頁前台只需要顯示內容就行,形式上的美工交給CSS來處理。生成的HTML文件代碼精簡,更小打開更快。

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

這個優點的確是顯著的,凡是使用傳統table建的網頁,內容多的話,有時候達到30K左右都有可能,文件打了打開時,肯定就有0.0幾秒的延遲。使用DIV+CSS,由于沒有表格使用,你前台打開看到的全是直接內容,CSS文件都是導入鏈接的,是另一個文件,根本和HTML文件大小沒關系,這種生成的HTML文件,一個也就10K左右大小。文件數量少時看不出來,但是文件萬級以上時,還是會節約幾十M大小的。

這些優點其實拿到現在來說,個人感覺用處不大,爲什麽呢?

因爲table雖然生成的HTML文件要大一些,占空間多點,但是現在的虛擬主機空間幾百塊錢就可以達到3G以上,一個中小型門戶或是網站,完全夠用,就算不夠用,你數據量達到十萬級別以上,生成的HTML文件也用不了2G,這個成本其實對于中小型網站長來說完全可以不計。再說使用table說的是打開速度慢。這個在現在的網絡環境下面來說,也可以忽略的,現在大家上網都是用的寬帶,至少也是512K以上,一個網頁30K,打開也就一秒不到的時候,使用DIV+CSS也就快那麽0.0幾秒,這基本上是大家感覺不到的。而且既然都是生成HTML,那對服務器來說影響的效果是一樣的,只要你的虛擬主機網絡穩定,那麽在table和div+css上就沒差別。

但是使用table制作網頁框架和表格時,全是選擇化制作的,也就是說不用大家去寫代碼,很簡單輸入邊框和行數列數就可以達到制作出來的要求,但是使用div+CSS時,完全是靠手寫代碼,一個表格寫四行代碼的話,如果一個頁面涉及十多個div表格生成,手寫代碼將超過50行,而且如果你數學不好,或是邏輯思維能力不強的話,你手寫出來的表格將是亂78糟,出現表格重疊和位置完全不正確。因爲用div+css寫表格時,表格間的邏輯排列關系完全是靠自己手寫代碼判斷,如果你沒有很強的手寫代碼能力和邏輯性,你所花費的時間,比你用table制作時間至少是4倍左右。基本上一個頁面定義的ID和class類,完整頁面是不會少于20個的,一個ID或class手寫5句,你制作一個HTML頁面將超過100句代碼,當然其中很多是可以存成一個CSS文件來重複調用的。也就是說相同的頁面內容的話,排版一樣的情況下,可以直接導入鏈接CSS來實現。

這個就很像之前生成HTML時,制作一個網頁模板。但制作這個模板花的時間是用table制作時的幾倍。這裏有些人要說,但是我改版的時候,就只需要再寫一個css就可以了,不用再生成HTML了。那麽我要說,當你再寫一個CSS文件改版時,我可能都已經用table制作好一個頁面模板,而且還自動生成HTML全站的頁面了。這不是不可能的。

如果作爲站長的你,對于手寫代碼不是特別有信心,邏輯思維能力不是特別強,建議還是使用傳統的table制作網頁更熟練和快捷。

第二點,改版網站更簡單容易了,不用重新設計排版網頁,甚至于不用動原網站的任何HTML和程序頁面,只需要改動CSS文件就完成了所有改版。

DIV+CSS對于門戶網站來說改版就像換件衣服一樣簡單容易,改版時,不用改動全站HTML頁面,只需要重新寫CSS,再用新CSS覆蓋以前的CSS就可以實現改版了。方便吧。

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

全國中小型站長的網站數據量一般也就在十萬條數據之內,現在用自動批量生成HTML功能,生成完也用不了幾個小時時間吧。費這點神一年也就一次,沒什麽大不了的。

所以除非你網站一個月改一次版,那麽你還是用最熟練和方便的方法來實現網頁設計爲妙。

當然如果你CSS已經學的如火純青了,而且是代碼狂人。你當我說的廢話。

第三點,搜索引擎更友好,排名更容易靠前。

當我看到CSS優點有這個時,我冷笑了二聲。翻譯和編寫者真的是太不了解中國的網絡環境了,這條拿到國外來說,如常用google.com的環境下,完全可行。但是拿到中國以百度爲壟斷的網絡環境下,完全可以忽略。

搜索引擎主要的排名依據不管百度和google,都是title和權重爲主。他們不可能拿到這二點不用,而是用你的content內容來爲主抓數據吧。而且最重要的一點,中小型網站主80%左右的流量是百度來的,百度現在完全是人工在排序,你以爲你用了div+CSS百度就先排你在前面啊??如果你這樣認爲你就是太不配做中國站長了。

退一萬不說,就算你DIV+CSS有這優點,能讓你頁面在百度搜索時排前幾位,你以爲這個位置你能坐的長啊?不出一個月只要你這頁面給你帶去的流量達到一定數量,百度K你沒商量。(我是指K這個關鍵字)

綜上所述,個人感覺DIV+CSS不能太迷信它的很好很強大,它作爲制作網頁,美化網頁的一個重要輔助是很強大方便的。可以彌補table制作框架和表格時的很多不足和美工上的缺點,但是完全只用它來做,太費時費力,對于全國中小型網站長來說,真的不太適合。我個人覺得用table+DIV+CSS是最好的組合,也是最省時省力的辦法。

我的廢話太多,寫了一長竄,不足之處非常多,認識也不夠深入。大家不要介意哈。

PS:很多CSS資料宣傳的CSS生成網頁代碼少,指的是生成的HTML文件的代碼少,因爲這種HTML文件根本沒有美化過的,美化過程語句全在CSS文件中,一個CSS文件代碼是奇多無比。

一個HTML要配合一個CSS文件來用,不能單獨使用。

  由于本人才疏學淺,對DIV+CSS也沒有深入徹底研究透,只是憑自己的一點認識而寫,希望高手不要扔磚。   廢話少說,直接進行正題。   現在全國大大小小的網站都在搞一場技術「革命」,就是所謂「網站重構」說簡單點就是DIV+CSS進行網站制作。用DIV+CSS代替傳統的Table制作框架和美化頁面。   在重構之前,肯定要了解爲什麽重構,爲什麽要用DIV+CSS技術?了解了這個問題,那麽大家才有使用此技術重構網站的動力。各大CSS學習網站和教程無一例外都會列舉出以下使用DIV+CSS的好處:   1、內容和形式分離,網頁前台只需要顯示內容就行,形式上的美工交給CSS來處理。生成的HTML文件代碼精簡,更小打開更快。   2、改版網站更簡單容易了,不用重新設計排版網頁,甚至于不用動原網站的任何HTML和程序頁面,只需要改動CSS文件就完成了所有改版。對于門戶網站來說改版就像換件衣服一樣簡單容易。   3、搜索引擎更友好,排名更容易靠前。   以上三點是N多好處最吸引人,最突出的三點。我就這三點進行一一介紹:   第一點、內容和形式分離,網頁前台只需要顯示內容就行,形式上的美工交給CSS來處理。生成的HTML文件代碼精簡,更小打開更快。   這個是DIV+CSS技術最現著的特點,也是CSS存在的根源。完全的顛覆現在傳統(table)網頁設計的技術。所有現在用table制作的內容,都可以用CSS來解決掉,而且解決的更完美,更強大。不需要大家再表格套表格,只需要用div套div就可以實現以往表格套表格所有的美工,這樣的結果就是使用div+CSS技術,讓生成的網頁文件大小更精簡,更小。table時代,一個頁面表格達到10個以上是非常普遍的事情,但是現在用DIV+CSS,一個table都可以不用,就完全達到之前的效果,這就直接導致網頁文件大小比使用table時減少50%-80%,更節約各位站長的硬盤空間,訪問者打開網頁時更快,而且用div+CSS時,不像以往使用table時,必須把全部table讀取完了才顯示頁面內容,現在是可以讀一個div就顯示一個效果,大家打開網頁不用等。好處真是明顯而強大。   這個優點的確是顯著的,凡是使用傳統table建的網頁,內容多的話,有時候達到30K左右都有可能,文件打了打開時,肯定就有0.0幾秒的延遲。使用DIV+CSS,由于沒有表格使用,你前台打開看到的全是直接內容,CSS文件都是導入鏈接的,是另一個文件,根本和HTML文件大小沒關系,這種生成的HTML文件,一個也就10K左右大小。文件數量少時看不出來,但是文件萬級以上時,還是會節約幾十M大小的。   這些優點其實拿到現在來說,個人感覺用處不大,爲什麽呢?   因爲table雖然生成的HTML文件要大一些,占空間多點,但是現在的虛擬主機空間幾百塊錢就可以達到3G以上,一個中小型門戶或是網站,完全夠用,就算不夠用,你數據量達到十萬級別以上,生成的HTML文件也用不了2G,這個成本其實對于中小型網站長來說完全可以不計。再說使用table說的是打開速度慢。這個在現在的網絡環境下面來說,也可以忽略的,現在大家上網都是用的寬帶,至少也是512K以上,一個網頁30K,打開也就一秒不到的時候,使用DIV+CSS也就快那麽0.0幾秒,這基本上是大家感覺不到的。而且既然都是生成HTML,那對服務器來說影響的效果是一樣的,只要你的虛擬主機網絡穩定,那麽在table和div+css上就沒差別。   但是使用table制作網頁框架和表格時,全是選擇化制作的,也就是說不用大家去寫代碼,很簡單輸入邊框和行數列數就可以達到制作出來的要求,但是使用div+CSS時,完全是靠手寫代碼,一個表格寫四行代碼的話,如果一個頁面涉及十多個div表格生成,手寫代碼將超過50行,而且如果你數學不好,或是邏輯思維能力不強的話,你手寫出來的表格將是亂78糟,出現表格重疊和位置完全不正確。因爲用div+css寫表格時,表格間的邏輯排列關系完全是靠自己手寫代碼判斷,如果你沒有很強的手寫代碼能力和邏輯性,你所花費的時間,比你用table制作時間至少是4倍左右。基本上一個頁面定義的ID和class類,完整頁面是不會少于20個的,一個ID或class手寫5句,你制作一個HTML頁面將超過100句代碼,當然其中很多是可以存成一個CSS文件來重複調用的。也就是說相同的頁面內容的話,排版一樣的情況下,可以直接導入鏈接CSS來實現。   這個就很像之前生成HTML時,制作一個網頁模板。但制作這個模板花的時間是用table制作時的幾倍。這裏有些人要說,但是我改版的時候,就只需要再寫一個css就可以了,不用再生成HTML了。那麽我要說,當你再寫一個CSS文件改版時,我可能都已經用table制作好一個頁面模板,而且還自動生成HTML全站的頁面了。這不是不可能的。   如果作爲站長的你,對于手寫代碼不是特別有信心,邏輯思維能力不是特別強,建議還是使用傳統的table制作網頁更熟練和快捷。   第二點,改版網站更簡單容易了,不用重新設計排版網頁,甚至于不用動原網站的任何HTML和程序頁面,只需要改動CSS文件就完成了所有改版。   DIV+CSS對于門戶網站來說改版就像換件衣服一樣簡單容易,改版時,不用改動全站HTML頁面,只需要重新寫CSS,再用新CSS覆蓋以前的CSS就可以實現改版了。方便吧。   方便是方便了,但是一個網站,我想問一下是不是一個月就要改次版?或是半年就要改一次?估計這麽頻繁的網站少的很哦。現在很多知名網站,行業的,門戶的,包括個人網站,最多也是一年改一次版。一年改一次版,你一年才用一次重新寫CSS,而且你寫的CSS時間所用時間,比我用table制作時慢一二倍(技術熟練情況下)。那我何必還要用CSS啊?我用table一樣可以完成的效果,二分鍾就做好了表格,你用css寫要用十分鍾。   全國中小型站長的網站數據量一般也就在十萬條數據之內,現在用自動批量生成HTML功能,生成完也用不了幾個小時時間吧。費這點神一年也就一次,沒什麽大不了的。   所以除非你網站一個月改一次版,那麽你還是用最熟練和方便的方法來實現網頁設計爲妙。   當然如果你CSS已經學的如火純青了,而且是代碼狂人。你當我說的廢話。   第三點,搜索引擎更友好,排名更容易靠前。   當我看到CSS優點有這個時,我冷笑了二聲。翻譯和編寫者真的是太不了解中國的網絡環境了,這條拿到國外來說,如常用google.com的環境下,完全可行。但是拿到中國以百度爲壟斷的網絡環境下,完全可以忽略。   搜索引擎主要的排名依據不管百度和google,都是title和權重爲主。他們不可能拿到這二點不用,而是用你的content內容來爲主抓數據吧。而且最重要的一點,中小型網站主80%左右的流量是百度來的,百度現在完全是人工在排序,你以爲你用了div+CSS百度就先排你在前面啊??如果你這樣認爲你就是太不配做中國站長了。   退一萬不說,就算你DIV+CSS有這優點,能讓你頁面在百度搜索時排前幾位,你以爲這個位置你能坐的長啊?不出一個月只要你這頁面給你帶去的流量達到一定數量,百度K你沒商量。(我是指K這個關鍵字)   綜上所述,個人感覺DIV+CSS不能太迷信它的很好很強大,它作爲制作網頁,美化網頁的一個重要輔助是很強大方便的。可以彌補table制作框架和表格時的很多不足和美工上的缺點,但是完全只用它來做,太費時費力,對于全國中小型網站長來說,真的不太適合。我個人覺得用table+DIV+CSS是最好的組合,也是最省時省力的辦法。   我的廢話太多,寫了一長竄,不足之處非常多,認識也不夠深入。大家不要介意哈。   PS:很多CSS資料宣傳的CSS生成網頁代碼少,指的是生成的HTML文件的代碼少,因爲這種HTML文件根本沒有美化過的,美化過程語句全在CSS文件中,一個CSS文件代碼是奇多無比。   一個HTML要配合一個CSS文件來用,不能單獨使用。
󰈣󰈤
王朝萬家燈火計劃
期待原創作者加盟
 
 
 
>>返回首頁<<
 
 
 
 
 熱帖排行
 
 
 
靜靜地坐在廢墟上,四周的荒凉一望無際,忽然覺得,淒涼也很美
© 2005- 王朝網路 版權所有