2007年12月31日 星期一
期末報告題目
從 Laszlo (Laszlo in 10 minutes)，挑選一個範例進行個人研究，說明你為什麼挑選這個範例，這個範例讓你學到什麼概念，請你製作一個講義說明這個範例。
因為我對這東西一開始是完全空白，所以想說從最基本的開始，感覺很新鮮，也很不可思議自己能修改這樣的程式，因為大一計概被當，所以對程式有些害怕，但我一直覺得寫程式真的很厲害，可以憑空寫出一些東西並且跑出來，像是:樂透機率....等等，接下來就是我最基本的研究喔^^
首先 先來解釋程式碼如圖片所示喔
原始狀態
因為我對這東西一開始是完全空白，所以想說從最基本的開始，感覺很新鮮，也很不可思議自己能修改這樣的程式，因為大一計概被當，所以對程式有些害怕，但我一直覺得寫程式真的很厲害，可以憑空寫出一些東西並且跑出來，像是:樂透機率....等等，接下來就是我最基本的研究喔^^
首先 先來解釋程式碼如圖片所示喔
原始狀態小於100的結果(所示如圖)，變成藍色50了
大於200時，變成紅色囉(如圖所示)
也可以改顏色喔，變成黃色了(大於200)(如圖所示)
大於200時，變成紅色囉(如圖所示)也可以改顏色喔，變成黃色了(大於200)(如圖所示)
2007年12月17日 星期一
2007年12月16日 星期日
Homework 12-10-2007
1. List three ways of creating interactive webpages.
1.DOM and Javascript
2.CGI
3.nvu
2. Lab DOM and Javascript.
Lab DOM and Javascript
3. Reading Assignments: AJAX by Jeremy Keith
1.DOM and Javascript
2.CGI
3.nvu
2. Lab DOM and Javascript.
Lab DOM and Javascript
3. Reading Assignments: AJAX by Jeremy Keith
2007年12月10日 星期一
2007年12月3日 星期一
2007年12月2日 星期日
Homework 11-26-2007
1. Problem 1 & Problem 3 of Textbook on Page 55.Problem1. 試解釋WEB技術演進是要解決什麼樣的問題?Problem3. 程序(PROCESS)與執行緒(THREAD)對網站性能有什麼不同的影響?
ans （1）試解釋WEB技術演進是要解決什麼樣的問題?Web 1.0是靜態的網頁，主要以網站業者單向的提供內容為主，其目的是為了吸引更多人去瀏覽造訪該網站，但是光靠單方向獲取內容是無法滿足廣大群眾的需求，所以有了Web 2.0的出現。Web 2.0相較於Web 1.0，其從靜態html到動態html，給使用者很大的方便，且現在幾乎都有了現成的程式，只要動手就可以擁有一個屬於自己的部落格。其主要的精神在於由網友一起建構出內容，同時落實彼此分享以達到群眾智慧的最大效益，也可以雙方面的互動。綜上所述，Web2.0的時代是以「人際關係」作為一種商品，而Web1.0時代則以提供「資訊」的營運模式，由此可看出Web技術的演進是隨著上網人數不斷的增加;根據使用者的需求，及為了提高網站效率＼迅速的提供更新的資訊＼增快網路的速度，和網路安全等問題，使得Web的技術不斷的演進。（2）程序(PROCESS)和執行緒(THREAD)對網站性能有什麼不同的影響?程序（Process）技術的使用主要是用在Web系統演進的第二時期，當使用者增多時，由於耗費過多系統資源會導致網站速度明顯下降。執行緒（Thread）技術的使用主要是用在Web系統演進的第三時期，取代了程序，而使用常駐的服務（Service\Daemon），此程式會一直留在系統內，除非關機，否則會一直做服務。當人多時Thread就會變多;人少時，Thread就會減少，故不會耗費系統資源而導致網站速度下降。
2. What does a CGI output contain in the HTTP header? Hint: Such as Content-type
ans 留言板 計數器...
3. If you want to upload an mp3 file, should you use the GET or POST method? Why?
ans
1、Get是用來從服務器上獲得數據，而Post是用來向服務器上傳遞數據。
2、Get是不安全的，因為在傳輸過程，數據被放在請求的URL中，而現有的很多服務器、代理服務器或者用户代理都會將請求的URL紀錄到日誌文件中，然後放在某個地方，這樣就可能會有一些隱私的訊息被第三者看到。另外，用戶也可以在瀏覽器上直接看到提交的數據，一些系統內部消息將會一同顯示在用戶面前。Post的所有操作對用戶來說都是不可見的。
3、Get傳輸的數據量小，這主要是因為受URL長度限制；而Post可以傳輸大量的數據，所以在上傳文件只能使用Post
4. Reading Assignments:XML (Page 187-188 on the Textbook)
ans （1）試解釋WEB技術演進是要解決什麼樣的問題?Web 1.0是靜態的網頁，主要以網站業者單向的提供內容為主，其目的是為了吸引更多人去瀏覽造訪該網站，但是光靠單方向獲取內容是無法滿足廣大群眾的需求，所以有了Web 2.0的出現。Web 2.0相較於Web 1.0，其從靜態html到動態html，給使用者很大的方便，且現在幾乎都有了現成的程式，只要動手就可以擁有一個屬於自己的部落格。其主要的精神在於由網友一起建構出內容，同時落實彼此分享以達到群眾智慧的最大效益，也可以雙方面的互動。綜上所述，Web2.0的時代是以「人際關係」作為一種商品，而Web1.0時代則以提供「資訊」的營運模式，由此可看出Web技術的演進是隨著上網人數不斷的增加;根據使用者的需求，及為了提高網站效率＼迅速的提供更新的資訊＼增快網路的速度，和網路安全等問題，使得Web的技術不斷的演進。（2）程序(PROCESS)和執行緒(THREAD)對網站性能有什麼不同的影響?程序（Process）技術的使用主要是用在Web系統演進的第二時期，當使用者增多時，由於耗費過多系統資源會導致網站速度明顯下降。執行緒（Thread）技術的使用主要是用在Web系統演進的第三時期，取代了程序，而使用常駐的服務（Service\Daemon），此程式會一直留在系統內，除非關機，否則會一直做服務。當人多時Thread就會變多;人少時，Thread就會減少，故不會耗費系統資源而導致網站速度下降。
2. What does a CGI output contain in the HTTP header? Hint: Such as Content-type
ans 留言板 計數器...
3. If you want to upload an mp3 file, should you use the GET or POST method? Why?
ans
1、Get是用來從服務器上獲得數據，而Post是用來向服務器上傳遞數據。
2、Get是不安全的，因為在傳輸過程，數據被放在請求的URL中，而現有的很多服務器、代理服務器或者用户代理都會將請求的URL紀錄到日誌文件中，然後放在某個地方，這樣就可能會有一些隱私的訊息被第三者看到。另外，用戶也可以在瀏覽器上直接看到提交的數據，一些系統內部消息將會一同顯示在用戶面前。Post的所有操作對用戶來說都是不可見的。
3、Get傳輸的數據量小，這主要是因為受URL長度限制；而Post可以傳輸大量的數據，所以在上傳文件只能使用Post
4. Reading Assignments:XML (Page 187-188 on the Textbook)
2007年11月26日 星期一
Lab 17: Form and Action, Part II
先開啟nuv，並插入表單，並且定義表單屬性(如圖左上)
在定義表單欄位"q"
在插入按鈕，name is "click"，完成後儲存再用firefox開啟
在框框裡打入想要找的"24.9586, 121.24114"
得到map了喔^^
Homework 11-12-2007
1. 為什麼不要開出新視窗?
對於有障礙者時，當網頁開啟時是以新視窗開啟的話較為不便，也會使得上一頁失去使用功能，無法記錄曾經閱讀過歷史頁面，或是需移動滑鼠在不同的事窗，切換點閱稍嫌有點麻煩。
2. 為什麼要使用貼切的網頁標頭? 而不是留白?
標題的命名是一個相當重要的，將不同的篇章賦予相異的意義，以及為不同的內容作一些分類與區隔，方便未來的收尋與使用，和使讀者可以簡略的判斷出使否是所需使用的篇章，加速閱讀的篩選速率。
3. 定義快速鍵有什麼好處?
快速鍵其實也就是Access Keys,可以由網頁設計者自己去定義。主要有分成兩種功能，一種是能夠跳躍到自己想要瀏覽的區域,稱為表單區域的功能。例如定義alt+R可以讓使用者 直接跳到右邊的瀏覽區塊，而不需要一直按tab鍵。另一種是提供快速連結的功能。例如定義alt+S再加上Enter可以使用者切換至搜索網頁的功能，這 能快速提供使用者使用這個功能,一樣不用一直按tab去搜索這個功能所在位置。
對於有障礙者時，當網頁開啟時是以新視窗開啟的話較為不便，也會使得上一頁失去使用功能，無法記錄曾經閱讀過歷史頁面，或是需移動滑鼠在不同的事窗，切換點閱稍嫌有點麻煩。
2. 為什麼要使用貼切的網頁標頭? 而不是留白?
標題的命名是一個相當重要的，將不同的篇章賦予相異的意義，以及為不同的內容作一些分類與區隔，方便未來的收尋與使用，和使讀者可以簡略的判斷出使否是所需使用的篇章，加速閱讀的篩選速率。
3. 定義快速鍵有什麼好處?
快速鍵其實也就是Access Keys,可以由網頁設計者自己去定義。主要有分成兩種功能，一種是能夠跳躍到自己想要瀏覽的區域,稱為表單區域的功能。例如定義alt+R可以讓使用者 直接跳到右邊的瀏覽區塊，而不需要一直按tab鍵。另一種是提供快速連結的功能。例如定義alt+S再加上Enter可以使用者切換至搜索網頁的功能，這 能快速提供使用者使用這個功能,一樣不用一直按tab去搜索這個功能所在位置。
2007年11月12日 星期一
Lab 14: Accessibility by GreaseMonkey
- Google Search Keys Numbers the results in a Google search page and you can type the corresponding number to follow the link. Updated: 2005-04-26. more
安裝後
2.Google Access Keys Enables navigation through Google search results.
3.AccessBar: displays defined accesskeys in a fixed-position bar along the bottom of the window. Added 2005-04-01 (not a joke). Find how many access keys have been defined at www.ocac.gov.tw www.epa.gov.tw
4.Continued from 3, use google to find 3 more government sites in Taiwan that enable access keys.
訂閱：
文章 (Atom)