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

Hand code a HTML or use KompoZer to edit an HTML so that the webpage can send a request to Google like
http://maps.google.com/maps?q=24.9586,+121.24114

Use Form CGI that includes action, input, and submit.
Try a few different coordinates.

中壢夜市

Lab 28 Lab Form and Action

Lab 27: Mash-Up 4 (Calendars)

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

Google日曆-中原大學行事曆-html版本
進入後按右下角+Google日曆即可訂閱

Lab 26: Mash-up 3 (Blogs)

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

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

檢視全部的評論

取得您自己的 Flash 投影片代碼

Lab 25: Mash-up 2 (Maps)

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
美感	就如同一般搜尋網站，簡單呈現出選單，沒有令人感到特別之處。	畫面如同GOOGLE　ＭＡＰ，美感較低。
直覺性	我發現網站並無法快速了解租金，照片太過於少，資料也不夠完整，無法清楚了解房屋資訊。	使用地圖呈現租屋資訊，讓人很快速的找到理想的房子，並且能輕易判斷方位以及了解附近交通便利度。
流暢	流暢度普通，與一般１０４人力銀行差不多。	利用地圖尋找，流暢度大大提升，不過如果租屋資訊太過密集時，會有點難按。
預期反應	７５分	８８分

Lab 24: Mash-up 1 (Publish)