打造完美網頁親和力：每個人都看得到的多媒體網頁製作

　　iPhone 全球銷售量突破 5000 萬支，各種智慧型手機、電子閱讀器也不遑多讓，多媒體載具的戰國時代來臨，許多網頁已不只是在電腦上觀看，網路使用者的類型也愈來愈多。面對來自各地的網路使用者，該如何讓所有人都「看」得到你的網頁？

　　1999 年 W3C 提出無障礙網頁議題，針對身障使用者提出一無障礙網頁規範，增進網頁的易讀性。2003 年部落格剛開始在台灣發展時，部落格之父 Jedi 深知網頁與使用者的溝通技術問題，遂開始在國內推廣網頁親和力（Web Accessibility）。

　　隨著網頁的內容元素多元化，網頁設計師應更注重於讓使用者能精準接收到網頁所傳達的訊息，書中介紹了各種網頁上的媒體元素，包含視訊影片、音訊、Flash動畫，讓使用者能感受到更豐富的多媒體網頁瀏覽體驗。

本書特色

　　超友善的網頁介面，照顧所有使用者

　　Wii, iPhone, iPad也能瀏覽的多媒體網頁技術

　　超越「無障礙規範」的網頁開發流程∕技術

　　符合 W3C 標準的跨平台網頁設計

　　增進搜尋引擎的精準度，讓你的網頁快一步被找到

作者簡介

Jedi 林克寰

　　1980年生於彰化，2000年架設了自己的個人部落格，並於2003年出版第一本部落格架站專書，是台灣部落格發展時的部落客先驅，並被稱為「台灣部落格之父」。早期無名小站的原始架構即是依循此書中的範例而寫成，對台灣部落格的發展影響甚大。

　　具有IT技術、當時出身原中山醫學院復健系聽語治療組（現中山醫學大學語言治療與聽力學系）的Jedi，認為網頁與使用者的聯繫和人與人之間的聯繫，都一樣有溝通上的問題，接觸了網頁親和力後，致力於台灣網頁親和力的發展。目前Jedi為全職的自由工作者，致力於推廣各種讓IT開發者和使用者更密切聯繫的技術。

　　學歷
　　台北護理學院聽語障礙科學研究所聽力組碩士
　　中山醫學院復健系聽語治療組

　　經歷
　　受邀W3C HTML工作小組，參與HTML5標準制訂
　　台灣創用CC計畫技術首席
　　聯合新聞網數位文化誌特約專欄作家

　　著作
　　Blog 架站實務：使用Movable Type｜旗標出版｜2003

　　翻譯
　　高橋流簡報｜PCuSER電腦人文化｜2010
　　網頁視覺設計的王道：超越式CSS｜上奇出版｜2007

　　Jedi's email｜JediLin@gmail.com
　　網頁親和力Blog｜blog.accessibility.tw
　　Jedi's Blog｜jedi.org/blog/

第一章　緒論
甚麼是網頁親和力？為什麼我們需要網頁親和力？本章介紹網頁親和力的背景、來由及優點，是製作網頁的您必須知道的基礎學問。

第二章　認識使用者
使用者在網頁親和力扮演著相當重要的角色，網頁設計師必須要掌握使用者的想法、能力、反應，才能做出對使用者具有親和力的網頁。

第三章　輔助科技
介紹各種不同的軟硬體輔助科技，這些輔助科技各有特色，也可搭配使用。網頁設計師瞭解這些輔助科技後，也能從中掌握形形色色的使用者將在哪些情境中使用網頁、可能會遇到哪些限制與需求，從而做為設計網頁時的考量。

第四章　網頁多媒體
當代網頁技術涵蓋許多不同媒體，這些媒體各有不同的特性，以及不同的使用時機；搭配使用多種不同的媒體內容時，網頁設計師應察覺相關的親和力議題，適切地表達網頁內容意義，改善使用者體驗。

第五章　圖片與動態圖片
本章針對一般圖片的常見用途，分別說明使用圖片內容的實務技巧，並以各種使用者角色來說明這些親和力設計能有什麼幫助。

