2012年5月28日 星期一

Lab 35 Create Image using DOM




Lab 34 Hand code a form

網際網路當中,WEB 伺服器與外部應用程式溝通傳輸的協定,可用Visual Basic, Perl,C/C++,Java ,ASP, php, python等各種語言來撰寫程式。

一般的HTML是靜態的,而CGI可依自己的需求來寫出動態的網頁程式


  

2012年5月14日 星期一

Lab 30 Mash-Up, Part 2 (Maps)

housingmaps
  • 配色較為單調,沒有廣告,乾淨俐落
  • 功能簡單,使用方便
  • 網頁反應順暢,整體為清單式列表
永慶房屋
  • 搭配招牌橘黃色,很醒目,旁邊置入廣告
  • 可查詢細項較多,但須花時間熟悉
  • 網頁反應順暢
housingmaps對單筆資料使用段落文字來描述,使用者無法馬上找到想要的資訊
永慶房屋對單筆資料使用表格式來描述,對屋子詳細情況一目了然

Lab 27 Making images accessible


Lab 29 Mash-up 1 (Publish)

Lab 28 navigation bar


2012年5月7日 星期一

Lab 23 Making web pages accessible







把Google中其中一個fail的語法修整,在第二張與第三張圖片中有被框起來的地方,修改掉
就重新出現新的Google介面

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



HTML4 video


<video width="320" height="240" controls="controls">
  <source src="movie.mp4" type="video/mp4" />
  <source src="movie.ogg" type="video/ogg" />
  <source src="movie.webm" type="video/webm" />
<object data="movie.mp4" width="320" height="240">
  <embed src="movie.swf" width="320" height="240" />
</object> 
</video>


swf 格式是一種 Flash 製作出來的動畫檔,因此HTML4 video是需要Flash的完整黨才可以觀賞






HTML5 video


<video width="320" height="240" controls="controls">
  <source src="movie.mp4" type="video/mp4" />
  <source src="movie.ogg" type="video/ogg" />
  Your browser does not support the video tag.
</video>


HTML5 video僅需要MP4黨就能夠執行觀看影片的動作

Lab 24 Firefox Accessibility Extension




Lab 22 More on HTML



Lab 25 模擬色盲的效果