2006年4月5日2 分鐘閱讀

Accessible CSS Image Rollover Map

因為今天看到某網站，所以手癢作了個氣象圖範例。這個範例符合 XHTML 1.0 Strict、CSS、Section 508、WCAG 1/2/3（就我知道的部份），還順便符合莫名其妙的台灣研考會無障礙測試標準。因為我懶得把圖切很細，所以各縣市的區塊很不精準，有些地方會選不到，這點請多包函。倉促之作，如果發現問題，歡迎回報。

用 w3m 看我的範例：

用瀏覽器看某網站：

用 w3m 看某網站：

用 w3m 看某網站裡的氣象圖：

點選？該點選什麼呢：

其實這個網站本身作得很用心，而且能夠在公家機關網頁看到「建議使用…或 Firefox…」，我想就已經是件很難得的事情了。朋友也告訴我，「氣象局已經是更新最頻繁的公家機關網頁吧」。只能說，希望他們將來還可以更好吧。

當代網頁設計，簡介

承蒙朋友不棄，最近受邀到一家公司，進行四到五週的專案研討課程，主題當然就是網頁設計。

當代網頁設計，CSS Hacks

承上當代網頁設計，XHTML+CSS ，今天是第三場課程。原本今天會簡介 JavaScript 的，不過由於我花不少時間在作業跟範例講解，又應人要求講了約二十分鐘的 XML 介紹，還順便補充了之前幾個沒講完的部份，所以就沒多的時間了。我把一些不該放出來的東西清掉之後，發現剩下沒多少東西耶，請大家將就看看 O o

字裡行間尋趣味 - 樣式表與文字排版

這幾天跑到老貓家撒野，聊了些網頁中文排版的事情，有興趣討論的朋友，可以看看「段落的秘密」這篇。因為自己起先的留言講得不清不楚，有朋友寄信來問，所以就順手做了個簡單的範例：中文段首縮排。不過我覺得就橫書的方塊字而言，段首縮排對易讀性 (readability) 的幫助並不大，所以並不建議使用啦。