2007年11月26日 星期一

Lab 17: Form and Action, Part II

Use Form CGI that includes action, input, and submit.
Try a few different coordinates.
(I did it by Nvu )


Lab 16: Form and Action

Run your HTML by Firefox. What do you get?
如果使用"get"的傳輸模式:




Run your HTML by Firefox. What do you get?

如果換用"post"的傳輸方式:

2007年11月23日 星期五

Homework 10-1-2007

根據無障礙網頁設計原則

1. 為什麼不要開出新視窗?

○當瀏覽器被強迫開新視窗時,「上一頁」的功能將失效,若又沒在新視窗給予好的標頭描述,將會使憑藉於螢幕朗讀軟體的使用者混亂,不知道自己已經開了兩個新的視窗,而將自己不需要資訊的網頁瀏覽了一遍。
○一個良好的網頁設計者必需有"是否開新視窗"是讓使用者自己去決定的認知,使用者可以借著滑屬或快速鍵來決定是否開新視窗。

2. 為什麼要使用貼切的網頁標頭? 而不是留白?


○網站上的每個頁面,都該有個獨一無二且具有意義的頁面標題。對於得從標頭開始閱讀的使用者,他可以有效率地知道這個網頁的資訊是什麼,是否要繼續瀏覽。
○尤其當人們在許多視窗間切換時,除了能提供一些重要的線索,更能分辨是否已經瀏覽過。

3. 定義快速鍵有什麼好處?

○快速鍵其實也就是Access Keys,可以由網頁設計者自己去定義。主要有分成兩種功能,一種是能夠跳躍到自己想要瀏覽的區域,稱為表單區域的功能。例如定義alt+R可以讓使用者直接跳到右邊的瀏覽區塊,而不需要一直按tab鍵。另一種是提供快速連結的功能。例如定義alt+S再加上Enter可以使用者切換至搜索網頁的功能,這能快速提供使用者使用這個功能,一樣不用一直按tab去搜索這個功能所在位置。

2007年11月12日 星期一

Lab 15 Webpage Accessibility

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 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.
http://www.ocac.gov.tw/ 僑務委員會 5個熱鍵
http://www.epa.gov.tw/ 行政院環保署 2個熱鍵
http://www.president.gov.tw/ 中華民國(台灣)總統府 2個熱鍵
http://www.cca.gov.tw/ 文建會首頁 4個熱鍵
http://www.cwb.gov.tw/ 中央氣象局 7個熱鍵

Homework 10-29-2007

1. At Firefox installed with Greasemonkey, install the Simplified-to-Traditional character conversion tool Lab Tongwen.

2. Check into the government-sponsored web accessibility website.
At 94年度座談及研習會資料-> 無障礙網路空間建置理念與實務(Pdf檔 / 488Kb), download the
presentation materials. What is web accessibility?
accessibility:無障礙
web accessibility:無障礙網路空間
能夠在網路上提供資源給任何人,即使那人有某個部份有殘疾。

3. According to Section 2.1 of Textbook, some websites are powered by databases in the back end and some are not. What are the purposes of using databases?
當一個使用者向web提出query的要求,server可以很快地從databases(像利用SQL存儲)來回覆user
A computer database is a structured collection of records or data that is stored in a computer system so that a computer program or person using a query language can consult it to answer queries.
reference:http://en.wikipedia.org/wiki/Database

Lab 13: Clean Language

請看圖:fuck->***

Lab 12: Greasemonkey



http://www.nytimes.com cookie:12
http://www.yam.com cookie:4
Does our class blog use cookie or not? Ans: no
Does Google use cookie? Ans:yes