LAB37

LAB36

LAB35

LAB34

LAB33

LAB32

LAB31

先修改程式碼

顯示

圖片

LAB29

LAB28

LAB30

LAB25

真實案例
96年度全人關懷獎 -崔媽媽科技服務工作團隊


For housing services, compare the following two websites
http://www.housingmaps.com

http://www.7house.com.tw

List the differences in the user interface design and usability. Make comments
by your use experiences.


比較: 美感，直覺性，流暢，預期反應

美感:
以整體畫面來看，7HOUSE擁有大量的圖片，而且7HOUSE無論是在連結檔案或文字呈現方面來講，都是以圖片為主，所以相對於介面單調的housing map來說，7house以壓倒性的獲勝!

直覺性:
因為之前有上過類似7house的網站來找租屋網站，所以對7house比較有好感，而housing map的介面過於單調，對我沒什麼吸引性!

流暢:
流暢度方面，housing map以壓倒性的獲勝，雖然介面較為單調，但也因為如此，故可立即性的顯現出所點選的檔案!

預期反應:
如果單純想找房子的話，個人會比較推薦housing map，因為介面簡單且資料眾多，雖然沒有華麗的圖片來增添其精彩度，但相信如此實用性的網站一定會受到大多數人的親睞!

LAB27

LAB26

檢視全部的評論

取得您自己的 Flash 投影片代碼

LAB24

期中報告草案與雛型

定位 : 將西螺小鎮從文書資料轉變為網路型式

目標 : 使一般民眾能更清楚了解西螺小鎮的由來與特色

背景 : 在現今網路發達的時代，將欲介紹的地方特色透過網路行銷是最快速的方式

主題 : 介紹從小長大的故鄉-西螺
資訊完整 : 利用圖文並茂的方式介紹西螺地地方特色
網路邏輯架構 : 簡單明瞭的列出欲介紹之重點


完成品

LAB23

LAB22

Lab21

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.

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

6. Click the "Install now" button on the add-ons website

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

Lab20

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?

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?

Lab19

Preparation

1. Using Microsoft Notepad, Copy and paste the HTML example at Introduction 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
5. Copy and paste the HTML example at Introduction to HTML
6. Verify your results on the screen.

Lab18

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的頁面較為整齊,且其網頁的速度較快,還有不需下載就可直接看影片,相當方便!最後就是可以翻譯英文,對於要看論文或者常需要翻譯的使用者實在是相當方便!

Firefox 3.0的頁面較像傳統的IE,所以對長期使用IE頁面的使用者不會遇到適應的問題.雖然跟Google Chrome相比的網路速度較慢,但火狐有較多的外掛程式,所以比Google Chrome方便許多.

作業五

1. 網路可不可能增進身心障礙者的便利，請舉例說明?
Ans: 可以!現在的網路已經邁向無障礙的網路世界.較健全的網站會把網站本身的內容設計為無論是否為身心障礙者皆可使用.Ex:http://www.webguide.nat.gov.tw/wSite/mp

2. 瀏覽器會洩漏使用者的隱私嗎? 為甚麼?
Ans: 會!就像是當你輸入帳號密碼時,網站通常都會問你是否記憶,而這也有可能會讓有心人士利用而來竊取你的資料!還有在網路上申請東西時,時常會請你留下很多個人的資料,如果網站本身不夠專業,可能會把你的資料賣出去或不小心被駭客給拷貝走.

LAB17

LAB16

LAB15

LAB14

均有使用!!!

LAB13

1. Observe how Google Mars loads the map and does the zooming. Is the data downloaded once for all or retrieved on demand?
Ans: retrieved on demand

2. 這個服務的特色有哪些?

Ans: 透過這個軟體,可以讓對天文有興趣的"一般人",隨時掌握最新資訊!

LAB12

9:紐約時報 http://www.nytimes.com
8:CNN http://www.cnn.com/
8:台灣雅虎 http://tw.yahoo.com
7:蕃薯藤 http://www.yam.com
6:PCHome 購物 http://shopping.pchome.com.tw/
4:Monday 購物 http://www.monday.com.tw/


4: Google翻譯  http://translate.google.com.tw/?hl=zh-TW&tab=wT#auto|zh-TW|
6: Yahoo 翻譯http://tw.dictionary.yahoo.com/
9: Facebook http://zh-tw.facebook.com/

LAB11