Lab 17: Form and Action, Part II

Hand code a HTML or use Nvu to edit an HTML so that the webpage can send a request to Google like
http://maps.google.com/maps?q=24.9586,+121.24114

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.)




輸入"123"搜尋

\

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. 為什麼不要開出新視窗?

這個新視窗不會保有前一個視窗的瀏覽歷程，所以「上一頁」按鈕將會失去功效。

解決方案:
一.如果妳一定得要把某個連結開到新視窗，請務必明確地警告讀者。這祇是個不理想的權變方案，通常是隨著某些「不得與外部內容相關聯」的商業政策而來的。舉例來說，CNN 的「相關站台」頁面就是這樣。
二.不要用 < a target="_blank" >來強迫連結開出新視窗。
三.如果妳看到「在新視窗開啟鏈結」的核選框，請確定它按照預設值而處於關閉的狀態。

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

一.Google 會在搜尋的結果裡顯示網頁標題
二.如果開啟的是網頁就會唸出網頁標題。例如:Home Page Reader
三.視窗標題列的網頁標題就像是個視覺上的錨點，即使是他捲動頁面時仍會留在同一地方；所以如果忘記內容可以回頭看一下標題來喚起記憶。

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

definition of accesskey: The accesskey attribute, aimed at making web pages more accessible.

you can without a mouse, and in a convenient way.They might be useful, if a site-wide system of access keys makes a site more easily navigable. If you use them, the assignments should be described separately, not in title attributes or relying on underlining or other small hints. And I would recommend using just digits for access keys, with digit 0 acting as access key to a document that describes the other assignments.

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 原始碼

HTML 標籤


HTML 原始碼


3. Save your editings and preview your webpage using Firefox

Lab 14: Accessibility by GreaseMonkey

3.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



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.ocac.gov.tw/




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

立法院全球資訊網http://www.ly.gov.tw/



行政院衛生署http://www.doh.gov.tw/cht2006/index_populace.aspx



中華民國總統府網站http://www.president.gov.tw/

Lab 13: Clean Language

1. Save the JavaScript file of Clean Language to your desktop. Make changes to the script with self-defined bad words. To do this, save the JavaScript on your desk top. Use Notepad editor to make changes. Install the modified script as Greasemonkey.


用WordPad 開啟 JavaScript Source code，並且可以修改程式



安裝步驟:





fuck會變成***

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?

網頁導盲磚、鍵盤快速鍵(Access Key)、網站導覽(Site Navigator)等都是web accessibility都是的設計，他的發明方便了所有的身障視障等人士去方便瀏覽網路上的資訊。例如閃爍的圖片會造成殘障人士，使用上的不便，以Access Key來作網頁的瀏覽。

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?

使用資料庫是因為他跟人工尋找比起來使用資料庫便利許多，資料庫不但可整合資料和包存他的完整性以及有效率的找出所需要的資料，而且又可以同一時間內讓多位使用者共用資料庫，例如像是一本書前面幾頁都有目錄，目錄也算是索引的一種，只是它的分類較廣，例如車牌、身份證字號、條碼等，都是一個索引的號碼，當我們看到號碼時，可以從號碼中看出其中的端倪，若是要找的人、車或物品，也只要提供相關的號碼，即可迅速查到正確的人事物。