1. Use Firefox Accessibility Extension to identify the accessibility failures and warnings in http://google.com
2. Fix the failures you found.
很多其實沒有框架卻要設定框架標題 還有修改字體大小的
所以 以下是修改前後的比較 剩餘的都是大小跟框架標題的錯誤
2010年4月19日 星期一
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/
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.
使用前使用後圖片比較
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. 依據永恆的數位分身的說法,試舉出一個實例或反例。
好處就是很容易去發現他的規律,有時候在網路上像是尋找朋友之類的很方便
壞處就是這種規律性的東西容易被破解拿去使壞 防不勝防囉。
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/
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
- 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
Google Access Keys Enables navigation through Google search results.
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.
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平台【旗艦系列-星戰炎皇】王級獨顯電玩
中原大學二手電腦流通網: Intel四核【獨霸四核】320G多工處理效能電腦
中原大學二手電腦流通網: 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作業系統
此為作業需要非實際競標。
訂閱:
文章 (Atom)