2010年4月18日 星期日

Homework4

1. 依據 What is web accessibility,試針對三種不同障別舉出三種無障礙設計方式,並請探討跨障別設計是否可行?(也就是所謂的通用設計)

視障聽障:
網頁內各種圖形、圖表、影像,應加入替代性的說明文字,讓視障者或聽障者可以使用其他替代方式瞭解圖形所代表的意義。
對於網頁中非文字的聽覺與視覺內容,應提供相等內容的替代文字(如透過"alt"、"longdesc")。視覺的內容包含圖片、影像地圖區域、applets、objects、ASCll art等,而聽覺的內容包含聲音、音樂與各項音效等。

肢體障礙或認知障礙:
在網頁的重要資訊上應避免使用炫光、快速動態影像等多媒體效果,以免造成肢體障礙者或認知障礙者的不便。確保會移動、閃爍、捲動或自動更新的物件或網頁能暫停或停止。確保文件簡單、清楚,讓使用者更容易瞭解網頁內容。

身心障礙:
網站內各網頁的瀏覽機制應考量可及性操作的需求。身心障礙者因為其障礙的差異,在使用特殊上網裝置瀏覽網頁時,其瀏覽操作不如市面上一般瀏覽器那麼方便和靈活,因此網站瀏覽機制的設計應力求簡單清楚,讓網頁使用者可以依其需求來瀏覽網站。
例如:為你的網站提供網站地圖或整體性的簡介、避免在網頁上使用ACSII文字藝術、設計並確
保有意義的超連結說明,便於網頁內容的閱讀

跨障別設計是可行的,例如有視障無智障的人,更能理解清楚簡單的網頁設計。無障礙網站的設計不僅是針對身心障礙者的使用問題,透過這樣的設計亦可使一般人更方便地使用網站。例如,在網站上提供圖片替代文字說明,可幫助視障者藉由替代文字說明獲取圖片資訊;對於一般民眾而言,當網站上的圖片無法呈現時,也可經由圖片的替代文字說明獲得資訊。因此提高網路設計的可及性(Accessibility),對於各種障礙者及一般民眾瀏覽網頁都會有所幫助。


2. 依據 Tutorial,HTML 3.2 與 HTML 4.0 最大差別在哪裡?
在HTML 4.0中可以從 HTML文件去除所有格式,並儲存在一個單獨的樣式表。HTML 4.0的所有標籤增加了id以及事件擷取屬性(例如:onclick)。另一個差別就是CSS的使用,除了使用CSS才能達到的效果之外,一般HTML 4.0的網頁大多仍舊使用原本HTML 3.2就已經存在的格式化標籤(例如:標籤等等)。
DIV 元素在HTML 3.2 中有定義,但HTML 3.2 中只有ALIGN 屬性能相容。HTML 4.0在屬性中加入CLASS、STYLE、和ID 屬性。DIV 可以包含段落、標題、表格甚至其他部分。這使DIV 便於建立不同集成的類,如章節、摘要或備註。



3. 依據永恆的數位分身的說法,試舉出一個實例或反例。
實例:
現在幾乎每個有在使用網路的人至少都會有一個屬於自己的ID,在MSN、噗浪、facebook等社交網站,只要有加你好友的人,一看見這組ID,便能知道這是你,這些帳號假如持續使用,它們是不會消失的,因此不怕失去聯繫。

反例:
一個人可以申請好幾個帳號,有些人會利用這些多重帳號張貼一些不實的廣告,甚至亂加你好友,藉以推銷產品。有些人的帳號甚至會被盜用散播病毒,或是入侵他人隱私,例如E-MAIL帳號。





2010年4月12日 星期一

Lab17

1.

僑委會4個







2.



環保署4個


3.

總統府2個



4.

立法院3個



5.

行政院3個

Lab16

1.





2.





























































Lab15

1.

有換行. 字體變大. 載入圖片. 連結 等效果




2.無換行. 前面有圓點符號. 有標號


























Lab 14: HTML

1.








2.

132123

Homework4