西元一九九幾年在台灣從事網頁設計工作的網頁設計師,有很大一部份都是平面設計師兼差轉職的,大概也因此,對於網頁為純文字格式的本質,有了一開始就混淆的印象。

 這樣的印象,甚至有點根深蒂固到即便12 Lessons for Those Afraid of CSS and Standards也難以矯枉了。畢竟,我們的FrontPageDreamweaverTable已經用得如此嫻熟。

 然而,一如她被WEB2.0了嗎?所提及的:

即便有視障輔助工具,但日漸趨於複雜的網頁版型、過多圖像式的內容與按鈕、沒加alt的圖像…等等,仍舊增加了視障朋友瀏覽網頁的障礙,而華文世界的網頁設計,也的確缺乏有心人士導入無障礙設計的觀念。另外,手機文字簡訊對視障朋友來說,也是挺麻煩的,畢竟市面上鮮少有語音讀頌文字簡訊功能的手機,大姐說她每次收到簡訊,都得勞煩身邊的明眼人幫她讀出來。就在我聽得心疼時,大姐卻很樂觀地說「其實以現在的網路環境,只要設計者稍微注意一點小地方,我們用起來就會方便很多了!」

 在過去,平面設計師剛接觸網路,轉職成為網頁設計師時,總不免訝然網頁設計的多元發展空間,在那樣的訝然裡,有很大成份是在察覺到網頁設計不止於視覺傳達的有感而發,但曾幾何時,網頁設計師卻變成侷限於操作FrontPageDreamweaver的操作員,而非應用Markup Maker這類網頁設計標記語言工具的資訊優化師。

 沒用的資訊必然是垃圾,有用的垃圾,則可能是資訊。然而,缺乏結構的網頁,如何提供給使用者足夠判別的指引呢?這大概也是Table與標記語言之間的大差別。

 利用Markup Maker,網頁設計師可以很方便地輸入網站資訊架構:

  1. wrapper
  2. header
  3. logo
  4. search
  5. links
  6. body
  7. entry
  8. entry_footer
  9. footer

 點選「Convert to XHTML」鍵之後,Markup Maker便會自動生成CSS及HTML語法,接著只要著手編輯CSS控制樣式或填色、製圖,很快就能製作出符合W3C標準的網頁,便利度其實一點也不亞於FrontPageDreamweaver

4 留言

  1. T__T 真是好物....

    感謝 Jas9 的介紹。

    回覆刪除
  2. 說到這個~ 我們學校有推無障礙網路空間(於這次留言的網址)~ 而用的方式是把基本面板給各處室~ 之就叫大家要通過他的模擬機AAA測試...所以搞到現在難看的很|||

    雖然這樣說不是很恰當~ 但是多多少少還是要顧慮到正常人的感覺~ 而非少數特殊的人(事實上可以分開設計兩個版)~ 當然這種戰爭將會和網頁設計中的IE only一樣的漫長吧|||

    回覆刪除
  3. PS:無障礙網路空間的主要設計手法...就是table(div和css中的flat盤版會全掛)...囧rz..所以這工具設計出來的能不能通過也是一個問題哩喵~

    回覆刪除
  4. 果凍喵把問題延伸得很清楚,
    並沒有恰不恰當的問題,
    我覺得不管推不推無障礙網路空間,
    總是提供了一個顧慮的層面也許可以更廣的抉擇問題,
    讓網站的經營者製作者去思考,
    推行標準是有助於整合,
    短時間看可能是吃力不討好,
    長久則應該是利多於弊才對。

    以前我看Web Accessibility的一些範本,
    table真的算是較多的作法,
    不過,
    應該沒有div或CSS無法建立無障礙網站的說法,
    許多508網站都沒有使用Table。

    回覆刪除

張貼留言

較新的 較舊