Lab 42 製作一個報名網站

Lab 41 Google Analytics

Lab 40 Speed Test

cycu proxy

ncu proxy

無法測試

no proxy

Lab 39 Syndication with RSS 2.0

Lab 38 XML (2)

Lab 36 Programming in DOM

Lab 37 XML

XML：Extensible Markup Language，簡稱XML，是一種電腦所能理解的信息符號語言，通過此種語言，電腦之間可以處理包含各種的信息文章。國際通用的標記語言HTML，XML則是由相關人士自由決定的標記語言。


XSLT：Extensible Stylesheet Language Transformation ，簡稱XSLT，是一種用來指示XSLT處理器要如何將XML文件中的資訊轉換成另一種格式的語言。

Lab 35 Create Image using DOM

Lab 34 Hand code a form

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

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

  

Lab 33 Lab Form and Action

Lab 32 Mash-Up 4 (Calendars)

Lab 31 Mash-up 3 (Blogs)

Lab 30 Mash-Up, Part 2 (Maps)

housingmaps

• 配色較為單調，沒有廣告，乾淨俐落
• 功能簡單，使用方便
• 網頁反應順暢，整體為清單式列表

永慶房屋

• 搭配招牌橘黃色，很醒目，旁邊置入廣告
• 可查詢細項較多，但須花時間熟悉
• 網頁反應順暢

housingmaps對單筆資料使用段落文字來描述，使用者無法馬上找到想要的資訊

永慶房屋對單筆資料使用表格式來描述，對屋子詳細情況一目了然

Lab 27 Making images accessible

Lab 29 Mash-up 1 (Publish)

Lab 28 navigation bar

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 模擬色盲的效果

Lab 21 HTML

Lab 20 Google Accessibility