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 24 Mash-Up, Part 1 (Maps)
http://www.housingmaps.com/
美感:
相較於後者,頁面不論排版或是美術圖形都十分陽春,較近似於dos時期文件類別的設計
直覺性:
在直覺性方面,非常的直觀,就是簡單選取要租賃、販賣、找室友、預算範圍和地區,就可以在左邊的地圖看見所搜尋的房子或房間在哪個地方,讓人馬上有初步的概念,不用多花心思觀看頁面,尋找條件過濾列或是其他多餘不必要的資訊
流暢:
在搜尋流暢度上,除了在尋找想要的房子沒有圖片可以觀看之外,在右方一大串用文字敘述的資料中,這樣的排版方式是讓人眼花撩亂、並且沒有效率的
預期反應:
我會將此網頁的使用者年齡層,訂定在社會新鮮人、單身男女、情侶以及學生族群上,因為此網頁的不論在設計上或使用上,對於租賃房子和找室友的人來說,介面相對地比較友善,提供的資訊也相對的較為剛好。
http://www.yungching.com.tw/
美感:
在設計美感上,此頁做得非常精緻,圖文並茂,而且在排版上,和搜尋後的規劃上,一目了然,並且賞心悅目,能讓人在一堆資料中卻不會心煩
直覺性:
但在直覺性上就比較差了一點,此因來自於能過濾的條件設定增加,所供給的資訊增多,整合起來需要的IO相對就要增加,雖然在直覺性上少了一些優勢,但在搜尋和搜尋後的動作給予了相當強勁的方便性
流暢:
在此只有在搜尋設定時會花費多一點的時間,但在觀看所想要的房子時,多給予資訊,讓使用者能透過敘述以及附上的圖片,再自已快速過濾並找到心目中最想要的。
預期反應:
我會將此網頁訂定在想要購買房屋的人身上,會大肆著手再增加年輕夫婦,或是炒房或是想轉手方房屋的中老年男女,抑或是往頂尖地區的房屋購買的高消費力族群,做排版或是資訊上的增加進步,讓這些人能找專員之前,就能在網頁上就先有一個背景知識和購買慾望。
2013年5月12日 星期日
2013年5月6日 星期一
2013年5月5日 星期日
Homework 4-29-2013
參考視障者瀏覽網頁的需求,請至少針對五類需求(例如:選定你的語言),每類舉出一個網頁實例(台灣或國外皆可),並列出該網頁關鍵HTML片段,證明該網頁的確符合視障者需求。
1. 不要開出新視窗
範例網站
4. 跳過導覽列的鏈結 (程式碼有寫,但是實際頁面被截掉了)
範例網站
5. 提供能取代圖片的文字
範例網站
1. 不要開出新視窗
範例網站
2. 定義快速鍵
3. 指定你的語言
4. 跳過導覽列的鏈結 (程式碼有寫,但是實際頁面被截掉了)
範例網站
5. 提供能取代圖片的文字
範例網站
訂閱:
文章 (Atom)