另一個(gè)角度談?wù)凞IV CSS_CSS教程

      編輯Tag賺U幣
      教程Tag:暫無Tag,歡迎添加,賺取U幣!

        看了cragle的《有沒有必要將網(wǎng)站Div Css重構(gòu)?》的文章,有一些想法不說不快,我也在文章的評論里提到曾經(jīng)開除過兩個(gè)執(zhí)著使用div技術(shù)的美工,遭到一些朋友的反對,但也有一位技術(shù)總監(jiān)的朋友發(fā)帖表示支持,很經(jīng)典的話就是:“做站是給人看的。不是給機(jī)器。符合w3c標(biāo)準(zhǔn)又怎么樣?”。

        說到web設(shè)計(jì),我是2000年入行的,應(yīng)該還是有說幾句話的份,先說說被我開的兩個(gè)美工吧。

        那是和朋友一起籌建一個(gè)新公司,招了一個(gè)美工設(shè)計(jì)公司的形象網(wǎng)站,在談?wù)摴べY的時(shí)候,他便說,假如你們要我用div做頁面的話,工資要高一點(diǎn)。我想高點(diǎn)就高點(diǎn),假如你真做的好,沒有關(guān)系。其實(shí)那個(gè)時(shí)候我也是才開始認(rèn)真研究這個(gè)東西。

        但出乎我的意料的是,在公司的網(wǎng)站的宣傳廣告里,這位仁兄居然加了這么一句話(宣傳嘛,廣告語我沒有時(shí)間寫那么多,就讓他充分發(fā)揮),內(nèi)容是:“國內(nèi)90%以上的網(wǎng)站將被淘汰,div css即將成為未來標(biāo)準(zhǔn)”。

        也許是想他比較自信吧,但是沒有深究,萬沒有想到的是,這個(gè)簡單的宣傳網(wǎng)站足足花了半個(gè)月時(shí)間,頁面設(shè)計(jì)水平很爛——顏色搭配都不好,終于被投資人推翻了,又重新設(shè)計(jì)了半個(gè)月,又被推翻了,雖然我一直強(qiáng)調(diào)美工應(yīng)該先學(xué)好網(wǎng)站結(jié)構(gòu)設(shè)計(jì),顏色搭配等等,但他都當(dāng)成耳邊風(fēng),終于,我讓他離開了。

        后來公司再次改版,花了一個(gè)星期,做的十分漂亮,table結(jié)構(gòu)。

        我這個(gè)時(shí)候還沒意識到div在一些新人眼中產(chǎn)生的誤導(dǎo)會(huì)比我想象的嚴(yán)重,直到第二個(gè)美工上班。

        他是才畢業(yè)的,非常勤懇的做事,但他絕對中毒不輕。

        第一天上班,他便指著我電腦上開的IE,說,你這個(gè)東西是很不安全的,非常非常爛的,一定要用firefox,只有firefox才是正途,以后都是firefox的天下。我愕然,那個(gè)時(shí)候,網(wǎng)上充斥著firefox的廣告——很多站長為了掙美元,很不厚道的貶低IE,狂夸firefox,目的就是為了吸引訪問者下載。

        這位仁兄也喜歡用div編寫頁面,并且對table表現(xiàn)出極大的不屑,甚至眼里容不得table這個(gè)單詞,他開始天天花費(fèi)90%的時(shí)間用于構(gòu)建html文件和css樣式表,甚至為了一個(gè)px拿尺子在屏幕上丈量——實(shí)在太夸張了,卻只把10%的時(shí)間放在頁面整體設(shè)計(jì)和美工制作。同時(shí),為了節(jié)約幾個(gè)字節(jié),把一個(gè)圖片裁成一個(gè)很小字節(jié)的圖片,整個(gè)圖片文件夾布滿了細(xì)碎的圖片。

        當(dāng)然,他到最后也沒拿出令我滿足的作品,因?yàn)榉N種原因,我們的改版是很頻繁的,有時(shí)候很大,我不可能為了改一點(diǎn)小東西等他在那里堆一天的代碼,測試N個(gè)瀏覽器。究竟做公司的,要考慮成本,我天天只擁有他8個(gè)小時(shí)的工作時(shí)間,等不得,我只有請他離開。

        說實(shí)話,我并不是反對div css,但物生一利,必生一弊,div css的利處大家說了很多,我就說說狂熱的追求div css的幾個(gè)弊端:

        1、大大增加了開發(fā)時(shí)間,同時(shí)也增加了開發(fā)成本。當(dāng)然假如你是一個(gè)熟手,或者可以白天黑夜都加班而不用擔(dān)心沒有加班費(fèi),那可能不會(huì)。

        2、大大增加協(xié)同工作的難度,很多沒學(xué)過div的程序員對于美工出的div頁面束手無措,稍微改錯(cuò)了,可能整個(gè)站點(diǎn)就慘不忍睹了。當(dāng)然,假如你是一個(gè)全才,可以搞定一切,也可能不會(huì)。

        3、增加了開發(fā)風(fēng)險(xiǎn),一個(gè)css文件的出錯(cuò),可能導(dǎo)致整站崩潰,慘不忍睹,大量的訪問鏈接同時(shí)調(diào)用靜態(tài)的css文件,可能造成并發(fā)錯(cuò)誤,調(diào)用失敗。

        幾年前,我在一個(gè)朋友車?yán)镒娴臅r(shí)候,當(dāng)時(shí)他唾沫橫飛的問我,你會(huì)不會(huì)做web2.0,我說web2.0不是技術(shù),web2.0是一種思想,并不是改成div css就是2.0了。他說錯(cuò)了錯(cuò)了,你落伍了,你們那個(gè)1.0的網(wǎng)站馬上就要不行的,我馬上要投資做的2.0網(wǎng)站打算如何如何,預(yù)備上市的。幾年后,我那個(gè)1.0的網(wǎng)站銷售額還在穩(wěn)步增長,但他的2.0卻再?zèng)]聽他提過。

        div不是壞東西,但是不能鉆牛角尖。

        關(guān)于某些維護(hù)div的div黨,有幾個(gè)誤區(qū)我想說一下,也給新入行的朋友一點(diǎn)提醒。

        誤區(qū)一:W3C標(biāo)準(zhǔn)就是摒棄一切表格

        查閱一下W3C的幫助文件,沒有發(fā)現(xiàn)W3C放棄了table定義,而且利用table制作的頁面也一樣可以通過W3C效驗(yàn),事實(shí)上,跟隨網(wǎng)頁從產(chǎn)生到現(xiàn)在,table一直都是標(biāo)準(zhǔn)的W3C定義。

        誤區(qū)二:div css可以精簡代碼

        大家都說DIV的布局精簡代碼,但是用DIV替代TABLE所節(jié)約的代碼又被CSS(樣式)所占用,而這些樣式大多用于控制DIV的排版布局。一旦css出錯(cuò),后果不堪設(shè)想。而且,狂熱的追求把幾十K的頁面再縮小一倍,完全沒必要,大家都知道,一個(gè)網(wǎng)頁打開,真正占帶寬的不是網(wǎng)頁本身,而是圖片,flash等,一個(gè)頁面100K,可能需要下載的圖片,flash,視頻有幾M之多,F(xiàn)在硬件發(fā)展速度遠(yuǎn)超軟件發(fā)展速度,帶寬也漸漸不是問題?駸嶙非蟠a的精簡是舍本逐末。

        誤區(qū)三:用div可以更輕易被搜索引擎搜索到

        目前尚無任何證據(jù)證實(shí)用div可以更輕易被搜索引擎收錄,也許這個(gè)只是存在于美好的想象中。

        始終堅(jiān)信,做網(wǎng)站就四個(gè)字:“內(nèi)容為王”。做公司,也是四個(gè)字:“開源節(jié)流”。其它的,都是虛的。

        追求新技術(shù)不是錯(cuò),但鉆牛角尖就不對了,用div也沒錯(cuò),確實(shí)有很多好處,但切不可成了div的偏執(zhí)狂。

      來源:模板無憂//所屬分類:CSS教程/更新時(shí)間:2007-11-17
      相關(guān)CSS教程