CSS標(biāo)準(zhǔn)系列數(shù)據(jù)層與樣式層分離模式的管理_Web標(biāo)準(zhǔn)教程
教程Tag:暫無(wú)Tag,歡迎添加,賺取U幣!
這些日子中國(guó)一部分設(shè)計(jì)師都投向XTHML CSS模式的懷抱。有人說(shuō)好,有人說(shuō)難,有人說(shuō)沒(méi)有商業(yè)價(jià)值,有人說(shuō)這是未來(lái)的方向。到底是不是未來(lái)網(wǎng)頁(yè)制作的方向也不是隨口說(shuō)說(shuō)的,未來(lái)的方向不是設(shè)計(jì)師主導(dǎo)的、也不是客戶主導(dǎo)的,是一種綜合需求的結(jié)果,也就是說(shuō),當(dāng)網(wǎng)頁(yè)制作者看到了其中的商業(yè)價(jià)值,當(dāng)客戶深受其利的時(shí)候那就是未來(lái)。否則整個(gè)行業(yè)都可能面臨著蕭條的危險(xiǎn)。
這種新模式到底是不是未來(lái)的方向?通過(guò)一段時(shí)間對(duì)這種新模式的了解,我得出了以下的見(jiàn)解:
一、新模式的利弊:
沒(méi)有人會(huì)去前往無(wú)利可圖的方向,而新模式到底給設(shè)計(jì)師帶來(lái)了什么好處?這一點(diǎn)在所有的宣傳中似乎并不明確,明確的只是可以減少冗余代碼。然而這也表明了弊端所在:需要手寫代碼。
有人說(shuō)我們可以用DW之類的所見(jiàn)即所得軟件,但是所見(jiàn)即所得的軟件到現(xiàn)在也沒(méi)有能完全支持這一模式。至少可以這樣說(shuō):用所見(jiàn)即所得軟件運(yùn)用新模式,似乎難度比手寫代碼更為頭疼。比如:我們可以在CSS表中寫上一個(gè)“* {margin:0;}”但是在DW中就不支持這一寫法,結(jié)果想要的得不到,得到的又差強(qiáng)人意。
如此分析似乎這種新模式都不應(yīng)存在一樣,更不要說(shuō)是未來(lái)的方向了。但是在以往的宣傳中對(duì)于“數(shù)據(jù)層與樣式層分離”這一重大特點(diǎn)卻沒(méi)有得到重視,只有極少數(shù)的設(shè)計(jì)師在進(jìn)行布道時(shí)略有提出。卻不知這是新模式能決定未來(lái)的主要籌碼。
縱觀國(guó)內(nèi)網(wǎng)頁(yè)設(shè)計(jì)界無(wú)人不為作業(yè)分工而頭疼,因?yàn)榉止さ阶詈罂傔是要花上大量的時(shí)間進(jìn)行交叉作業(yè)。這是因?yàn)�,程序員總要擔(dān)負(fù)起一部分樣式的任務(wù)、設(shè)計(jì)師總要對(duì)制作人員沒(méi)有完全實(shí)現(xiàn)自己的設(shè)計(jì)而頭疼不已、制作人員也要為程序員想也要為設(shè)計(jì)師想。結(jié)果網(wǎng)頁(yè)總是在疼痛與麻煩中產(chǎn)生的。新模式的出現(xiàn)并光是革新技術(shù)更是在革新整個(gè)行業(yè)的作業(yè)流程。
二、新模式的推廣
沒(méi)有人接受的產(chǎn)品是不應(yīng)存在的。所以市場(chǎng)是一種技術(shù)是否可以生存下去的源動(dòng)力。(例如:小靈通就是一種過(guò)時(shí)的技術(shù),但是移動(dòng)市場(chǎng)的高價(jià)消費(fèi),迫使消費(fèi)者轉(zhuǎn)向更為實(shí)惠的低端移動(dòng)技術(shù)。)所以在市場(chǎng)推廣這一點(diǎn)上就要下足功夫,讓客戶知道,新模式可以為他們帶來(lái)什么?
有人說(shuō)客戶不需要知道你是怎么做的,他只要看到眼里就可以了!事實(shí)上現(xiàn)在的客戶素質(zhì)越來(lái)越高,他們不會(huì)在把錢往水里砸了,他們要花最少的錢盡可能做最多的事。錢花了得有產(chǎn)出啊!不然明年,后年怎么辦?只有為客戶的利益著想,才可以網(wǎng)住客戶。我們要為他們精打細(xì)算,讓他們花最好的錢,做最優(yōu)秀的事。
新模式對(duì)客戶的吸引力事實(shí)上是主要是在于可以優(yōu)化網(wǎng)頁(yè)的下載速度;可以加大信息被搜索引擎搜到的面;可以節(jié)約改版費(fèi)用(這一條是以前所沒(méi)有的)
前兩個(gè)我就不說(shuō)了,大家都清楚,但是第三個(gè)我必需要解釋一下: 為什么說(shuō)可以節(jié)約改版費(fèi)用?以前我們對(duì)一個(gè)網(wǎng)站進(jìn)行改版時(shí)我們需要做點(diǎn)什么?
示例代碼 [www.hl5o.cn]
第一,重新整理資料;
第二、重新制作網(wǎng)頁(yè)版面(也就是編寫HTML);
第三、重新編寫CSS;
第四、重新嵌套治理程序。
第二、重新制作網(wǎng)頁(yè)版面(也就是編寫HTML);
第三、重新編寫CSS;
第四、重新嵌套治理程序。
這四項(xiàng)下來(lái),基本上就是在重做一個(gè)網(wǎng)站。而現(xiàn)在我們采用新模式,組織資料、并規(guī)劃它們?cè)赬HTML中所在的地位,然后編寫XHTML、CSS,最后嵌套程序。這一項(xiàng)與以前的似乎沒(méi)有兩樣,但是有一點(diǎn)不要忘記了,這里成功實(shí)現(xiàn)了作業(yè)分工。在改版時(shí),由于新模式的數(shù)據(jù)層與樣式層是分離的,所以改版事實(shí)上就是在改CSS與一部分樣式圖片。
這樣改版是不是可以節(jié)約很大成本呢?程序人員不用再為這種小事而浪費(fèi)時(shí)間。
很顯然,這樣推廣是不是很有吸引力呢?當(dāng)然,我們成本降低了這一點(diǎn)不用跟客戶講。這可是商業(yè)機(jī)密。呵呵。
三、新模式的治理
數(shù)據(jù)與樣式分離的治理,這一點(diǎn)從沒(méi)有人講過(guò),我也是通過(guò)自己的實(shí)踐總結(jié)出來(lái)的,一定會(huì)有不足之處,假如有的話還請(qǐng)大家多提意見(jiàn)。
樣式與數(shù)據(jù)分離那么就要把所有的樣式統(tǒng)劃為一個(gè)文件夾。我的做法是以當(dāng)時(shí)的時(shí)間為文件夾[050304] ,[050304]文件夾下有[css] [img] [js] 三個(gè)文件夾,我想作用不說(shuō)也知是做什么的!
這個(gè)圖片也需要很注重,圖片也分為樣式圖片、數(shù)據(jù)圖片。這個(gè)需要分開(kāi)。所有的樣式圖片是放在 [050304] 的文件夾下的 [img] 中。而所有的數(shù)據(jù)圖片則最好放在與 [050304] 同級(jí)的地方。更換樣式就更換日期文件夾就好了!這樣還可以用后臺(tái)程序來(lái)治理樣式。
希望大家可以從中得到些什么!這就是我最大的欣慰了!
相關(guān)Web標(biāo)準(zhǔn)教程:
- Web標(biāo)準(zhǔn):需要正確的使用H1~ H6標(biāo)簽
- 五個(gè)WEB標(biāo)準(zhǔn)中必須注意的地方
- 做到結(jié)構(gòu)(XHTML),表現(xiàn)(CSS),行為(JavaScript)的分離
- CSS標(biāo)準(zhǔn):HTML標(biāo)簽元素的關(guān)閉
- Web標(biāo)準(zhǔn)之路 勿使用W3C廢棄的元素
- CSS布局 聲明文檔類型描述(DTD)
- DIV CSS\讓搜索引擎蜘蛛不再累
- 用XHTML+CSS創(chuàng)建基于Web標(biāo)準(zhǔn)的網(wǎng)頁(yè)
- XHTML+CSS創(chuàng)建基于Web標(biāo)準(zhǔn)的網(wǎng)站
- DIV+CSS對(duì)SEO的幫助
- 淺析什么是Web標(biāo)準(zhǔn) 及其前景
- CSSer新手寄語(yǔ):開(kāi)始標(biāo)準(zhǔn)之路
Web標(biāo)準(zhǔn)教程Rss訂閱Div+Css教程搜索
Web標(biāo)準(zhǔn)教程推薦
- 符合XHTML標(biāo)準(zhǔn)DIV CSS布局的網(wǎng)站,對(duì)SEO的影響!
- CSS使用ul進(jìn)行網(wǎng)頁(yè)的多列布局
- CSS好書:BulletproofWebDesign無(wú)懈可擊的Web設(shè)計(jì)
- Web標(biāo)準(zhǔn):保持HTML、CSS符合標(biāo)準(zhǔn)
- 常用CSS縮寫語(yǔ)法總結(jié)
- web標(biāo)準(zhǔn)能節(jié)省你和你的客戶的時(shí)間和金錢
- Web頁(yè)面優(yōu)化減小頁(yè)面對(duì)內(nèi)存及CPU的占用
- 關(guān)于WebStandards一些思維和偶然想到的……
- 用CSS屬性選擇器控制鏈接樣式
- FrameworksforDesigners[設(shè)計(jì)師的框架]
- 相關(guān)鏈接:
復(fù)制本頁(yè)鏈接| 搜索CSS標(biāo)準(zhǔn)系列數(shù)據(jù)層與樣式層分離模式的管理
- 教程說(shuō)明:
Web標(biāo)準(zhǔn)教程-CSS標(biāo)準(zhǔn)系列數(shù)據(jù)層與樣式層分離模式的管理
。