Lab 26 使用HTML 4 和HTML 5的影音播放

HTML4:

HTML5:

兩者差異:
HTML4運行影音檔都必須透過外掛程式(如FLASH等)才能執行。
但HTML5可以獨立執行，且用HTML5來進行網頁設計會比HTML4簡單許多，因為新語法關係讓很多工作簡單化了。

Homework 5/6/2013

修改前

修改後

Lab 20 Making web pages accessible

修改前

修改後

Lab 25 Mash-Up 2 (Calendars)

Lab 24 Mash-Up, Part 1 (Maps)

比較 
美感: housingmaps整體頁面簡潔，永慶房屋圖片豐富。
直覺性: 兩者差不多。
流暢:兩者流暢性差不多。
預期反應:永慶房屋預期反應可能會比較好，因為有房屋圖片可以觀看， housingmaps只有文字敘述。

Lab 23 navigation bar

Lab 22 Making images accessible

Before

After

Lab 21 Firefox Accessibility Extension

1.YAHOO

2.GOOGLE

3.YOUTUBE

Homework 4-29-2013

參考視障者瀏覽網頁的需求，請至少針對五類需求（例如：選定你的語言），每類舉出一個網頁實例（台灣或國外皆可），並列出該網頁關鍵HTML片段，證明該網頁的確符合視障者需求。


指定妳的語言  網頁實例 :YAHOO

提供能取代圖片的文字  網頁實例 : Jonathon Delacour

不要開出新視窗  網頁實例 : CNN

建立有意義的網頁標題  網頁實例 : GOOGLE

在鏈結上加入標題  網頁實例 : 露天拍賣