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:


張貼者： 於 沒有留言:
標籤：

2010年11月28日 星期日

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=""引號內的敘述了。
張貼者： 於 沒有留言:
標籤：

Homework 5

1. 網路可不可能增進身心障礙者的便利，請舉例說明?
是可能的。首先網際網路就已經先縮短了物理上的距離，
這就已經先設置了一個於交通上便利的環境。
而使用者無論身心障礙者或一般常人，皆是透過終端設備連上網路，
我們可以說，在網路上遇到的每一個人，中間至少隔了兩個設備介面，
也就縮小了一般人與身心障礙者的差異。
若是我們能夠針對身心障礙者的不足以終端設備的設計來補強，
比方說放大鏡功能，便利貼功能，逐字朗讀功能，甚至外接耳機等等。
那身心障礙者更能享受到現實環境中所沒有辦法做到的便利。


2. 瀏覽器會洩漏使用者的隱私嗎? 為甚麼?
覺得是有可能會的，因為瀏覽器現在提供了許多自動完成的服務，而提供給一般使用者
接觸的操作介面也並不代表網頁實際會進行的動作，當我們開放權限讓瀏覽器自動使用
一些經過我們授權或曾經使用過的資料，那便容易給有心人士所擷取利用。
張貼者： 於 沒有留言:
標籤：

Homework 3

1.系上教師近年著作
張耀仁老師

高慧玲老師

陳淳杰老師

2.Firefox 最新市占率約為22.83%
資料來源

3.在Homework2中獲得多少篇回應? 有幫助嗎?
沒有得到回應。
張貼者： 於 沒有留言:
標籤：

Homework 2

1. 你有何策略可以針對網路大學排名四個要素提出改善本校排名之道?

Ans:
大學網路排名的四個要素:
1.網頁數

2.連結度(能見度)

3.檔案數

4.論文索引

首先是加強學校學術資料上網的動作，針對檔案數和論文索引的部分加強，特別是要注意
檔案數是以Pdf檔為搜尋依據，再來是鼓勵各單位建立網站，並在網頁名稱中加入學校的招牌，
最後則是增加對外的合作研究，針對採計的四個數據做加強，應能提高學校的網路排名。
張貼者： 於 沒有留言:
標籤：

Lab 17. Access bar

僑委會:


環保署:


氣象局:


郵局:



人事行政局:
張貼者： 於 沒有留言:
標籤：

Lab 16. Accessibility in GreaseMonkey

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




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


比較沒有安裝插件的Chrome:
張貼者： 於 沒有留言:
標籤：

Lab 13. Google Mars

1. Observe how Google Mars loads the map and does the zooming. Is the data downloaded once for all or retrieved on demand?
Ans: It is retrieved on demand. 因為只要zooming 速度加快，就會看到右下角顯示
"從mw1.google.com接收資料"

2. 這個服務的特色有哪些?
提供以高度為參考的上色圖，看出火星地勢的起伏
還有純視覺可以體驗最單純的火星視角，再來就是紅外線攝影圖。
另外這是使用類似google map和google earth的操作介面，也就是說，
這套介面應該能套用在各種圖資上，實現不同地圖的使用需要。
張貼者： 於 沒有留言:
標籤：

Lab 12. Using Google PageRank

NY times: Rank 9


CNN: Rank 8


台灣雅虎: Rank 8


Yam: Rank 7


PC shopping: Rank 6


Monday: Rank 4


43Rumor: Rank 3


Mobile01: Rank 5


Moto-lines重車地平線: Rank 2
張貼者： 於 沒有留言:
標籤：

LAB 11. Using your igoogle

首先進入google首頁

點選右上方igoogle的選項:


即可切換到igoogle頁面(需登入google會員帳號)


紅框內為Google group 和Google reader

加入群組:


加入老師的部落格到閱讀器:


張貼者： 於 沒有留言:
標籤：

LAB 10. Google Docs

首先進入Google 文件服務

撰寫一篇文件:


選取右上角的共用選項，

選擇發布於網路:


接著便能夠取得文章的網址:

文件連結

將Google Docs 加入igoogle 個人網頁:


最後存成檔案:


能夠選擇pdf 和word格式。
張貼者： 於 沒有留言:
標籤：

2010年11月22日 星期一

Lab 31.Create Image using DOM
















Line 8~15為一個method 用來在網頁上產生貼圖

Line 16 是示範頁中的指令，使得網頁在讀取時執行 Build()這個動作。

Line 21 是新加入的指令 產生一個button 並在點擊時進行 build() 這個動作。


圖(一) 為網頁起始畫面。

圖(二) 為點擊一次button後的畫面。















圖(一)
















圖(二)
張貼者： 於 沒有留言:
標籤：
訂閱： 文章 (Atom)