无障碍网页制作.pdfVIP

無障礙網頁設計與應用 無障礙網頁製作 講師︰陳怡杰、蔡明璇 jayisdn@ http://jstudio.idv.tw 1 陳怡杰、蔡明璇老師編著 無障礙網頁設計與應用 無障礙網頁介紹 • 為因應「電子化政府」的世界潮流及電子化政府評比中之衡量指標之 「Disability Access」項目。行政院研考會推動國內主要的行政機 關網站必須符合無障礙網頁的環境。( 2002及2004 兩個年度臺灣都 榮獲美國布朗大學全球電子化政府評比為第一名)。訂定了「14條規 範90條檢測碼及三個優先等級」。在並且分成「機械檢測」及「人工 檢測」兩部份。如果通過認証就可以在網站上加上無障礙網頁認証標 章。 • 「無障礙網頁」是指網頁在去除掉相關的網頁圖片、多媒體、程式 後，以「純文字」的方式來呈現時並不會與原本的網頁內容上有資訊 的落差。如此在視障或聽障人士使用的特殊電腦上就可以完整的呈現 原本的內容。 • 因此以往的網頁製作方式都不能符合這個規範，必須進行改寫。目前 最新的網頁編寫軟體也只提供了部份的修改來符合無障礙的規範，所 以仍有很多部分必須以人工的方式進行程式修改。 • 臺北市教育相關網站建議在2005年中必須符合無障礙規範之1A標準。 2005年終必須符合 2A標準。 22 陳怡杰、蔡明璇老師編著 無障礙網頁設計與應用 課程內容介紹 • 如果要修改原本網站上的全部的網頁以符合無障礙網頁的規範是一項 浩大的工程。在實際上也是不太可能完成的任務。 • 因此建議是以「符合無障礙網頁規範的架站程式模組」來建立全新的 主網站，而原本的舊網站則以副站的方式保留。原本舊的網頁以外連 或是嵌入的方式在新網站上呈現。 • 本課程提供經過修改「符合無障礙網頁規範的XOOPS 2 網站模組」。 • 並且教授學員如何安裝在舊有的網站伺服器上(Apache 或 IIS)及PHP 網頁程式及mySQL資料庫的安裝。 • 如何修改「XOOPS網站樣版」的以符合舊網站的畫面設計。 • 如何修改「XOOPS 模組」以符合無障礙網頁的規範。 • 本課程會使用到 macromedia Dreamweaver MX 2004 (網頁編寫)及 友立PhotoImpact (網頁影像處理)。 33 陳怡杰、蔡明璇老師編著 無障礙網頁設計與應用 Apache設定 • Apache 必須修改httpd.conf 內的ServerName 並且重新 啟動。 1 1. 使用文字編輯器開啟 c:\Appserv\apache\conf 中的 httpd.conf 。搜尋 ServerName 並且修