DesignyourlifewithWebStandards_Div+CSS教程
教程Tag:暫無Tag,歡迎添加,賺取U幣!
示例代碼 [m.dounai2.com]
Design your life with Web Standards,
Web標(biāo)準(zhǔn)不僅僅是你做頁面的境界,
還是你做人的境界,耐心地去體驗,積極地去思考,
你會發(fā)現(xiàn)你在重構(gòu)網(wǎng)站的同時也在重構(gòu)你的人生。
Web標(biāo)準(zhǔn)不僅僅是你做頁面的境界,
還是你做人的境界,耐心地去體驗,積極地去思考,
你會發(fā)現(xiàn)你在重構(gòu)網(wǎng)站的同時也在重構(gòu)你的人生。
分享一下體會阿,首先我的確是說體會,不是說教,也不是把web標(biāo)準(zhǔn)如何如何神化。
作為基于web標(biāo)準(zhǔn)的頁面制作人員or重構(gòu)工程師
應(yīng)該具備兩項利器:CSS和XHTML。
CSS,你要做的是忠實的還原UI,不管你把Web標(biāo)準(zhǔn)技術(shù)吹得在天花亂墜,不能還原UI的制作=垃圾,其次兼容,要兼容你所需要兼容的設(shè)備,這是你的CSS能力的看點,再次,無懈可擊,預(yù)防未來可能出現(xiàn)的威脅,使用背景圖片的時候要注重字節(jié),質(zhì)量,打開一個頁面的并發(fā)鏈接熟。
XHTML,是你的結(jié)構(gòu),承載著對于web來說最終的東西——信息,所以一個隱藏在背后,卻是根本的結(jié)構(gòu),結(jié)構(gòu)是不可見的,很難在短期考核出你的結(jié)構(gòu)是否優(yōu)劣,但是它確是是根本,面向SEO的語義化,面向UI的龐大的接口,不會束縛CSS的發(fā)揮。
其次是JS啦,我理解的JS是救火隊員,他總扮演著串接的作用,當(dāng)結(jié)構(gòu)和CSS不能解決當(dāng)前問題的時候,JS就會出現(xiàn),它可以隨意的改變DOM樹,也可以隨意的改變樣式。就像被稱贊的AJAX技術(shù)描述的:標(biāo)準(zhǔn)化的HTML,CSS,異步,最后用JS把他們串接起來。
作為人
XHTML是你的原則,是你在長期的成長中形成的價值觀和人生觀,是你做人不變的原則。你能走多遠(yuǎn),能取得多大的成就和你的人生哲學(xué),你的價值觀原則有著根本的聯(lián)系,套用一句俗話“日久見人心”
CSS是你的處世謀略,圓滑之道,讓你在不同的境地和場合暢行無阻,讓你在不背離原則的條件下做事更順,更如魚得水。而假如你過多地花精力放在這個上面,你會很空虛,很迷茫,很孤獨,很沒有底氣(曾經(jīng)的我,多次想放棄Web標(biāo)準(zhǔn))。
JS,我更多的將其理解為口才,當(dāng)原則和行為發(fā)生沖突的時候,要用你優(yōu)良的溝通能力去彌補(bǔ)過失,去說服對方。
再多一點
UI集成了交互,CSS在還原UI的時候自然擁有它的交互哲學(xué)
XHTML是信息架構(gòu),擁有著萬變不離其宗的信息,而且服務(wù)器端的View如何呈現(xiàn)受制于你良好的結(jié)構(gòu),SEO的獲取數(shù)據(jù)甚至Microformats的快速數(shù)據(jù)提取也取決你的良構(gòu)。
所以做Web標(biāo)準(zhǔn),能看得更多,看得更廣,看得更遠(yuǎn)。歡迎大家也分享一下自己的Web標(biāo)準(zhǔn)故事。
鳴謝Twinsen Liang,是他點醒了我。
相關(guān)Div+CSS教程:
- DIV+CSS設(shè)計的誤區(qū)
- CSS基礎(chǔ):常用CSS英文字體介紹
- IE6和IE7中border邊框斷線現(xiàn)象
- border:none;與border:0;的有什么不同?
- div+css下js對聯(lián)廣告不隨屏幕滾動的解決方法
- HTML元素的ID和Name屬性的區(qū)別
- divcss教程:深入了解css的行高Line Height屬性
- CSS文檔流,塊級元素和內(nèi)聯(lián)元素
- 5個你該知道的CSS3新技術(shù)
- 用正則表達(dá)式替換a標(biāo)記href值
- 30個優(yōu)秀的CSS導(dǎo)航和按鈕設(shè)計教程
- css中px和em有什么區(qū)別
Div+CSS教程Rss訂閱Div+Css教程搜索
Div+CSS教程推薦
猜你也喜歡看這些
- 10個很酷的涂鴉風(fēng)格國外網(wǎng)店設(shè)計展示
- 鼠標(biāo)指住(hover)變色的按鈕演示demo
- jquery模擬瀏覽器滾動條效果
- Web標(biāo)準(zhǔn)實戰(zhàn)CSS網(wǎng)頁布局Google首頁
- DIV CSS布局入門示例(三)頁面頂部制作
- DIVCSS菜單:超炫的菜單一張圖片實現(xiàn)鼠標(biāo)的兩種狀態(tài)及CSS當(dāng)前頁效果
- 用CSS打造評分星級效果的一個實例
- 用css制作有滾動條的居中彈出框
- CSS去除表格td默認(rèn)間距及制作1px細(xì)線表格
- CSS布局教程:用DIV CSS實現(xiàn)國內(nèi)經(jīng)典式三行兩列布局
- 相關(guān)鏈接:
- 教程說明:
Div+CSS教程-DesignyourlifewithWebStandards。