Lab 17: Form and Action, Part II

程式碼


http-equiv="content-type">

name="search"> name="click">

Homework 11-12-2007

根據無障礙網頁設計原則
1. 為什麼不要開出新視窗?

因為開出新視窗，盲人會無法得知，會漏掉原來網頁資訊

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

因為這樣的話，聽網頁才能聽到，對於盲人才有幫助

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

對於不方便用滑鼠的人，切換網頁物件比較方便

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"
(See Hint if it does not work.)
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?

Lab 15 Webpage Accessibility

Use Nvu to edit the following homepage
at http://www.epa.gov.tw

1. You can copy and paste the content to your Nvu.

2. Take a look at the HTML 標籤, HTML 原始碼

3. Save your editings and preview your webpage using Firefox

4. Make the webpage accessible by
adding ALT text to the images and

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.

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?


對於網路，許多障礙人士都需要從裡面獲得更多的信息跟樂趣，因此改進無障礙空件便成了最迫切的事。因此這個議題的成功是無可置疑的，也只有讓障礙人士藉網路更貼近生活，才能有所助益。

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?

資料庫存在多種模型。而應用於大型數據儲存的資料庫一般為網狀式資料庫（Network Database）、關聯式資料庫（Relational Database）以及物件導向式資料庫（Oracle 即擁有此特性）。此外也有應用在LDAP（輕量級數據訪問協議）的階層式資料庫（Hierarchical Database）。

表格資料庫一般在形式上是一個二維陣列。一般來講，數組中每列表示一個數據類型。數據在其中以不同行的形式存儲。表格資料庫模型是電子試算表（比如Excel）的基礎。

資料索引的觀念由來已久，像是一本書前面幾頁都有目錄，目錄也算是索引的一種，只是它的分類較廣，例如車牌、身份證字號、條碼等，都是一個索引的號 碼，當我們看到號碼時，可以從號碼中看出其中的端倪，若是要找的人、車或物品，也只要提供相關的號碼，即可迅速查到正確的人事物。

另外，索引跟欄位有著相應的關係，索引即是由欄位而來，其中欄位有所謂的關鍵欄位(Key Field)，該欄位具有唯一性，即其值不可重複，且不可為"null"。例如：在合併資料時，索引便是扮演欲附加欄位資料之指向性用途的角色。故此索引為不可重複性且不可為空。

資料庫的優點:

• 減少資料重複(Reduced Redundancy)
• 整合資料(Integrated data)
• 完整性(Integrity)
• 資料的共通性
• 可保護資料的安全及隱私

參考資料：維基百科