戲說網頁設計師與電腦工程師的甘苦

這是繼上一篇「寫一支能在一般電腦與手機螢幕切換兩用的網頁設計」，筆者有感而發的再寫一篇這樣的戲說文章，向讀者們獻醜了。

有人會不禁想問：幹嘛要寫一支能在一般電腦與手機螢幕切換兩用的網頁設計呢？這問題問得很好！如果這個世界上沒有智慧手機，沒有平板電腦的問世，那麼網頁設計的習慣可以保持過去一、二十年一成不變。當小螢幕的行動裝置出現之後，並且變成了五爪觸控操作，沒有了滑鼠的點擊。而大部分的人漸漸的以平板電腦和智慧手機的裝置上網，請問網頁設計師是否要與時俱進？是否要跟著改變？改變設計的方式？學習新的技術或是考慮更多的層面，站在客戶使用者的角度去著想呢？

就好像接了政府部門的案子，所寫的網頁要考慮到視障者的需求，網頁設計師不能為所欲為，把網頁弄得五光十色，炫目燦爛。這對於視障者而言完全無法感受得到，於是進到這樣的網站根本無法操作，他們聽不到網頁裡的提示聲音。於是無障礙的網頁設計就這樣規範出來了，它有一定的規則，你不能使用那些標籤語法，應該要在表格、圖案的某個地方加寫詳細的描述，除了提供給搜尋引擎作為關鍵字的採納資訊之外，主要是給視障者能夠透過這些提示訊息，在他們專門使用的視障者上網工具裡得到提示發出聲音，讓他們也能用聽的方式在網路上操作，完成網路上的各種需求行為。

因此，寫一支網頁放在網路上，讓小螢幕的智慧手機，以及平板、筆電、桌電都能看得清楚，用滑鼠或手指觸控都能輕易操作。也就是說網頁的本身會偵測不同的輸出裝置，去決定字體和圖片的大小也跟著縮放，版型的外觀也自動調整。所有的內容都是可變動的，不再是固定的。這是網頁設計第一個面臨的問題，如果不熟悉CSS語法和Javascript的語言，將這兩種技術搭配在一起，那麼就無法滿足不同客戶的需求。

一旦把網頁寫死了，還要求網友不能使用智慧手機上網，一定要用桌電或筆電才行，否則你看到的網頁字體會很小，圖片無法容納小螢幕，這是極不專業的做法。要不，就辛苦一點寫兩套版型設計和兩套網頁，或者更靈活一點，同樣一個網頁，能夠偵測輸出裝置，決定套用一般電腦的CSS版型，或是手機螢幕專用的CSS版型。這樣的技術很普通，而且在業界是戲法人人會變，巧妙各有不同，取得這樣的技術製作並不困難，是網頁設計師現在就要做的功課。

因為接下來還有更棘手的問題，也是筆者這篇的主題探討，說是戲說是因為它和賈伯斯這個人脫不了關係。