Entries from August 2005 ↓

網頁設計學習路

我第一次接觸到網頁設計,是在高中的電腦課。我跟兩個要好的高中同學一起製作網站,還參加不知道是哪個單位舉辦的網頁比賽。那時候對HTML一知半解,手邊也沒什麼工具,就是用Notepad、Frontpage(我一直搞不懂這玩意要怎麼用)、PhotoImpact、GIF Animator等等。至於做出來的成果……十年前嘛,不就是些自以為很炫的閃爍字體、跑馬燈,以及亂七八糟的Javascript。

後來上了大學,念了資訊系。計概課要做個人網頁,所以開始學Dreamweaver。我一看到Dreamweaver就著迷了,覺得真是個有理想的公司開發出來的軟體啊!(後來Blake學長寫了「不是打vi的廣告」,我就拋棄Dreamweaver,擁抱vim了)然後又找到網站建置百寶箱(好像很久沒更新過了)這個網站,找些Javascript東拼西湊,總算是把作業給交出去。

我到底是怎麼接觸到XHTML跟CSS的呢?

那時候我加入了奇妙的社團,認識了gslin大神大神說「學HTML哪有不看原文的」,扔給我W3C的網址,所以我就乖乖看完HTML建議書(recommendation)。既然大神推薦,我當然要多逛逛這個網站啊,然後我就看到了CSS。大神說,「喔讚讚,好東西。」於是我們決定讓樹木為我們而倒下,印了整份CSS2出來看。我的網頁設計學習路,就從W3C建議書開始。

可是建議書歸建議書,實際寫出HTML跟CSS,用瀏覽器看卻老是怪怪的,這是怎麼回事?網路上找啊找,才發現千錯萬錯,都是IE的錯。也因此找到了A List Apartcss-discuss郵件論壇,以及Eric MeyerJeffery Zeldman的網站,東西也就越看越多,也開始試著翻譯一些文章。

大學畢業後沒幾個月,我就當大頭兵去了。雖然運氣很好,抽到個離家近、又輕鬆的單位(我的兵科是電腦硬體修護兵 XD),不過接觸網頁設計的時間畢竟比較少,最多也就是趁放假的時候,多找些有趣的文章帶回部隊看。有時候心裡想著「這個真是好東西」,卻也沒力氣跟心情來寫些什麼,最多就是在IRC上講講而已。(所以如果有機會的話,千萬不要去當兵啊 :~)

現在退伍開始上班啦,雖然我頂頭上司十分支持我玩這些有的沒的,可是工作還是得好好顧。這個部落格大概幾天才會更新一次,期待天天有文章看的朋友大概要失望了。我會多寫些有趣的、別人沒提過的東西,來跟大家做分享,希望你跟我一起走這條學習長路。

microformats & semantic web

1990年,W3C的創辦人Tim Berners-Lee製作了第一個網頁,第一套網頁瀏覽器(同時也是編輯器!),以及第一套網頁伺服器。根據他的構想,瀏覽網頁的工具應該要同時具備著所見及所得(WYSIWYG)的編輯功能。人們將可以透過全球資訊網分享訊息,共同創作。直到最近這兩三年,部落格(weblog)才終於成為主流,我們也有了像Wikipedia這樣的wiki網站。

1998年,Tim Berners-Lee再度提出語意網(Semantic Web)的概念,希望透過一個基礎架構,讓資料能在軟體、企業、社群間分享交換。這次我們要等多久,才能盼到語意網的實現?

microformats是一次嘗試,利用我們手邊現有的工具來達成這個夢想。看看下面這段介紹,會不會讓你立刻想到語意網?

微格(microformats)是一系列簡單的開放資料格式,秉持著人類優先、機器次之的設計概念,並且以目前廣泛採用的標準作為基礎。微格並非將今日的成果棄置一旁,而是採取順應目前使用行為模式(例如XHTML與部落格)的途徑,試著先來解決一些較為簡單的問題。 — microformats官方網站介紹

microformats diagram

目前microformats已經提出幾個規格,也有不少的實作案例。我在這邊列舉幾個比較有趣的,大家可以去看看:

  • XOXO:一種摘要(outline)格式,大家最容易想到的應用是投影片吧?你知道CSS大師Eric Meyer有發展一套叫做S5的網頁投影片系統嗎?你知道S5 1.1版有支援XOXO嗎? :P
  • hCalendar: 用XHTML表示iCalendar格式。有人用Greasemonkey寫了隻程式,可以把hCalendar匯入到支援iCalendar格式的行事曆軟體裡。另外有個傢伙寫了個JSCalendar,可以把hCalendar轉換成長得像月曆的網頁。

還有很多有趣的東西,像是hReview之類的,你可以多逛逛microformats網站。

註:謝謝autrijus建議「微格」這個翻譯 :)

更新

(8/26)Eric MeyerTantek Çelik各有一份關於微格的投影片,有興趣請參考:

(10/8)Mark Pilgrim正在撰寫Greasemonkey分析程式,用來分析所有已知的microformats格式,真是令人振奮的消息!

Let’s go.

歡迎光臨,這是我的新網站。如果你對我的舊文章有興趣,可以看看 hlb’s articles。好朋友就留個言,告訴我你來過了吧 :)