好站連結

顯示具有 Lab 標籤的文章。 顯示所有文章
顯示具有 Lab 標籤的文章。 顯示所有文章

2013年6月17日 星期一

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月6日 星期一

Lab 22 Making images accessible

更改程式碼前都是照片

更改後由文字取代了圖片

Lab 21 Firefox Accessibility Extension

(google網頁)





                                                  (Facebook)



 

                                              (中原大學)

Lab 20 Making web pages accessible



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








2013年4月29日 星期一

Lab 17 HTML








Lab 18 Google Accessibility

(原始畫面)


當我們將Search Key 安裝完成後,會發現我們用google搜尋時,在每個超連結後面多了些數字,現在只要我們對應著按鍵盤上的數字就會跳轉到相對應的頁面

而後我們將Google Access Keys安裝完成後,會發現在搜尋頁面最下方多了一個點"(.)",在我們按下"."後會自動跳轉到下一頁

Lab 19 More on HTML

我們可以看到,以下列的程式碼構成,我們可以得到一個表格,使用<tr></tr>與<td></td>來分行與列,並用<table border="a">構成框架,藉由改變a的大小可以決定框架線條的粗細。

藉由下列兩種程式碼的編制,會顯示出來兩種不同型式的表單
一種是<ol></ol>格式,會在每一個選項前面自動加上數字,一種是<ul></ul>的格式,每一項選項前面只有提式符號而不是編號。



在表格的部分一開始會搞混<tr><td>的時候用時機,搞錯行與列的編排。
而在表單的部分,我一開始所想的擁有編號的表單則是在body內一個一個輸入數字,相比之下,我一開始這種程式編碼的想法容易出錯。