2011年12月19日 星期一
2011年12月5日 星期一
Lab 32 Hand code a form
Before you do this lab, you must understand what is CGI(Common Gateway Interface) and Form.
1. So please search the answer and post your opinion in your blog.
2. 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.
1. So please search the answer and post your opinion in your blog.
2. 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 31 Lab Form and Action
Dynamic pages, content generated by server-side programs.
CGI, Common Gateway Interface, for sending requests to server-side programs.
static page
Ex:
http://www.google.com/
dynamic page
Ex:
http://www.cna.com.tw/
URL that sends a request by CGI
Ex:
http://maps.google.com/maps?q=24.9586,+121.2411
"logic will get you from A to B - imagination will take you anywhere"
How to use Form to invoke a remote service through CGI.
1. Copy the search box of this search page,
inlcuding radio buttons, text input, and submit button.
2. Open your KompoZer HTML editor.
3. Open a new empty HTML file.
4. Paste the search box into this new file.
5. Use KompoZer to add a Form to this search box. Do not hand code the HTML. Just fill the blank in the Form dialog.
6. In the form dialog, set Action="http://google.com/search" and name of Form as "f" and method as "get"
(See Hint if it does not work.)
7. Save your file on your computer. Run your HTML by Firefox. What do you get?
8. Set method as "post"
9. Run your HTML by Firefox. What do you get?
CGI, Common Gateway Interface, for sending requests to server-side programs.
static page
Ex:
http://www.google.com/
dynamic page
Ex:
http://www.cna.com.tw/
URL that sends a request by CGI
Ex:
http://maps.google.com/maps?q=24.9586,+121.2411
"logic will get you from A to B - imagination will take you anywhere"
How to use Form to invoke a remote service through CGI.
1. Copy the search box of this search page,
inlcuding radio buttons, text input, and submit button.
2. Open your KompoZer HTML editor.
3. Open a new empty HTML file.
4. Paste the search box into this new file.
5. Use KompoZer to add a Form to this search box. Do not hand code the HTML. Just fill the blank in the Form dialog.
6. In the form dialog, set Action="http://google.com/search" and name of Form as "f" and method as "get"
(See Hint if it does not work.)
7. Save your file on your computer. Run your HTML by Firefox. What do you get?
8. Set method as "post"
9. Run your HTML by Firefox. What do you get?
2011年11月28日 星期一
Lab 28 Mash-up 2 (Maps)
美感:yungching比housingmap色彩豐富多了,會使讀者想深入了解。
直覺性:yungching比housingmap分類來的更簡單明瞭,讀者可從不同的角度,更快找到自己想要找的房子。
流暢:yungching提供客戶更多的服務,像是可以需求留言。
預期反應:housingmap地圖太廣,分類也較不明確。而yungching則顯得豐富許多。
直覺性:yungching比housingmap分類來的更簡單明瞭,讀者可從不同的角度,更快找到自己想要找的房子。
流暢:yungching提供客戶更多的服務,像是可以需求留言。
預期反應:housingmap地圖太廣,分類也較不明確。而yungching則顯得豐富許多。
2011年11月21日 星期一
2011年11月8日 星期二
2011年10月31日 星期一
Lab 16 Using Google PageRank
紐約時報 http://www.nytimes.com
CNN http://www.cnn.com/
台灣雅虎 http://tw.yahoo.com
蕃薯藤 http://www.yam.com
PCHome 購物 http://shopping.pchome.com.tw/
臉書Facebook
中原大學
中原愛學習
CNN http://www.cnn.com/
台灣雅虎 http://tw.yahoo.com
蕃薯藤 http://www.yam.com
PCHome 購物 http://shopping.pchome.com.tw/
臉書Facebook
中原大學
中原愛學習
2011年10月24日 星期一
Lab 14 共同編輯文件
閱讀莫拉克風災電腦教室再生計畫,假設這個計畫是由你發起,你要擬定一張志工排班表,以及修復場地值班人員。
1.請製作一張值班人員表,為了提升效率,你決定先擬好空白表格,再開放編輯權限給你的夥伴填寫,請夥伴上網登記輪值時間。
2.製作志工時間登記表,當志工們填寫資料,管理者可以得到一份excel清單,為了保障個人隱私,請不要將excel公開給所有人。
莫拉克風災志工調查表
1.請製作一張值班人員表,為了提升效率,你決定先擬好空白表格,再開放編輯權限給你的夥伴填寫,請夥伴上網登記輪值時間。
2.製作志工時間登記表,當志工們填寫資料,管理者可以得到一份excel清單,為了保障個人隱私,請不要將excel公開給所有人。
莫拉克風災志工調查表
訂閱:
文章 (Atom)








































