Lab 21: Making images accessible

1. Study what an ALT tag is.

2. Use KompoZer to edit the following homepage
at http://bloggercamp.blogspot.com/2007/01/2007.html

You can copy and paste the content to your KompoZer.

3. Save your editings and preview your webpage using Firefox

4. Make the webpage accessible by
adding ALT text to the images.
執行kompozer.exe

 

載入http://bloggercamp.blogspot.com/2007/01/2007.html

 

在source裡面的alt="加入文字"

 

5. Go to the Firefox Add-ons site for Firefox Accessibility Extension

6. Click the "Install now" button on the add-ons website
下載  Firefox Add-ons site for Firefox Accessibility Extension

7. Check whether you can see the ALT text for the images by selecting the "Show Text Equivalent" function.
使用Show Text Equivalent" function前

 使用Show Text Equivalent" function後

 發現圖不見了，只剩下文字。

Lab 20 More on HTML

Headings
1. Copy and paste the Headings example athttp://www.w3schools.com/html/html_primary.asp

2. Enter http://www.w3schools.com/html/tryit.asp?filename=tryhtml_basic
3. What kind of effects can you see?

h1~h6代表的字體大小，本圖是由h1寫到h6，字體大小由大變化到小。

Lists
4. Copy and paste the Headings example athttp://www.w3schools.com/html/html_lists.asp

5. Enter http://www.w3schools.com/html/tryit.asp?filename=tryhtml_basic
6. What kind of effects can you see?

目前看到有3種list，分別為HTML Unordered Lists、HTML Ordered Lists、

HTML Definition Lists。

 

Lab 19 HTML

Preparation

1. Using Microsoft Notepad, Copy and paste the HTML example atIntroduction to HTML

2. Save the file as myfile.html

3. Open the file using Firefox.

New editor
4. Enter http://www.w3schools.com/html/tryit.asp?filename=tryhtml_basic
到網頁編輯自己的HTML。

5. Copy and paste the HTML example at Introduction to HTML
將內容複製到記事本內。

 將檔案另文存為.html檔，並按右鍵點選內容，將其改成使用firefix開啟。

6. Verify your results on the screen.
 雙擊該檔，就可以看到成果囉^^

Lab 18 Comparing browsers

Install Google Browser Google Chrome and Firefox 3.0, try a few websites and compare their performance. For example, youtube, blogspot, msn, and yahoo.
先下載 Google Chrome 和  Firefox 3.0

網路爬文一下，找到了一篇這樣的文章：Google Chrome執行速度快?到底有多快?寫程式來比較看看囉~

我很好奇的開了一下工作管理員，發現

chrome 好像分很多個工作在運作，firefox只有一個在運作，
可是把使用記憶體加一加，發現firefox好肥>"<

使用心得：

 chrome 速度比較快，在看youtube方面比firefox順暢多了，尤其是在學校，

 每當使用firefix要進入youtube看影音的時候，就會跑出

"您好，您可能已關閉 JavaScript，或者 Adobe Flash Player 的版本過舊。"

真的是很@$$%@#$@#@#$

不過使用chrome後，就不會有這種問題了^^

上面說的是針對 Adobe Flash Player 而已啦！

若真的要比的話啦，我覺得chrome給我的感覺比較輕便，不帶壓力。

firefox給我的感覺就有點沉重，可能是因為工作列比chrome多的緣故吧！

Homework 5

1. 依據 What is web accessibility，試針對三種不同障別舉出三種無障礙設計方式，並請探討跨障別設計是否可行?(也就是所謂的通用設計)


(1)視障：使用語音系統，使視障朋友能知道自己目前位於何處(現實或虛擬)。


(2)聽障：使用手語系統，透過程式將語音轉變為手語，讓聽障朋友了解語音內容。


(3)肢障：使用行為辨識系統辨識人的臉部，轉譯成電腦程式，讓機器之道該怎們做。


最近常在新聞上看到，透過腦波就能使義肢行動，好比切蘋果、舉重物。
如果研發出人類腦波行為辨識系統，那麼機器就能幫助人類做很多事了。




2. 網路可不可能增進身心障礙者的便利，請舉例說明?
可以；
對行動不方便的朋友們來說，只需要攜帶一台筆記型電腦就能遨遊世界，
網路除了基本的瀏覽時事功能外，還有即時通訊的功能在，大大提升了這些朋友的視野。


3. 瀏覽器會洩漏使用者的隱私嗎? 為甚麼?
基本上瀏覽器應該是不太會洩漏使用者的隱私，我覺得會洩漏使用者隱私的是網站上面的程式，
好比說cookie，就會將使用者資料記錄下來，若此時又遭有心人士使用時，那就不妙了。