Mash-Up 4 (Calendars)

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

Google日曆-中原大學服務學習活動行事曆-html版本

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

Mash-up 3 (Blogs)

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

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

Hint: 挪威奧斯陸之行
album

Mash-up 2 (Maps)

真實案例
96年度全人關懷獎 -崔媽媽科技服務工作團隊


For housing services, compare the following two websites
http://www.housingmaps.com

http://yungching.housefun.com.tw/

List the differences in the user interface design and usability. Make comments
by your use experiences.


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

美感
HousingMaps 　簡樸沒有太多修飾
永慶房屋 　　　修飾太多有點太花俏,看得眼睛不舒服

直覺性
HousingMaps 　細緻的街道圖
永慶房屋　 　　台灣縣市鄉鎮的圖示

流暢
HousingMaps　　範圍較大地圖，所以標示跑得慢
永慶房屋　 　　　彈跳視窗，需等待顯示

預期反應
HousingMaps　　分類簡單
永慶房屋　　　　複雜但是細緻

Mash-up 1 (Publish)

HTML

More on HTML

 

 H1  字體最大

字體隨1.2.3依序變小

 

依照1. 2.....依序以數字做標

以點作標註