2007年12月3日 星期一
"lab 18: Lab XML & XSLT"
1. Register and Download Xray, an XML, XSLT editor and processor.2. Given the the XML file and XSLT file ,use Xray to do the transformation of the XML into HTML.You have to replace [ with <.3. View the formatted HTML file.

Homework 11-26-2007
1. Problem 1 & Problem 3 of Textbook on Page 55.
1.試解釋WEB技術演進是要解決什麼樣的問題?
Web最早的概念包括不常更新,甚至不更新的靜態HTML頁面。而.com時代的成功則是依靠一個更加動態的Web,可以從不斷變化的內容資料庫中即時生成動態HTML頁面。Web 是透過參與者的互動:不論是提供內容、為內容索引或評分,都能夠使他們所使用的平臺增值。透過參與者的互動,好的產品或資訊本著它的口碑,核心概念是互動與分享,所有的網路行為,都可用「互動、分享」的概念來作詮釋。
3.程序(PROCESS)害執行緒(THREAD)對網站性能有什麼不同的影
Program:一群程式碼的集合,用以解決特定的問題。以物件導向的觀念來類比,相當於Class。 Process:由Program所產生的執行個體,一個Program可以同時執行多次,產生多個Process。以物件導向的觀念來類比,相當於Object。每一個Process又由以下兩個東西組成 一個Memory Space。相當於Object的variable,不同Process的Memory Space也不同,彼此看不到對方的Memory Space。 一個以上的Thread。Thread代表從某個起始點開始(例如main),到目前為止所有函數的呼叫路徑,以及這些呼叫路徑上所用到的區域變數。當然程式的執行狀態,除了紀錄在主記憶體外,CPU內部的暫存器(如Program Counter, Stack Pointer, Program Status Word等)也需要一起紀錄。
2. What does a CGI output contain? Hint: Such as Content-type and HTTP header
留言板 E-mail意見回覆 計數器...等等
3. If you want to upload an mp3 file, should you use the GET or POST method? Why?
POST method,POST 方法是將資料包裝在 HTTP 標頭內傳送給 Web server;而 GET 方法則是將資料直接加在 URI 之後。
4. Reading Assignments:XML (Page 187-188 on the Textbook)
1.試解釋WEB技術演進是要解決什麼樣的問題?
Web最早的概念包括不常更新,甚至不更新的靜態HTML頁面。而.com時代的成功則是依靠一個更加動態的Web,可以從不斷變化的內容資料庫中即時生成動態HTML頁面。Web 是透過參與者的互動:不論是提供內容、為內容索引或評分,都能夠使他們所使用的平臺增值。透過參與者的互動,好的產品或資訊本著它的口碑,核心概念是互動與分享,所有的網路行為,都可用「互動、分享」的概念來作詮釋。
3.程序(PROCESS)害執行緒(THREAD)對網站性能有什麼不同的影
Program:一群程式碼的集合,用以解決特定的問題。以物件導向的觀念來類比,相當於Class。 Process:由Program所產生的執行個體,一個Program可以同時執行多次,產生多個Process。以物件導向的觀念來類比,相當於Object。每一個Process又由以下兩個東西組成 一個Memory Space。相當於Object的variable,不同Process的Memory Space也不同,彼此看不到對方的Memory Space。 一個以上的Thread。Thread代表從某個起始點開始(例如main),到目前為止所有函數的呼叫路徑,以及這些呼叫路徑上所用到的區域變數。當然程式的執行狀態,除了紀錄在主記憶體外,CPU內部的暫存器(如Program Counter, Stack Pointer, Program Status Word等)也需要一起紀錄。
2. What does a CGI output contain? Hint: Such as Content-type and HTTP header
留言板 E-mail意見回覆 計數器...等等
3. If you want to upload an mp3 file, should you use the GET or POST method? Why?
POST method,POST 方法是將資料包裝在 HTTP 標頭內傳送給 Web server;而 GET 方法則是將資料直接加在 URI 之後。
4. Reading Assignments:XML (Page 187-188 on the Textbook)
2007年11月26日 星期一
Lab 17: Form and Action, Part II
Lab 16: Form and Action
"logic will get you from A to B - imagination will take you anywhere"How to use Form to invoke a remote service through CGI.
1. Copy the search box of this search page,inlcuding radio buttons, text input, and submit button.
2. Open your Nvu HTML editor.
3. Open a new empty HTML file.
4. Paste the search box into this new file.
5. Use Nvu to add a Form to this search box. Do not hand code the HTML. Just fill the blank in the Form dialog.
6. In the form dialog, set Action="http://google.com/search" and name of Form as "f" and method as "get"

7. Run your HTML by Firefox. What do you get?

8. Set method as "post"

9. Run your HTML by Firefox. What do you get?
1. Copy the search box of this search page,inlcuding radio buttons, text input, and submit button.
2. Open your Nvu HTML editor.
3. Open a new empty HTML file.
4. Paste the search box into this new file.
5. Use Nvu to add a Form to this search box. Do not hand code the HTML. Just fill the blank in the Form dialog.
6. In the form dialog, set Action="http://google.com/search" and name of Form as "f" and method as "get"
7. Run your HTML by Firefox. What do you get?
8. Set method as "post"
9. Run your HTML by Firefox. What do you get?
Homework 10-1-2007
根據無障礙網頁設計原則
1. 為什麼不要開出新視窗?
對於有障礙者時,當網頁開啟時是以新視窗開啟的話較為不便,也會使得上一頁失去使用功能,無法記錄曾經閱讀過歷史頁面,或是需移動滑鼠在不同的事窗,切換點閱稍嫌有點麻煩。
2. 為什麼要使用貼切的網頁標頭? 而不是留白?
標題的命名是一個相當重要的,將不同的篇章賦予相異的意義,以及為不同的內容作一些分類與區隔,方便未來的收尋與使用,和使讀者可以簡略的判斷出使否是所需使用的篇章,加速閱讀的篩選速率。
3. 定義快速鍵有什麼好處?
將所想使用的功能快速叫出來使用,節省一層層下押的尋找功能鍵時間,就像是要收循文章中的資料,只要按下Ctrl+f 即可快速尋找,則不必先分次按下編輯→尋找文字的功能鍵,或是要開啟新分頁時則是Ctrl+T
1. 為什麼不要開出新視窗?
對於有障礙者時,當網頁開啟時是以新視窗開啟的話較為不便,也會使得上一頁失去使用功能,無法記錄曾經閱讀過歷史頁面,或是需移動滑鼠在不同的事窗,切換點閱稍嫌有點麻煩。
2. 為什麼要使用貼切的網頁標頭? 而不是留白?
標題的命名是一個相當重要的,將不同的篇章賦予相異的意義,以及為不同的內容作一些分類與區隔,方便未來的收尋與使用,和使讀者可以簡略的判斷出使否是所需使用的篇章,加速閱讀的篩選速率。
3. 定義快速鍵有什麼好處?
將所想使用的功能快速叫出來使用,節省一層層下押的尋找功能鍵時間,就像是要收循文章中的資料,只要按下Ctrl+f 即可快速尋找,則不必先分次按下編輯→尋找文字的功能鍵,或是要開啟新分頁時則是Ctrl+T
2007年11月12日 星期一
Lab 14: Accessibility by GreaseMonkey
1. 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 http://www.ocac.gov.tw/ http://www.epa.gov.tw/


4.Continued from 3, use google to find 3 more government sites in Taiwan that enable access keys.


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 http://www.ocac.gov.tw/ http://www.epa.gov.tw/
4.Continued from 3, use google to find 3 more government sites in Taiwan that enable access keys.
訂閱:
文章 (Atom)