快速連結:

顯示具有 Lab 標籤的文章。 顯示所有文章
顯示具有 Lab 標籤的文章。 顯示所有文章

2010年12月13日 星期一

Lab 37: 製作一個報名網站







表單連結

Lab 36. Speed test

使用網站 Speedtest .net 來測試上網頻寬
分別使用的設定為 (1) Proxy.cycu.edu.tw
(2) Proxy.csie.ncu.edu.tw
(3) 不使用Proxy

(1)


(2)


(3)


比較下載 3>2>1, 上傳也是3>2>1

比較奇怪的是2或3的設定,測出來的速度皆高於平均值,

惟獨設定(1)的設定低於平均值很多。

2010年12月6日 星期一

Lab 35. Blog Cloud

Lab 34. Syndication with RSS 2.0

在設計裡面的新增小工具裡找到資訊提供

部落格尾端會有訂閱文章(Atom) 在此可以得到訂閱連結,
放進資訊提供網址裡面。


再設定相關資訊


相關訂閱就會顯示在旁邊。

Lab 33. 匯出部落格








匯出後比對文章數沒有問題,文章內容甚至順序也沒有被重新排列

發佈文章時間也相同,無法隱藏遲交作業的事實...

所匯入的部落格

2010年11月29日 星期一

Lab 32. DOM









Lab 30. Navigation Bar

在內建選項中加入語法


完成後便出現對應的超連結

Lab 29. Hand code a form

Code:

網頁:

搜尋後的結果:

Lab 28. Lab Form and Action

Step:1~7↓




Step 8: Method get → POST:


Lab 27. Mash-up 4(Calendars)

已經使用中的Google Calendar:




可以自己設置不同的月曆以記錄不同身分或需求的月曆,並選擇是否顯示出來:




外加學校的月曆:





可以去看看自己喜歡的網站是否也有設置Google Calendars,如此一來可以很輕鬆
的跟隨最新活動訊息(也可以很輕鬆得把錢花光...)。

Lab 26. Mash-up 3(Blogs)

最近接觸的新活動,攝影,透過手中簡單的設備尋找平常一閃即逝的美景,並保留下來。

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.


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

Lab 24. Mash-up 1(Publish)

1. Upload a sample ppt to Google Docs.
2. Publish the uploaded ppt.
3. Embed the online ppt to your blog.

The reason to do so is that the readers don't have to have ppt to view your presentation. For example, some users work with Linux or Unix, and others work with MacOS. They will appreciate you for doing so.

Lab 23. Making web pages accessible

1. Use Firefox Accessibility Extension to identify the accessibility failures and warnings in http://google.com

2. Fix the failures you found.

Lab 22. Firefox Accessibility Extension

Mobile01

愛樂電台官方網站:
43Rumors:

Lab 21. Making images accessible

安裝Accessibility Extension之後,我們可以找到Text Equivalents的選項:




點開下拉式選單,將Show text equivalents打勾:



網頁中的圖片就會變成我們放在alt=""引號內的敘述了。

Lab 17. Access bar

僑委會:


環保署:


氣象局:


郵局:



人事行政局:

Lab 16. Accessibility in GreaseMonkey

安裝了Google Search keys 和 Access keys插件:




安裝了Search keys 後產生了數字標籤:


比較沒有安裝插件的Chrome: