2012年5月28日 星期一

Lab 35 Create Image using DOM




Lab 34 Hand code a form

修改後的GOOGLE

輸入後的




CGI是Common Gateway Interface的縮寫,中文翻做『共通閘道介面』。它是一種標準介面程式,能讓你的網頁跟WWW server溝通,達到跟使用者互動的效果。 而且透過CGI程式,可以讓你動態的產生網頁,秀出server上的最新資料。當你link到一個CGI物件時,你取回的文件並非是一份靜態資料, 而是一個藉由程式動態產生的HTML資料流。傳回來的資料也許分分秒秒都在更改,或者針對使用者的特殊查詢而有不同的反應,例如股票市場行情等等。 簡單來說,CGI程式就是能夠動態產生WWW網頁,並讓一般使用者經由WWW取用現存在傳統資訊系統內的資料。

2012年5月14日 星期一

Lab 30 Mash-Up, Part 2 (Maps)

1.美感: 永慶比housingmaps好
            因為housingmaps看起來有點雜亂。

2.直覺性:永慶比housingmaps好
               因為永慶網頁一開進去就知道怎麼使用,housingmaps一開始會有點看不懂。

3.流暢:housingmaps比永慶好
           因為housingmaps要看房子圖片時比較方便。

4.預期反應:housingmaps比永慶好
                   因為直接放在地圖上覺得比較很方便

Lab 29 Mash-up 1 (Publish)

Lab 28 navigation bar


Lab 27 Making images accessible



2012年5月7日 星期一

Lab 23 Making web pages accessible


去掉<b>以及<center>







Lab 24 Firefox Accessibility Extension

Mobile01

CYCU

YAHOO


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

HTML 4 和HTML 5的影音播放功能比較兩者有何差異。



以HTML4能顯示的東西來看,基本上就是只能顯示傳統的HTML元素,像是文字和圖片
若想要使網站更好看,就會搭配CSS來製作
但是我們有時候會需要顯示動畫、播放音樂、影片等等
甚至有時候得在瀏覽器裡面呼叫、操作作業系統裡面的功能,或是與其他程式互動
這些就都不是HTML能辦到的!
所以得透過將其他的程式封裝成Active X的方式,嵌入HTML中使用
透過安裝Active X,進而允許網頁透過指令碼和控制項互動產生更加豐富的效果

但HTML5擺脫了這些影音外掛程式的束縛,支援使用多媒體AudioVideo的標籤,輕易的就使網頁豐富化
未來,不需要安裝相關的影音外掛程式,就可以滿足能在網頁上觀看影音的需求

Lab 25 模擬色盲的效果






Lab 22 More on HTML

Tables

 lists