Homework 4-19-2010

1. Lab 20: Making web pages accessible

2.針對上次作業第三題

"依據永恆的數位分身的說法，試舉出一個實例或反例。"

選出至少三篇文章加以評論，在作者部落格給予回饋。每篇回饋請加註

選擇此篇文章給予回饋的原因(單選)，
1. 友情贊助 2. 見解精闢 3. 隨機選取 4. 其他(請說明)

Due: May 3, 2010

Lab 20: Making web pages accessible

1. Use Firefox Accessibility Extension to identify the accessibility failures and warnings in http://google.com
2. Fix the failures you found.

Lab 19: Firefox Accessibility Extension

Use Firefox Accessibility Extension to check the accessibility of three sites that you visit most.
Report the summary of all the errors and warnings for each site.

Lab 18: Making images accessible

1. Use KompoZer or Notepad to edit the following homepage
at http://bloggercamp.blogspot.com/2007/01/2007.html

You can copy and paste the content to your KompoZer.

2. Take a look at the HTML 標籤, HTML 原始碼

3. Save your editings and preview your webpage using Firefox

4. Make the webpage accessible by
adding ALT text to the images.

5. Go to the Firefox Add-ons site for Firefox Accessibility Extension

6. Click the "Install now" button on the add-ons website

7. Check whether you can see the ALT text for the images by selecting the "Show Text Equivalent" function.

Homework 4-12-2010

1. 依據 What is web accessibility，試針對三種不同障別舉出三種無障礙設計方式，並請探討跨障別設計是否可行?(也就是所謂的通用設計)
2. 依據 Tutorial，HTML 3.2 與 HTML 4.0 最大差別在哪裡?
3. 依據永恆的數位分身的說法，試舉出一個實例或反例。

Lab 17: AccessBar

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

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

Lab 16: Accessibility in 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.

Reference:
http://dia.z6i.org/ (中文)

Lab 14: HTML

Preparation

1. Using Microsoft Notepad, Copy and paste the HTML example at Introduction to HTML
2. Save the file as myfile.html
3. Open the file using Firefox.

New editor
4. Enter http://www.w3schools.com/html/tryit.asp?filename=tryhtml_basic
5. Copy and paste the HTML example at Introduction to HTML
6. Verify your results on the screen.

Lab 15: more on HTML

Headings
1. Copy and paste the Headings example athttp://www.w3schools.com/html/html_primary.asp
2. Enter http://www.w3schools.com/html/tryit.asp?filename=tryhtml_basic
3. What kind of effects can you see?

Lists
4. Copy and paste the Headings example athttp://www.w3schools.com/html/html_lists.asp
5. Enter http://www.w3schools.com/html/tryit.asp?filename=tryhtml_basic
6. What kind of effects can you see?

無障礙網頁設計

HTML

• Tutorial
  

Accessibility

• What is web accessibility?
• Accessible search engine
• Use accesskeys

永恆的數位分身

最近因為有學校同仁離職，依教育部規定，必須在一段時間後刪除其email帳號，同仁提出要求希望能永久保留，以免老朋友因為他換email找不到他。

前 一陣子，我還在課堂上提數位分身的概念，每個人在網路的虛擬世界都一個影子，無論你有沒有個人網站，是不是有個部落格，或是曾經開過Facebook 帳號，有沒有偶而在Twitter推一下，這個影子都存在，現在機關的會議紀錄，學校報名訊息，國科會研究計畫，榜單全上網了，只要走過，不可能不留下數 位痕跡，而且這些資料所有權也不在你，你還擦拭不去呢。厲害的Google可以把這些一次搜出來，過去女生約會時到洗手間是要補妝，現在則是用智慧型手機 Google一下剛邂逅的型男。

古人說的三不朽，現在的數位世界全幫我們做到了，就算肉身離去，數位分身不死。昨天搭通勤電車時，在前往台北的路上有位小姐全程在閱讀 Randy 最後的演講，不就是一個活生生的見證嗎!

所以，我們的這位同仁，不用擔心你的老友们不知道你已經轉職了，或是找不到你，你的數位分身會讓他們抓得到你。