第六章　特殊圖片
有些用於網頁的圖片並非真正的內容，有些網頁上的文字則應該被視為圖片來處理，這些都是在製作網頁時不可忽視的重點。延續第5章的內容，繼續介紹其他圖片的應用實務技巧。

第七章　QuickTime 影片
如何讓所有使用者都能觀看到多媒體影片一直是網頁設計師最困擾的問題。此章比較5種常見的網頁影片格式在網頁親和力上的優劣，並以QuickTime格式說明該如何實踐影片的網頁親和力。

第八章　更多影片格式
介紹其他四種影片格式的網頁親和力實踐技巧，並能更清楚瞭解在製作網頁上的影片格式選擇。

第九章　語音與音訊
在所有的媒體當中，音訊是最不常見的──因為沒有人能夠「看見」音訊，所以音訊也是最容易被忽略的媒體；尤其網頁設計長久以來都被視覺設計霸佔，非視覺的媒體相形之下就成了弱勢。看不到不代表不重要，音訊該如何符合網頁親和力，此章也一一講述。

第十章　聽覺及語音樣式規則
CSS規則一直是製作網頁的標準規格，除了文字屬性外，也有音訊屬性。此章講述在設計CSS規則時該注意的條件，達到讓使用者能完整接收網頁資訊的目的性。

第十一章　Flash
Flash的畫面、動畫流暢度迅速擄獲眾多網頁設計師的芳心，但面對不支援Flash的瀏覽器，網頁設計師該如何也能讓使用者瀏覽到完整的網頁介面？

第十二章　親和力檢驗環境
介紹了各種網頁上的媒體親和力技術後，從此章開始，將引導網頁設計師們該如何檢驗自己的網頁、評估網頁的親和力，了解其實際效果。

第十三章　檢驗規章
網頁親和力相關規範是由政府機關及民間團體所制定，許多政府機關及大型企業的網站也常將這些規範列入規格，此章介紹各種親和力規範，讓您能製作出滿足這些規範的網站。

第十四章　綜合演練
如果迫不及待想體驗網頁親和力的優點，此章提供一個多媒體設計專案，讓您能實際操作前面所講述的各種知識與技術，並說明在網頁設計流程中，該如何運用網頁親和力。

推薦序

　　在今年的COSCUP/Gnome.Asis 2010 中，聽到了一場非常有趣的講題，主題是在講Gnome的補助工具。當時會後的問與答中，《網頁親和力》作者Jedi提出了非常多關於Gnome的無障礙環境的研究與提供的意見。這次StudyArea酷學園能幫Jedi寫這篇推薦序，實在是倍感榮幸！

　　幾年來資訊科技的發展在這非常的快速，幾乎可以用日進千里來形容了，不管是電腦CPU的速度、RAM的需求量、硬碟可以存放的資料量，每一年都進展的非常快速。在硬體快速的成長下，網路的資源也越來越多，不管是用什麼程式語言用什麼方法產生的網頁也是以等比級數的方式在成長。不過在這快速進展的資訊社會中，卻有一部份人因為輸入、輸出的介面使用上的困難，導致幾乎被隔絕在這主流的資訊之外。

　　只可惜目前很多很多的網頁，並沒有辦法達到「網頁親和力」，換言之就是很多時候，大部分的網頁只能在一般環境下使用，若是遇到有特殊需求的環境，就變得令人無法閱讀。或許有人說這就是要做無障礙網頁不是嗎？事實不然！「網頁親和力」是「無障礙網頁」更進一步追求的目標。當您的網站在追求滿足「網頁親和力」時，自然而然就會滿足了無障礙網頁。

　　舉例來說，就好像區公所門口的斜坡，每個區公所都說自己這樣就是有無障礙的環境了。但是有的區公所門口的斜坡斜度是30度、有的是15度。而對這個斜坡有強烈需求的人來說，這斜度的差異就是親和力的差異。

　　《網頁親和力》這本書是在教您如何體貼那些需要用特殊補助工具的使用者來使用您的網站，而不僅僅是在教您一種技術，更會教您一種做出體貼用戶的態度。

StudyArea  酷學園團隊