這是一篇從 comment 繼續發展而成的 entry，之前提到，我現在手上軋了三個案子，先講其中的一件。在大約一個月前，一位大學同學找我為他服務的機構的網站開個刀，順便跟幾個以前的朋友一起約出來吃個飯，在看了網站目前的現狀後，想到他們平常更新新聞的流程，不禁覺得五內翻騰，湧上一陣胃酸，這網站前人的設計實在是太教人胃痛了。

國立台灣師範大學教育研究中心

這個頁面建議別用 Mozilla 去看，因為用 Mozilla 看，是爛掉的，我試過了。首頁全部由圖形檔構成，就是那種用 Photoshop 還是 CorelDraw 之類的美工軟體畫好了一張圖，然後用 ImageReady 之類的軟體，把整張圖切成一小塊、一小塊的slice ，再用表格語法拼成的網頁。這種網頁的作法國內我記得是以故宮為濫觴，接著便越來越多，我想要偷懶的時候也幫人做過這樣的東西，可是師大教育研究中心網站這種用 ImageReady 做網頁的方法，可說是格外驚人，因為連各個「最新消息」的新聞標題，也全都做成圖形檔插入頁面中。

所以我同學若是要新增一條公告事項，那麼他便需要打開繪圖軟體，想辦法從標題文字的字數與影像檔案的寬度，計算出字體應該要多大才能夠正確打入，還要去想應該要換掉哪張圖形，或是在新增公告時，將舊的公告來個全部下移。做這些事情不是說做不到，而是煩光用想的就覺得煩。

同學來找我是因為他們老闆想要有「西方大學的簡潔風格」，最好是「像哈哈哈哈…哈佛大學那樣」。看了一下哈佛首頁的程式碼，看樣子也是工具產生的，我想他們既然是首業以強調新聞公告為主，那就抄起了 MovableType 隨便做做。

昨天一邊做，一邊在想的是，ImageReady 這些禍害無窮的工具是怎麼出現的。

不管網際網路如何的應用，在網頁頁面的製作上，視覺設計仍然是相當重要的一項大宗而在網頁視覺設計方面的流程往往是這樣：美工人員先不管頁面做不做得出來，先用繪圖手稿或是用美工軟體繪製出客戶想要的視覺風格進行提案，在提案通過之後，再將客戶認可的提案，用盡各種可能的辦法，轉換為網頁的實作。也就是，在達康熱潮開始時許多特別重視視覺設計的網頁，在製作過程中，美工人員的概念與實作，便往往存在著一項落差，這落差大不大見仁見智，而一直到現在似乎仍然如此。

ImageReady還有許多其他的工具，也就是在縮短以往的電腦平面影像製作、桌上排版人員以及向量繪圖插畫家進入網頁設計之間落差的工具，其他軟體像 Fusion，強調的是你可以用類似操作 QuarkExpress 不斷拉文字框的方式，拉出一個一個絕對定位的div來放置文字的位置，結果做出來的網頁如果換了一個瀏覽器視窗大小，就會當場慘不忍睹。這些工具實在禍害無窮，但如果你接受存在就是合理的說法，或是你相信存在必然有其原因或需求，那麼要讓這些禍害無窮的工具消失，除非是你有更好的解決方法，解決上述所說的落差。

再不然，看到很多人對於 Macromedia Flash，似乎就是除之而後快，說這玩意沒有accessibility 可是難道網路上就沒有向量繪圖、動畫多媒體的需求嗎？有些（或有很多）網站無法在文字環境下瀏覽，因為用了 Flash ，可是網站是單單只是拿來瀏覽的，那麼互動與更華麗的使用者介面就這麼不重要，似乎也不是如此。那麼問題應該是為了accessibility所以不要用Flash，還是應該想辦法讓Flash也具備accessibility？

從三月開始，國內三家主要報紙紛紛改版，版面上明顯可以看出新聞文字數量減少，大量使用照片與向量插畫，強調視覺化圖文整合的版面。可是上了三報的新聞網站，圖片啦、插畫啦，全都大打了折扣，尤其是在開戰時，看到有許多引用自法新社資料的戰爭軍力部屬圖，戰況發生的地理位置等地圖，上了網站後就全不見了，光看網站上的文字報導，伊拉克那幾個大城的位置，老實說你怎麼寫，我還是無法清楚認知到究竟在哪兒啊。如果用 Flash 表達這些資訊圖像，卻也是頂要命的，因為搜尋引擎沒有辦法搜尋 Flash 裡頭的文字資料。

或許 SVG 會是一個不錯的方案。

以現在來看，用 Adobe Illustrator 可以直接轉存成 SVG，所以未來可以直接用繪圖軟體繪製網頁，除去了繪圖與網頁製作之間的落差，或許也就可以減少很多現在看到的亂象。另外就是應該有人去繼續開發支援 SVG 瀏覽的文字介面瀏覽器才是。

隨手小記。以上。