Lab 32: DOM

1. Open KompoZer
2. Based on the code as in

http://www.scottandrew.com/weblog/articles/dom_4 ,
write a code to generate the table of 9*9 products. (九九乘法表)

Hint: The javascript code should be enclosed by script tags.

Lab 31: Create Image using DOM

1. Open KompoZer
2. Hand code a javascript that loads an image from Internet based on
the DOM model.
3. Take a look at the sample code that shows how window.onload to load the image.
4. Use a button to load the image. Try how onclick works.

Lab 30 navigation bar

Lab 29 Hand code a form

Lab 28 Lab Form and Action

  

GET

POST

GET的可以順利搜尋到所要的資訊

而POST則會出現Method not allowed


可能Google把POST的功能禁止了導致只有GET可以順利搜尋

Lab 27: Mash-Up 4 (Calendars)

建立你的行事曆，並與學校行事曆合併

Lab 26: Mash-up 3 (Blogs)

部落格與相本的結合運用。透過部落格分享你的照片集，省去傳送大量照片的缺點，自由書寫照片中的故事。

Create a slide show of your album. Embed the album in your blog.

Lab 25: Mash-up 2 (Maps)

真實案例
96年度全人關懷獎 -崔媽媽科技服務工作團隊


For housing services, compare the following two websites
http://www.housingmaps.com

http://www.7house.com.tw

List the differences in the user interface design and usability. Make comments
by your use experiences.

美感 :7HOUSE的視覺感覺起來比較像網頁，因此容易操作，配上圖片更顯的清楚
        HousingMaps則容易了解地區性，各有優點

直覺性: 7HOUSE的網頁能從小圖直接觀看房子的外觀
           就這點來說直覺性就比HousingMaps來的好

流暢:7HOUSE的可以利用查詢了解特性房子的特性，這點也比HousingMaps來的直接

預期反應:就我而言，如果以後要搜尋有關房屋的話，7HOUSE的使用性我覺得會比
              HousingMaps來的高，也比較實用。

Lab 24: Mash-up 1 (Publish)

1. Upload a sample ppt to Google Docs.
2. Publish the uploaded ppt.
3. Embed the online ppt to your blog.

The reason to do so is that the readers don't have to have ppt to view your presentation. For example, some users work with Linux or Unix, and others work with MacOS. They will appreciate you for doing so.