從政府網站看看做網頁需要注意的小問題

Posted by Kay.L at August 20, 2011 7:05 PM | 點我，看更大！

香港政府藏富於民，發放六千元，不錯。錢.....個人分享不了，不過在此談數點於製作網站經驗。

讀者的顯示器都很大

很多網站在設計時都沒有考慮到讀者的顯示器尺寸問題，現在闊屏用者多，設計問題很易發生，筆者使用 27" 顯示器，這種情況見慣了。

在早年，我們都看見網站底下有一句："請使用 1024 x 768 瀏覽以取得最佳效果"。但這年頭，不要再這樣做了！

將網頁放進 http://browsersize.googlelabs.com/ 看看，約有 20% 用戶會看到不完善的設計。然而要是以地區化數據來看，這情況更嚴重：Stat Counter

此網站似乎是技術問題多於沒有考慮? 整網站使用了 TABLE，也似乎是經由 Dreamwaver / ImageReady 製作的 (政府每年在科技上支出不少呢？去了哪？)

此例子，要解決只需要定義 TABLE 高度為 100%

Firefox / Chrome 都很多人使用了！明年 IE 10 就發佈，瀏覽者也不只停留在 IE 6/7 中，作為大眾網站，應該盡量顧及所有情況。不要忘記，還有 Mobile 的存在。

(IE8+中，選單及設計都有出錯)

對於 IE 你能用 X-UA-Compatible 來快速修正問題： <meta content="IE=7" http-equiv="X-UA-Compatible" />

DOCTYPE 很重要，它將決定瀏覽器如何去處理網頁。如果缺少了，會觸發 Quirks Mode，很多趣怪的事也會同時發生。

在 W3C 標準中，有很多支援的 DOCTYPEs，都是長長一堆字。怕記不起來？

其實 HTML 5 還未真正來臨前，你已經可以使用 HTML 5 的 DOCTYPE: <!DOCTYPE html>

政府網站問題多，似乎全世界都在發生，偶然看到台灣那邊在談，即使 Drupal 製作的美國政府部門網站，也很易看到一些版面出錯。難道政府網站發佈前都沒有人作交接檢查的嗎??