總網頁瀏覽量

2011年5月16日 星期一

Lab 33 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.

更改為Googlemap網址





輸入座標



完成搜尋

Lab 32 Lab Form and Action

"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年5月2日 星期一

lab 31

lab 30 pic

lab 30

<table style="width:194px;"><tr><td align="center" style="height:194px;background:url(https://picasaweb.google.com/s/c/transparent_album_background.gif) no-repeat left"><a href="https://picasaweb.google.com/114944354544055191134/May2201102?authkey=Gv1sRgCKGCxq_w7_jWpAE&feat=embedwebsite"><img src="https://lh6.googleusercontent.com/_EGJL44TozDY/Tb6nAiQKLjE/AAAAAAAAAGM/l76kREowD8s/s160-c/May2201102.jpg" width="160" height="160" style="margin:1px 0 0 4px;"></a></td></tr><tr><td style="text-align:center;font-family:arial,sans-serif;font-size:11px"><a href="https://picasaweb.google.com/114944354544055191134/May2201102?authkey=Gv1sRgCKGCxq_w7_jWpAE&feat=embedwebsite" style="color:#4D4D4D;font-weight:bold;text-decoration:none;">May 2, 2011</a></td></tr></table>

lab29





比較: 美感,直覺性,流暢,預期反應

美感_永慶>housingmaps

畫面可能因為有googlamap的原因,看起來較混亂些。但地圖實用性極高

永慶OK漂亮

直覺_housingmaps>永慶

照地圖點 很方便

流暢_差不多

連結清楚整體而言永慶可以選的比較多!

預期反應:永慶>housingmaps

漂亮好懂! 版面清楚!




lab 28



lab27

建立連結完成!


連結網站成功!