首頁 |

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.

很多其實沒有框架卻要設定框架標題 還有修改字體大小的

所以 以下是修改前後的比較 剩餘的都是大小跟框架標題的錯誤

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.

1.考選部http://wwwc.moex.gov.tw/sitemap.asp


2.www.epa.gov.tw


3.法務部http://www.moj.gov.tw/

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,試針對三種不同障別舉出三種無障礙設計方式,並請探討跨障別設計是否可行?(也就是所謂的通用設計)

web accessibility 其實就是指網路無障礙在於確保任何人都有辦法取得放在網頁上的媒體內容 ── 無論人們是否遭遇了身體、心理或技術上的障礙,都不會妨礙人們接收作者所釋出的資訊。也就是讓網上的內容「易於親近」,易於取得、利用。

三種無障礙設計方式如下:
1.Lynx:是一個免費的純文字瀏覽器,搭配可覆新的布拉耶點字顯示器後就可以給盲人使用。
2.Links:是一個給頻寬不足的明眼人使用者用的純文字瀏覽器。
3.AccessKey:是鍵盤快速鍵。

2. 依據 Tutorial,HTML 3.2 與 HTML 4.0 最大差別在哪裡?
在3.2
當像標示和顏色配置被加到HTML 3.2的規格中,它開始了設計的夢靨。當設計的Web是大型時,font以及color將需要加到每個單一的Web,這將變成很費時的處理。

而在4.0
所有格式化的設計都可以移出HTML的文件,然後放在一個分開的style sheet。
因為HTML 4.0能依格式而分割文件。我們得到我們需要所有版面的元件而且不會弄亂它們。

所以方便性上當然是4.0取勝囉!


3. 依據永恆的數位分身的說法,試舉出一個實例或反例。
好處就是很容易去發現他的規律,有時候在網路上像是尋找朋友之類的很方便
壞處就是這種規律性的東西容易被破解拿去使壞 防不勝防囉。


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

1.www.ocac.gov.tw





2.www.epa.gov.tw





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

3.考選部http://wwwc.moex.gov.tw/sitemap.asp





4.教育部http://www.edu.tw/sitemap.aspx




5.法務部http://www.moj.gov.tw/


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 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?


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.


中原大學二手電腦流通網: 華碩P55平台【旗艦系列-星戰炎皇】王級獨顯電玩



一元起標
2010/04/12 11:59:59PM結標 出價最高者得
於本文下方直接回應出價才有效



  • Intel_Core_I7_870四核處理器
  • 華碩P7P55D高效能主機板
  • 高速4GB_DDRIII終保記憶體
  • 搭載ATI_HD_5870-1G頂級顯示卡


此為作業需要非實際競標。

中原大學二手電腦流通網: Intel四核【獨霸四核】320G多工處理效能電腦



一元起標
2010/04/12 11:59:59PM結標 出價最高者得
於本文下方直接回應出價才有效


  • 搭載Intel四核心多功效能處理器
  • 採用終生保固DDR2_800記憶體
  • $399跳升華碩G41高效能主機板
  • 599升級蛇吞象350瓦電源供應器


此為作業需要非實際競標。

中原大學二手電腦流通網: acer Aspire 5738DG 3D筆電














一元起標

2010/04/12 11:59:59PM結標 出價最高者得
於本文下方直接回應出價才有效


  • Intel雙核T6600(2.2G)
  • 2G/500G/ATI獨顯(512MB)
  • 杜比/Windows7
  • 3D立體軟體+贈3D立體眼鏡



  • Intel® Core™2 Duo 雙核心處理器T6600 (2.2 GHz,800MHz系統匯流排,35W))
  • 16:9 之 15.6" WXGA (HD) 高亮度LCD
  • 500G大容量硬碟/2G DDR III
  • ATI Mobility Radeon™ HD 4570(512MB)
  • 內建 Dolby3代環場立體音效系統
  • 獨立數字鍵盤/指紋辨識系統
  • 802.11b/g Wi-Fi CERTIFIED® network connection
  • 內建 TriDef Media Player 應用程式可撥放3D圖片與影像
  • 二年台灣地區全保固/58分鐘快修
  • 內建最新Windows 7作業系統


此為作業需要非實際競標。