CSS標準系列數據層與樣式層分離模式的管理_Web標準教程
教程Tag:暫無Tag,歡迎添加,賺取U幣!
這些日子中國一部分設計師都投向XTHML CSS模式的懷抱。有人說好,有人說難,有人說沒有商業價值,有人說這是未來的方向。到底是不是未來網頁制作的方向也不是隨口說說的,未來的方向不是設計師主導的、也不是客戶主導的,是一種綜合需求的結果,也就是說,當網頁制作者看到了其中的商業價值,當客戶深受其利的時候那就是未來。否則整個行業都可能面臨著蕭條的危險。
這種新模式到底是不是未來的方向?通過一段時間對這種新模式的了解,我得出了以下的見解:
一、新模式的利弊:
沒有人會去前往無利可圖的方向,而新模式到底給設計師帶來了什么好處?這一點在所有的宣傳中似乎并不明確,明確的只是可以減少冗余代碼。然而這也表明了弊端所在:需要手寫代碼。
有人說我們可以用DW之類的所見即所得軟件,但是所見即所得的軟件到現在也沒有能完全支持這一模式。至少可以這樣說:用所見即所得軟件運用新模式,似乎難度比手寫代碼更為頭疼。比如:我們可以在CSS表中寫上一個“* {margin:0;}”但是在DW中就不支持這一寫法,結果想要的得不到,得到的又差強人意。
如此分析似乎這種新模式都不應存在一樣,更不要說是未來的方向了。但是在以往的宣傳中對于“數據層與樣式層分離”這一重大特點卻沒有得到重視,只有極少數的設計師在進行布道時略有提出。卻不知這是新模式能決定未來的主要籌碼。
縱觀國內網頁設計界無人不為作業分工而頭疼,因為分工到最后總還是要花上大量的時間進行交叉作業。這是因為,程序員總要擔負起一部分樣式的任務、設計師總要對制作人員沒有完全實現自己的設計而頭疼不已、制作人員也要為程序員想也要為設計師想。結果網頁總是在疼痛與麻煩中產生的。新模式的出現并光是革新技術更是在革新整個行業的作業流程。
二、新模式的推廣
沒有人接受的產品是不應存在的。所以市場是一種技術是否可以生存下去的源動力。(例如:小靈通就是一種過時的技術,但是移動市場的高價消費,迫使消費者轉向更為實惠的低端移動技術。)所以在市場推廣這一點上就要下足功夫,讓客戶知道,新模式可以為他們帶來什么?
有人說客戶不需要知道你是怎么做的,他只要看到眼里就可以了!事實上現在的客戶素質越來越高,他們不會在把錢往水里砸了,他們要花最少的錢盡可能做最多的事。錢花了得有產出啊!不然明年,后年怎么辦?只有為客戶的利益著想,才可以網住客戶。我們要為他們精打細算,讓他們花最好的錢,做最優秀的事。
新模式對客戶的吸引力事實上是主要是在于可以優化網頁的下載速度;可以加大信息被搜索引擎搜到的面;可以節約改版費用(這一條是以前所沒有的)
前兩個我就不說了,大家都清楚,但是第三個我必需要解釋一下: 為什么說可以節約改版費用?以前我們對一個網站進行改版時我們需要做點什么?
示例代碼 [www.zhaotila.cn]
第一,重新整理資料;
第二、重新制作網頁版面(也就是編寫HTML);
第三、重新編寫CSS;
第四、重新嵌套治理程序。
第二、重新制作網頁版面(也就是編寫HTML);
第三、重新編寫CSS;
第四、重新嵌套治理程序。
這四項下來,基本上就是在重做一個網站。而現在我們采用新模式,組織資料、并規劃它們在XHTML中所在的地位,然后編寫XHTML、CSS,最后嵌套程序。這一項與以前的似乎沒有兩樣,但是有一點不要忘記了,這里成功實現了作業分工。在改版時,由于新模式的數據層與樣式層是分離的,所以改版事實上就是在改CSS與一部分樣式圖片。
這樣改版是不是可以節約很大成本呢?程序人員不用再為這種小事而浪費時間。
很顯然,這樣推廣是不是很有吸引力呢?當然,我們成本降低了這一點不用跟客戶講。這可是商業機密。呵呵。
三、新模式的治理
數據與樣式分離的治理,這一點從沒有人講過,我也是通過自己的實踐總結出來的,一定會有不足之處,假如有的話還請大家多提意見。
樣式與數據分離那么就要把所有的樣式統劃為一個文件夾。我的做法是以當時的時間為文件夾[050304] ,[050304]文件夾下有[css] [img] [js] 三個文件夾,我想作用不說也知是做什么的!
這個圖片也需要很注重,圖片也分為樣式圖片、數據圖片。這個需要分開。所有的樣式圖片是放在 [050304] 的文件夾下的 [img] 中。而所有的數據圖片則最好放在與 [050304] 同級的地方。更換樣式就更換日期文件夾就好了!這樣還可以用后臺程序來治理樣式。
希望大家可以從中得到些什么!這就是我最大的欣慰了!
相關Web標準教程:
- 相關鏈接:
- 教程說明:
Web標準教程-CSS標準系列數據層與樣式層分離模式的管理
。