好站連結

2013年5月20日 星期一

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




        相比HTML 5的寫法,HTML 4的播放方式,除了多加上了AUTOPLAY的語法使得影片在一進去後就會自動播放外,也因為<embed width="320" height="240" src="movie.swf">這行語法的關係,無論影片是何格式,均會以 SWF,即FLASH的方式播放。而在HTML5裡則會依照影片的格式去做播放,若非語法裡設定格式,則會顯示Your browser does not support the video tag.這句。

2013年5月13日 星期一

Lab 25 Mash-Up 2 (Calendars)


Lab 24 Mash-Up, Part 1 (Maps)



http://www.housingmaps.com/


美感:

相較於後者,頁面不論排版或是美術圖形都十分陽春,較近似於dos時期文件類別的設計


直覺性:

在直覺性方面,非常的直觀,就是簡單選取要租賃、販賣、找室友、預算範圍和地區,就可以在左邊的地圖看見所搜尋的房子或房間在哪個地方,讓人馬上有初步的概念,不用多花心思觀看頁面,尋找條件過濾列或是其他多餘不必要的資訊


流暢:

在搜尋流暢度上,除了在尋找想要的房子沒有圖片可以觀看之外,在右方一大串用文字敘述的資料中,這樣的排版方式是讓人眼花撩亂、並且沒有效率的


預期反應:

我會將此網頁的使用者年齡層,訂定在社會新鮮人、單身男女、情侶以及學生族群上,因為此網頁的不論在設計上或使用上,對於租賃房子和找室友的人來說,介面相對地比較友善,提供的資訊也相對的較為剛好。








http://www.yungching.com.tw/




美感:

在設計美感上,此頁做得非常精緻,圖文並茂,而且在排版上,和搜尋後的規劃上,一目了然,並且賞心悅目,能讓人在一堆資料中卻不會心煩


直覺性:

但在直覺性上就比較差了一點,此因來自於能過濾的條件設定增加,所供給的資訊增多,整合起來需要的IO相對就要增加,雖然在直覺性上少了一些優勢,但在搜尋和搜尋後的動作給予了相當強勁的方便性


流暢:

在此只有在搜尋設定時會花費多一點的時間,但在觀看所想要的房子時,多給予資訊,讓使用者能透過敘述以及附上的圖片,再自已快速過濾並找到心目中最想要的。



預期反應:

我會將此網頁訂定在想要購買房屋的人身上,會大肆著手再增加年輕夫婦,或是炒房或是想轉手方房屋的中老年男女,抑或是往頂尖地區的房屋購買的高消費力族群,做排版或是資訊上的增加進步,讓這些人能找專員之前,就能在網頁上就先有一個背景知識和購買慾望。

Lab 23 navigation bar


2013年5月6日 星期一

Lab 22 Making images accessible

更改程式碼前都是照片

更改後由文字取代了圖片

Lab 21 Firefox Accessibility Extension

(google網頁)





                                                  (Facebook)



 

                                              (中原大學)

Lab 20 Making web pages accessible



Frame的Title地方 在程式碼裡已經有了 但仍然顯示錯誤
因此作為成品呈現此結果








2013年5月5日 星期日

Homework 4-29-2013

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

1.  不要開出新視窗
     範例網站

2.  定義快速鍵
     範例網站


3.  指定你的語言
     範例網站


4.  跳過導覽列的鏈結 (程式碼有寫,但是實際頁面被截掉了)
     範例網站


5.  提供能取代圖片的文字
     範例網站