2011年5月30日 星期一

2011年5月16日 星期一

lab33

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







for the http://maps.google.com/maps?q=24.9586,+121.24114


lab32

"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?






1.for "get"





2.for"post"




2011年5月2日 星期一

te

<a href="http://yourblog/your-article.html">Your name and this homework</a>

lab31

lab30

lab29

         housing map在點選所要觀看的房子時,主要為純文字,但永慶房屋除了有圖片以外,還提供影片的觀賞,使買家能更進一步了解房子。

        但housing map的美感較優,並不是富有裝飾,而是簡單,並以地圖作為主要頁面,在介紹方面也以簡單的方式呈現,相較於永慶房屋的過度五花八門的繁雜廣告破壞美感,更讓使用者容易操作與輕鬆。
        除此之外在直覺上,還是以housing較為佳,因在右側設計了一個選單,並在選擇列標出價錢、描述、張貼日期一目瞭然,並有左側的地圖作為導覽,使得點選的直覺性以及流暢較為顯著。
       在使用上,我覺得housing mpa真的很不錯,因為其瀏覽與張貼系統走簡單路線,所需要的訊息開門見山,並且沒有多餘的廣告讓人感到厭煩,用起來真的沒有太大的壓力。
反而後者的網站就需得去除一些不必要的廣告,或是撤下使用度不高的選項,像是尋找房子應該只需要一個連結就夠了,不需要增設許多看似相同的連結,讓使用者不知從何獲得資訊。

lab27

lab28