2010年4月19日 星期一

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.

ans

Lab19: 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.

ANS

中原大學

 優仕網(社交網站)

youtube

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.

ANS

2010年4月18日 星期日

RE:Homework 4-12-2010

1. 依據 What is web accessibility,試針對三種不同障別舉出三種無障礙設計方式,並請探討跨障別設計是否可行?(也就是所謂的通用設計)


ANS
網路的使用者除了一般人以外,還有可能是視覺障礙(包括全盲、色盲、弱視等)、聽覺障礙(全聾或是重聽)、行動或有認知障礙、對閱讀或是文字理解有困難的人。另外,使用者有可能無法使用滑鼠或是鍵盤,例如有些觸控式導覽機台(Kiosk)的操作方式都是點選(Click)的方式,沒有滑鼠中拖曳(Drag)的功能;還有有些電腦老舊、或是不同的作業系統、不同的瀏覽器、不同的文字語言、連線的速度過慢等等,這些狀況都會使網頁資訊的讀取產生或多或少、或大或小的問題。所以無障礙網路空間的設置,是在製作網站時,要考量以上這些諸多情形,採取「可及性(Accessibility)」的設計,讓不同的使用者、不同的連線狀況下,都能順利讀取網頁資訊。

2. 依據 Tutorial,HTML 3.2 與 HTML 4.0 最大差別在哪裡?
ANS
HTML3.0規範是由當時剛成立的W3C於1995年3月提出,提供了很多新的特性,例如表格、文字繞排和複雜數學元素的顯示。雖然它是被設計用來相容2.0版本的,但是實作這個標準的工作在當時過於複雜,在草案於1995年9月過期時,標準開發也因為缺乏瀏覽器支援而中止了。3.1版從未被正式提出,而下一個被提出的版本是開發代號為Wilbur的HTML 3.2,去掉了大部分3.0中的新特性,但是加入了很多特定瀏覽器,例如Netscape和Mosaic的元素和屬性。HTML對數學公式的支援最後成為另外一個標準MathML。


HTML 4.0同樣也加入了很多特定瀏覽器的元素和屬性,但是同時也開始「清理」這個標準,把一些元素和屬性標記為過時的,建議不再使用它們。HTML的未來和CSS結合會更好。

3. 依據永恆的數位分身的說法,試舉出一個實例或反例。
ANS
英國一對失散了27的母子,靠著網路的幫忙而重新團聚。
  62歲的(葛羅普)太太1982年和匈牙利籍的丈夫離婚,她取得三歲兒子的撫養權,可是前夫卻利用帶兒子出去玩的機會,一去不回,二十多年來,她透過各種管道尋找,也向英國駐匈牙利大使、甚至柴契爾夫人求助,不過,兒子和前夫就像人間蒸發一樣,渺無音訊
一直到最近,她的妹妹抱著試試看的心理,在網路上輸入外甥的名字,結果螢幕上跳出了一個年輕男子在Facebook上的部落格,竟然就是她姐姐苦苦尋找了27年的兒子葛文
葛文已經結婚,有三個小孩,今天剛好是他三十歲生日,他的父親已經去世,過去五年來,葛文也在尋找他的媽媽,Facebook讓一對分隔了二十多年的母子,重享天倫之樂。

2010年4月12日 星期一

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.

ANS
僑委會  4個


環保署  4個

法務部  5個

財務部  4個

新聞局  5個

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/ (中文)


ANS

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?


ANS

Lab 14: HTML

reparation

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.


ANS

2010年4月9日 星期五

RE:作業 網站設計

請設計一個"中原大學二手電腦流通網 "


1. 可以競標

2. 可以品項分類

3. 可以搜尋

ANS
http://cycu9626227.blogspot.com/