2007年11月26日 星期一

Lab 16: Form and Action

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. 定義快速鍵有什麼好處?

快捷件可以使得一切只需要更簡單的一個按鈕就可以解決原本很複雜的事情,因為他在以已經設定的情形下,你只需要按一兩個按鍵就能夠讓電腦知道你要做的事情,假設你常常需要使用上一頁,原本需要用滑鼠去按,但是有了快捷建,你只需要使用Alt+left的方向鍵就可以達成。無形為瀏覽網頁的便利性又增加不少。

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.

2007年11月12日 星期一