網頁設計標記語言工具

作者: Jas / 發表於 2006-10-04

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

 這樣的印象,甚至有點根深蒂固到即便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





回上方