Entries Tagged 'CSS' ↓

當代網頁設計,CSS Hacks

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

投影片在這裡(PDF格式,636KB),一樣是CC授權,歡迎自行取用。有任何問題與建議,也歡迎告訴我,非常感謝 :)

當代網頁設計,XHTML+CSS

延續上篇,今天講了第二場課程,內容是關於XHTML與CSS。投影片在這裡(PDF格式,2.5MB),一樣是CC授權,歡迎自行取用。有任何問題與建議,也歡迎告訴我,非常感謝 :)

Accessible CSS Image Rollover Map

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

用w3m看我的範例:

Accessible CSS Image Rollover Map

用瀏覽器看某網站:

中央氣象局全球資訊網

用w3m看某網站:

中央氣象局全球資訊網首頁

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

中央氣象局全球資訊網 - 氣象頁面

中央氣象局全球資訊網 - 氣象頁面(2)

點選?該點選什麼呢:

中央氣象局全球資訊網 - 氣象頁面(3)

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

當代網頁設計,簡介

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

上週五(3/31)是第一場課程,因為對學員的狀況都還不大瞭解,所以課程內容都先放在簡介的部份。不過其實又很怕講得太簡單,被台下的新進們狂電,所以準備了一堆的補充資料,結果當然是講不完。

感想嘛,我自己覺得講得還可以,不過腔調、整個效果上都得再加強,有些人都昏昏欲睡,等到示範的時候才醒來。(什麼時候才會像高橋一樣厲害呢……)另外課堂上也很難有什麼討論,倒是下課時就會有人來問些很精闢的問題。(會不會是上課時間老闆在場的關係呢 XD)

廢話講完了,投影片在這裡(PDF格式,5.9MB),採用CC授權,歡迎自行取用。如果有任何問題與建議,歡迎告訴我,非常感謝 :)

年度裸體日!

感謝Jacky的介紹。

Dustin Diaz: First Annual Naked Day: April 05

本持著推廣網頁標準,以及使用正確語意標註與適當階層結構的精神,四月五號將是網站設計師們脫掉樣式表,毫不遮掩的一天。

更新:風痕影用卸妝這個詞,聽起來挺美的 =)