CSS + xhtml 經驗分享
自從在某一個國外網站讀到:使用 Table (表格) 設計的網頁,是個垂死 (Dying) 的設計後,便更加深自己對於CSS + xhtml 的信心 — 目前另對於Word Press平台也有高度興趣中。不敢說自己現在已經是個高手或是專家,但是可以在此分享一些我的設計經驗,讓那些有興趣開始的人可以有更多的參考資料。
本篇先分享我常用的CSS + xhtml 的網站 ...
http://www.freecsstemplates.org/ 這個每日必訪的 CSS + xhtml 版型網站水準超高,風格一致 — 簡潔、嚴謹、準確 --- 是我目前所見第一,推測皆是同一個人的作品。版型數量雖然不多 (約120多個),但是皆屬上乘。該網站設計師 nodethirtythree 也幫許多類似網站設計版面,效果都不錯。該網站版型適合初學者,因為幾乎沒有錯誤與相容的問題。
http://www.opendesigns.org/ 這個每日必訪的CSS + xhtml 版型網站水準普普,但是數量很多,風格多樣,仔細尋找仍可發現不錯的東西。我認為此網站的作品適合有經驗的人來逛,因為你會有很大的發揮空間於版型的修改上。由於該網站也是版型網羅者,因此許多好的版型網站 (例如:freecsstemplates) 的作品肯定必有
http://www.oswd.org/ 這個網站是我接觸 CSS + xhtml 版型的第一個網站,裡面數量很多,水準差異很大。之後我沒有常來的原因是:熱門下載與推薦的版型幾乎都是老面孔,而且 nodethirtythree 還占多數呢 --- 事實上他的功力就是如此強啦。剛開始我相信仍有許多不錯的版型埋沒其中,於是曾費時瀏覽個裡面所有的版型(將近2000個)並做下記錄(版型快照與下載),這個基本功看似老舊,但對於未來的研究很有幫助。Ps: 該網站的設計師就是 nodethirtythree
http://csscollection.com/ 這個網站搜集了許多使用 CSS + xhtml設計 的網站,水準與效果都很棒。當然了,其中的困難度也是很高的。看多了美美的案例, 會讚嘆 CSS + xhtml 的魅力無窮,但也感嘆自己能力的不足 ---- 看得到卻做不出來的窘境。
http://www.dynamicdrive.com/ 該網站可是世界知名喔,它是一個專業的網頁設計資訊分享的網站。我把它當作字典在用 --- 遇到問題或是做不出來的 css 效果時,會來這尋求解答。由於網站資料很多,剛開始還有不如何開始的感覺呢 ---- 處處都是寶,也一下子無法記得那麼多的東西。不過只要鎖定幾個常用的項目(例如:http://www.dynamicdrive.com/style/) ,先深入瀏覽資料分類架構與內容,下回就容易找到所需的秘笈了。
http://www.cssbeauty.com/, http://www.cssbloom.net/ , http://www.cssdrive.com/ 這幾個網站可稱做是css大補帖,甚麼都有,每個都很讚。老問題:資訊太多,爬讀內容可是要有耐心呢
http://www.themelab.com/ 這個網站是討論與推廣 Word Press 這個部落格架設平台,據聞各大部落格都是以此為基本藍圖而再修改。該網站開宗明義就強調:Keep It Sample,因此吸引許多人同好的青睞。Word Press是個PHP為核心的開放資源軟體,其中也大量使用CSS,但是與單一網頁的形是有所不同,無法直接瀏覽,必須在PHP的環境下才有作用。若你的部落格是使用Word Press,那麼就可以下載為它設計的許多版型(Skin),讓你的版面煥然一新。有趣的是:裡面許多 Word Press 版型與 CSS + xhtml 網站的版型相同
http://www.csszengarden.com/ Zen Graden,是每個學 CSS 必訪的聖地,也是最老字號、最知名、最多流量的 CSS 資訊交流國度。當初該網站成立的目的就是推廣使用 CSS 來設計網頁,因此裡面的範例便是經典 ---- 大家都使用同一個內容,然後利用 CSS 幫他變身。該網站並有深入討論 CSS 的各項規格與衝突解決,許多 CSS 專業書籍的解題秘方都是取自這裡。