Lab 32: DOM

Lab 31: Create Image using DOM

Lab 30 navigation bar

Lab 29 Hand code a form

Lab 28 Lab Form and Action

 

Lab 24: Mash-up 1 (Publish)

Lab 26: Mash-up 3 (Blogs)

部落格與相本的結合運用。透過部落格分享你的照片集，省去傳送大量照片的缺點，自由書寫照片中的故事。

Create a slide show of your album. Embed the album in your blog.

Hint: 挪威奧斯陸之行
album

Lab 27: Mash-Up 4 (Calendars)

建立你的行事曆，並與學校行事曆合併

Google日曆-中原大學行事曆-html版本<http://www.google.com/calendar/embed?src=sth4g0ns7lj48crs0gsm3ekuns%4...>

進入後按右下角+Google日曆即可訂閱

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.


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

美感方面:
在首頁的部份，housingmaps一點開就有很直覺的地圖，相對7HOUSE是顯示許多房屋的內部裝潢，及用了很多色彩在不只在圖片上，所以我覺得housingmaps就顯的單調許多。

直覺性方面:

在尋找房子地過程中最主要的就是地點了，housingmaps提供了清楚的位置搜尋，所以直覺性方面我認為housingmaps是比較佳的。

流暢方面:

7HOUSE提供了在一開始搜尋更詳細的資訊提供給需要服務的人，不單單只是地點價位而已。而housingmaps是需要一一點開來查明屋子的訊息。故7HOUSE在這方面似乎比較符合我們的需求。

預期反應方面:

我覺得7HOUSE比較符合我的預期，在使用上我覺得7HOUSE比較便利，系統亦在每個房子註明許多房屋資訊，也提供了相關的資訊，這點讓我覺得很貼心。