Homework 3-21-2008

1. Do Lab 15.

2. Check into the government-sponsored web accessibility website.

At 94年度座談及研習會資料-> 無障礙網路空間建置理念與實務(Pdf檔 / 488Kb), download the
presentation materials. What is web accessibility?

Ans:

• 無障礙網頁是服務「所有的使用者」，對於廣大身障者更是不可或缺的。
• 要將網站調整為 "讓有殘障的人能通行無阻(無障礙)" (to make web content accessible to people with disabilities) ，或是在各種不佳的環境下(例如光線昏暗、環境吵雜、單手操作等) 也能使用。
• 講究平權國家的進步指標。
• 這並不是要網站內容開發者避免使用圖檔、影片、Flash 等，而是在使用這些多媒體內容時，要在網頁上適當標示資訊以讓更多使用者可以明瞭。
• 因此，對網站內容開發人員而言，比較直接的感受，就是要花比製作一般網頁更多的心思去 "體貼" 使用者。（但是養成習慣就好了，只是順手作一些設定而已；就像最後離開辦公室的人要記得關燈關門關冷氣）
• 行政院研考會已於91年6月，參考 W3C 協會的 WAI 組織的無障礙網頁內容標準相關規範，訂定我國的「無障礙網頁開發規範」，其中「十四條規範」簡列如下：
  
  【十四條規範】
  　　規範一：對於聽覺及視覺的內容要提供相等的替代文字內容
  　　規範二：不要單獨靠色彩來提供特殊資訊
  　　規範三：適當地使用標記語言和樣式表單
  　　規範四：闡明自然語言的使用
  　　規範五：建立編排良好的表格
  　　規範六：確保網頁能在新科技下良好地呈現
  　　規範七：確保使用者能處理時間敏感內容的改變
  　　規範八：確保嵌入式使用者介面具有直接可及性
  　　規範九：設計裝置獨立網頁
  　　規範十：使用過渡的解決方案
  　　規範十一：使用國際與國內官方訂定的技術和規範
  　　規範十二：提供內容導引資訊
  　　規範十三：提供清楚的瀏覽網站機制
  　　規範十四：確保簡單清楚的網頁內容
• 目前有如下四種等級（並各舉一個大家較為熟悉的規範）：
• 第一優先等級(A)
  【例】圖片與替代文字 對 img 標籤提供 alt 屬性
  　　　
• 新增等級(A+)
  【例】網站應提供網站地圖，清楚呈現出整個網站的層次架構。
  【例】不要求一定得使用滑鼠（視障者無法使用滑鼠）
• 第二優先等級(AA)
  【例】避免使用marquee 跑馬燈、gif 動畫、開新視窗
• 第三優先等級(AAA)
  【例】表格標籤 須提供表格摘要說明 (summary 屬性)
  【例】使用 Lang 屬性，明確指出網頁文字所使用的自然語言，
  　　　讓語音系統可以正確辨識，例如中文為 "zh-TW"
  參考資料: http://cc.shu.edu.tw/~www/week_qa/qa/q_20060522_accessibility.htm

Lab 15: Accessibility by GreaseMonkey

1. Google Search Keys Numbers the results in a Google search page and you can type the corresponding number to follow the link. Updated: 2005-04-26. more




2.Google Access Keys Enables navigation through Google search results.


3. AccessBar: displays defined accesskeys in a fixed-position bar along the bottom of the window. Added 2005-04-01 (not a joke). Find how many access keys have been defined at www.ocac.gov.tw www.epa.gov.tw

www.ocac.gov.tw

5個

www.epa.gov.tw

6個


4.Continued from 3, use google to find 3 more government sites in Taiwan that enable access keys.

台北縣政府 4個

高雄市政府 4個


台中市政府 4個

Lab 14: Tongwen

At Firefox installed with Greasemonkey, install the Simplified-to-Traditional character conversion tool Lab Tongwen.

Lab 13: Clean Language

1. Save the JavaScript file of Clean Language to your desktop. Make changes to the script with self-defined bad words. To do this, save the JavaScript on your desk top. Use Notepad editor to make changes. Install the modified script as Greasemonkey.

2. Use Google to search webpages that contains some bad words.

3. Try whether the filtering take effects.

我設定 "today" 為bad words 搜尋會以*****表示

"Lab 12: Greasemonkey"

1.Install Greasemonkey 0.7. Check the lower right corner of your Firefox and you should find a monkey at the right. Note that you must run the



4. Install Web Developer Toolbar to examine cookies.

Homework 3-14-2008

1. 參考 PageRank-Google 決定搜尋排名的關鍵技術
以及Google.com 網站的官方解釋，簡要說明PageRank原理。

ANS:
PageRank的原理主要是建立了[反向連結]的技術.讓"被"連結數越多的網頁.以10的對數分級
並以"優質"吸引"優質"的概念成功串連起龐大的資料庫.PageRank 仰賴網路獨一無二的民主 特 性，使用其大量連結結構做為個別網頁值的指示器。重要、高品質的網站會得到較高的
PageRank 值，每次 Google 執行搜尋時就會記住這個值。Google 將 PageRank 與精密的文字
符合技術合併在一起，找出既重要且與您搜尋相關的網頁。

2. Essay Writing on Google Docs

參考鳳凰城動物園遊記，撰寫一篇你自己的春日遊記。如果是多人出遊，請嘗試合寫的方式。(Teamwork editing)

ANS:春遊

3. 閱讀課本電子商務系統第一章，並做成三頁摘要。

ps. 這次我們要使用Google Docs來書寫，請參考Google Docs。

春遊

就在前幾天，春雷就這樣響了，於是媽媽說要帶我跟弟弟去宜蘭玩，新建的雪山隧道真的是超快速的耶!花不到兩個小時就到宜蘭的，跟以前的北宜公路比起來真的是快很多耶!以前還要走超可怕的九彎十八拐，坐車坐到我頭都暈了才到宜蘭，現在的交通真的是超方便的!到了宜蘭天氣超好，大概是春天到了吧!到了冬山河公園，居然下起毛毛雨，我們一家人都傻眼了，雨越來越大，我們就先找個地方落腳先填飽肚子再說，可是吃完飯雨還是很大所以哪裡都不能去，春天出遊就是有這個壞處，因為春雨綿綿呀!所以我們就提早了去住在頭城的外婆家，其實外婆家附近的風景也很棒，而且還吃到外婆煮的一手好菜!雖然沒有玩到什麼，不過還是很開心說。