LAB32

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.

LAB31

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.

Lab29

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.

Lab28

Lab30

Lab 30 navigation bar

1. 進入你的部落格，登入，選擇自訂
2. 新增小工具
3. 選取
HTML/JavaScript
4. 撰寫或貼上所需連結(範例)

 

 

 

Lab25

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裡面的照片就可以看到房子裡面的裝潢，就第一眼而言7house給我的感覺比housingmaps來的舒服且乾淨許多。




直覺性:
 housingmaps相較於7house就比較 顯得沒有那麼明顯是賣房子的，7house一點進去就很清楚明白的有照片和房子要賣的訊息，housingmaps則比較像地圖瀏覽。

流暢:
housingmaps可能是因為要處理很多地圖資料所以用起來沒有7house來的流暢，畢竟7house是以照片和文字單純的來表達網頁而已，並沒有像housingmaps用上地圖來顯示。




預期反應:
雖然housingmaps看起來好像沒有7house來的優秀，前幾項評比都不優於7house，不過對一個真正要買房子的人，地段其實是一個很大的考量，雖然7house可以看到內部的裝潢，可是只給一個地址並沒有辦法像housingmaps把地段及附近的地圖資訊表達的那麼好，所以housingmaps雖然給人的第一印象不是最好，可是真正就實用而言，我認為反而更優於7house。

Lab27

Lab 27: Mash-Up 4 (Calendars)

建立你的行事曆，並與學校行事曆合併
Google日曆-中原大學行事曆-html版本<http://www.google.com/calendar/embed?src=sth4g0ns7lj48crs0gsm3ekuns%4...>
進入後按右下角+Google日曆即可訂閱

Lab26

Lab 26: Mash-up 3 (Blogs)
部落格與相本的結合運用。透過部落格分享你的照片集，省去傳送大量照片的缺點，自由書寫照片中的故事。

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

Hint: 挪威奧斯陸之行
album

 檢視全部的評論

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

Lab24

 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.