隨堂練習

2011年5月23日 星期一

Lab 35

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 34 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.









2011年5月16日 星期一

Lab 33 Hand code a form


填上googlemap網址

搜尋介面

測試成功
什麼是CGI?
CGI 是 Common Gateway Interface 的簡稱. 其主要的功能是在 WWW 環境 下, 藉由從使用者端傳遞一些訊息給 WWW 伺服軟體, 再由 WWW 伺服軟體去啟動所指定的程式碼來完成特定的工作. 所以更明確的說, CGI 僅是 在 WWW 主機端上的可執行的程式碼. 基本上, 在此種主從式 (Client/Server)的環境之下, 其 IPC (InterProcess Communication) 的協定是利用訊息傳遞及記憶體分享(環境變數)的方式來完成. CGI 有其特定的寫法及規格, 必須遵守其原則方可達到主從端資訊交流的目的, 這是應該要知道的. 

有了 CGI 功能的加入可以使得 WWW 的環境不僅可以有單向的資訊瀏覽, 更可以有雙向的互動. 若說 CGI 的發展是 WWW 能受廣大使用者喜愛的最大原因是不為過的.

取自奇摩知識家

Lab 32 Lab Form and Action

改<get>及goole網址


做出介面

測試收尋

改<post>





2011年5月2日 星期一

Lab 31 Mash-Up 4 (Calendars)

Lab 30 Mash-up 3 (Blogs)

Lab 29 Mash-up 2 (Maps)



1.沒有過多的美編,但地圖作為背景,還算不錯。(個人偏好)
2.直覺性較佳,地理位置分布很棒。
3.流暢性佳,會想同區比較多一點的房子。
4.此網頁會是未來房地產的一個指標。


1.以暖色係去烘托整個網頁背景,又帶有感覺。
2.直覺性較差,整個網頁看起來很亂,重點是房子,去看到一些沒啥相關的文章。
3.流暢性稍差,找房子常常會卡住。
4.未來可能會被淘汰。

Lab 28 Mash-up 1 (Publish)

Lab 27 navigation bar


紅色框框中