Lab 2: 讓你的部落格產生最新回應

在我的部落格可以看到回饋清單的功能，它可以列出最新針對你部落格的回應，因為有些回應可能是針對你一個月前或更舊的部落格文章，而你可能不會再回去看這 些較舊文章是否在最近收到回應，有了清單，此問題迎刃而解。即使針對你最近發表的文章，這個清單功能也很有用，讓你快速瀏覽與閱讀這些回應。

回饋清單功能本身是RSS 2.0 XML，所以也可以用Firefox RSS 或 Google Reader 抓取閱讀，非常方便。

步驟:
1. 進入版面配置，開啟回應
2. 資訊源設定如 http://minstral.blogspot.com/feeds/comments/default
3. 請你的同學給你一個 comment，是否能正確顯示在最新回應上。
4. 實例

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.

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.

Lab 28 Lab Form and Action

In the form dialog, set Action="http://google.com/search" and name of Form as "f" and method as "get"

Set method as "post"

Lab 30 navigation bar

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.


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




ㄧ、美感：第一個網站用地圖的方式來呈現，而第二個網站看起來跟ㄧ般網站差不多，比較起來，地圖方式呈現的方法比較有特色，比較吸引目光!

二、直覺性：第一個剛點進去會以為是GOOGLE MAP ，比較不像租屋網站!  第二個網站，ㄧ點進去就有很多，直覺性的就像是個獷告目的明顯的網站。

 

三、流暢：若知道第一個網站是租網網，如果你也懂英文(雖然瀏覽器有翻譯功能)，真的是ㄧ目了然!介面功能也很人性化，也能馬上知道你所選擇的房子的確切方位與位子。

四、預期反應 ：但深入使用的結果，兩個網站所找到的房子，房屋的租屋內容很詳細，都能符合租屋者的需要，但第一個的網站地區的範圍指現在莽些城市，租屋分布好像只有密集在某些地區或市區(從地圖判斷)，對於需要非市區的租屋者較不適用，而第二個反而較多選擇，也比較符合多人的需求!

Lab 27: Mash-Up 4 (Calendars)