close

CSS? Isn't that a multiplayer game?
第0級:CSS?那不是一個多人射擊遊戲嗎?

有些人因為在找CS:S(Counter Strike: Source)這款遊戲的資訊而進到#CSS網站。不必擔心這些人,他們不可能製作太多網頁,所以對網絡也不會造成多大傷害。

Yeah, I use it to remove underlines on links sometimes
第1級:是啊,我偶爾用它來移除連結的底線

和第0級的人不同,這些人學過HTML,也製作過幾個簡單的網站。他們只有在無法使用HTML製作出某些效果時,才會使用CSS,例如移除連結的底線或者設定行高。這些人的網站通常規模不大也沒什麼訪客,所以他們也不會對網絡造成太大傷害。

No, I don't like divs; tables are much easier to work with
第2級:不,我不喜歡div元素;表格好用多了

他們聽過使用div元素來設計網頁這件事,也花了些時間學習CSS。不過他們很快就放棄了,覺得CSS太難而且支持度不佳,還是寧可用表格排版。
注意!他們是危險人物!他們在這個領域已經待了一段時間,許多都是網站部門的主管。和他們接觸是很重要的,提倡網絡標準的人應該多多開導他們,這對網絡的意義非同小可。

Yes I've heard it's good, but I can』t use it because of…
第3級:是啊,聽說它挺好的,不過我沒用它因為……

這些人雖然知道CSS的優點,不過總是基於某些原因而無法使用它,例如他們可能有第2級的上司,或者他們必須考慮到Netscape 4的使用者。
舊 版的瀏覽器雖然不支持CSS,不過使用者還是可以看見完整的內容。而基於親和力(accessibility)和易用性(usability)的好 處,CSS可以為網站帶來更多訪客。把這些優點告訴第3級的開發人員,即使他們不是決策者,或許多少能對第2級的上司發揮點影響力吧。

CSS? Oh! Yes, I use divs for all my layouts
第4級:CSS?喔!沒錯,我用div元素來排版

在 頁面中使用過多的div元素反而是這群人的問題,他們會用#toprightredline或是#r5_c7(表示第5列第7欄)這樣的方式設定div元 素的id。即使可以通過XHTML 1.1的驗證,這種排版方式卻無法發揮CSS的優勢。螢幕朗讀軟體(screen readers,視障者使用的瀏覽器)很難解譯這些網頁,舊版瀏覽器也會有同樣的問題,網頁的內容無法完整顯示。而不良的class與id命名方式,也對 於版面的修改造成極大不便。
雖然第4級的人製作的網站仍然很糟,不過由於他們很容易接受新的觀念,因此對網絡造成的傷害較小。許多所見即所得(WYSIWYG)的編輯器製作出充滿div元素的原始碼,可能也是誤導這群人的原因。幸好這些編輯器已經逐漸改良了,希望這會有助於第4級的人繼續往上提升。

I use CSS for design, it's better than tables because of…
第5級:我用CSS來設計,這比表格好多了,因為……

第5級的人知道CSS的優點並樂於使用,雖然有時會遇到些問題,但並不嚴重。他們也能運用長期的CSS工作經驗,與人辯論為甚麼要將網頁的結構與設計分開。我猜這篇文章大部分的讀者是這一級的CSS開發人員,我想我自己也是。不過這還不是最好的……

What version of CSS? Yes, I do. Did you read my book about…
第6級:哪個版本的CSS?是的,我知道啊。你有讀過我的書關於……

第 6級的人致力於改良CSS,並且寫了許多很棒的文章介紹它的新用法。其中有些人將W3C關於CSS的說明文件全部讀完了,並且知道哪些功能在哪個版本的瀏 覽器才有支持。他們是CSS初學者的典範,並且運用他們的影響力使網絡更加進步。其中有許多人組成了Web Standards Project,如果你在他們的網站上面發現任何錯誤,那一定是有理由的,向他們請教之後你必能獲得滿意的解答。

arrow
arrow
    全站熱搜
    創作者介紹
    創作者 dancewing 的頭像
    dancewing

    CSS實驗室

    dancewing 發表在 痞客邦 留言(1) 人氣()