Tag: CSS

似乎有點武俠小說的感覺。在CSS Insider處，看到這篇 Friendly Bit » Levels of CSS knowledge。文中區分一般人對CSS的理解程度，頗有趣，簡單翻譯如下(每層的解釋我沒有照翻，有興趣者請自行至原文處。而與原文解釋不同的部分，如有錯誤，文責完全在我)：

問題：「你會用CSS嗎？」

第0層的回答：「CSS？ 是新出的線上遊戲嗎?」
第1層的回答：「喔，我知道啊。我會用CSS來去掉超連結下面的底線。」
第2層的回答：「沒有，我不喜歡用DIV；TABLE比較好用。」
第3層的回答：「有啊，那很優喔，但是我沒用，因為……」
第4層的回答：「CSS？喔，當然。我所有的頁面都是用DIV來排的。」
第5層的回答：「我用CSS來設計網頁，CSS比TABLE好，因為……」
第6層的回答：「那一版的CSS？…喔，有啊，你有讀過我寫的那本書……」

Continue reading “你對CSS，掌握到第幾層了？”

前言

最近市面上出現了幾本CSS教學的書，如《The Zen of CSS－網頁視覺設計的王道》，《Eric Meyer再談CSS網頁排版設計》、《Web CSS網頁樣式設計學》、《CSS網頁設計師手札－101個您一定會遇到的問題與解答》等等。同學也買了後兩本來自修CSS。我翻了一下，發現有關於版面編排(layout)的問題分別是放在第七章與第八章來說明的，前面的章節都在教讀者如何修改字型與顏色等等。當然，一開始初步如何呼叫使用CSS是最基本的，但是我自己認為，應該先對CSS 編排有最基本的概念，才能往下學習各種修飾語法。其中一本竟然還教讀者使用表格(table)來編排頁面，真是越教越回去了。

我才想起我以前(2004)有翻譯了幾篇A List Apart關於CSS觀念的入門文章，我以為我早就放在網路上了，沒想到今天在學校上網既然遍尋不到。回家一看，原來還壓在一堆檔案裡面。我已經忘了當初是什麼原因沒有放上來，好像是翻譯授權的關係。我今天又上A list apart 看，發現翻譯是可以免費取得授權的，只要註明原文來源，與不要任意更動文句，與不從事販賣等商業行為就可以了。

這篇文章是由Jeffrey Zeldman在2001年寫好的，說明了從以往網頁設計演進到使用CSS設計的過程，許多環境因素已經與當時大不相同，A list apart的網站也早已改版多次，文中所說的三欄或兩欄式的CSS編排也早就是大部分主流blog的用法。但是，對大部分已經會作網頁，但是還不瞭解CSS編排的精神的，這是一篇值得參考的文章；另一方面，我們也可以瞭解到，當初費盡心思發展出CSS三欄編排所為何來。文章中最主要說明的是，網頁標準的精神在於：

• 內容與視覺樣式分開；
• 將資料結構化；
• 讓CSS控制所有的視覺編排工作。

這三點才是應用CSS網頁設計最主要的重點。文章是2004年四月翻譯的，那時候翻的不好，當然現在也沒長進就是了。
Continue reading “從表格編排技巧到CSS：一個網頁設計者的歷程”