Lab 37 製作一個報名網站
社團，學校，公司舉辦各種活動，少不了一個報名網站。免費的Google 文件加上Google 部落格，就可以製作一個乾淨
2010年12月13日 星期一
2010年12月6日 星期一
2010年11月22日 星期一
LAB32
Lab 32: DOM
2. Based on the code as in
http://www.scottandrew.com/weblog/articles/dom_4 ,
write a code to generate the table of 9*9 products. (九九乘法表)
Hint: The javascript code should be enclosed by script tags.
LAB31
Lab 31: Create Image using DOM
2. Hand code a javascript that loads an image from Internet based on
the DOM model.
3. Take a look at the sample code that shows how window.onload to load the image.
4. Use a button to load the image. Try how onclick works.
2010年11月8日 星期一
2010年11月1日 星期一
Lab25
Lab 25: Mash-up 2 (Maps)
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給我的感覺比housingmaps來的舒服且乾淨許多。
直覺性:
housingmaps相較於7house就比較 顯得沒有那麼明顯是賣房子的，7house一點進去就很清楚明白的有照片和房子要賣的訊息，housingmaps則比較像地圖瀏覽。
流暢:
housingmaps可能是因為要處理很多地圖資料所以用起來沒有7house來的流暢，畢竟7house是以照片和文字單純的來表達網頁而已，並沒有像housingmaps用上地圖來顯示。
預期反應:
雖然housingmaps看起來好像沒有7house來的優秀，前幾項評比都不優於7house，不過對一個真正要買房子的人，地段其實是一個很大的考量，雖然7house可以看到內部的裝潢，可是只給一個地址並沒有辦法像housingmaps把地段及附近的地圖資訊表達的那麼好，所以housingmaps雖然給人的第一印象不是最好，可是真正就實用而言，我認為反而更優於7house。
Lab27
Lab 27: Mash-Up 4 (Calendars)
Google日曆-中原大學行事曆-html版本<http://www.google.com/calendar/embed?src=sth4g0ns7lj48crs0gsm3ekuns%4...>
進入後按右下角+Google日曆即可訂閱
Lab26
Lab 26: Mash-up 3 (Blogs)
部落格與相本的結合運用。透過部落格分享你的照片集，省去傳送大量照片的缺點，自由書寫照片中的故事。
Create a slide show of your album. Embed the album in your blog.
Hint: 挪威奧斯陸之行
album
部落格與相本的結合運用。透過部落格分享你的照片集，省去傳送大量照片的缺點，自由書寫照片中的故事。
Create a slide show of your album. Embed the album in your blog.
Hint: 挪威奧斯陸之行
album
Lab24
Lab 24: Mash-up 1 (Publish)
1. Upload a sample ppt to Google Docs.
2. Publish the uploaded ppt.
3. Embed the online ppt to your blog.
The reason to do so is that the readers don't have to have ppt to view your presentation. For example, some users work with Linux or Unix, and others work with MacOS. They will appreciate you for doing so.
1. Upload a sample ppt to Google Docs.
2. Publish the uploaded ppt.
3. Embed the online ppt to your blog.
The reason to do so is that the readers don't have to have ppt to view your presentation. For example, some users work with Linux or Unix, and others work with MacOS. They will appreciate you for doing so.
2010年10月26日 星期二
2010年10月18日 星期一
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.
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?
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><h2><h3>改變了字體的大小
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?
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.
比較:
firefox感覺外掛程式比較多比較便利，像是可以用數字鍵來選取網頁及,.換頁等等功能便利許多。可是相對顯的整個介面比較亂一些，GOOGLE就顯的比較乾淨清爽可是功能似乎沒有火狐來的那麼強大。但就我個人而言還是習慣用火狐的程式，因為火狐的速度好像比較快一些，用起來也比較習慣一點。
比較:
firefox感覺外掛程式比較多比較便利，像是可以用數字鍵來選取網頁及,.換頁等等功能便利許多。可是相對顯的整個介面比較亂一些，GOOGLE就顯的比較乾淨清爽可是功能似乎沒有火狐來的那麼強大。但就我個人而言還是習慣用火狐的程式，因為火狐的速度好像比較快一些，用起來也比較習慣一點。
Homework5
1. 網路可不可能增進身心障礙者的便利，請舉例說明?
可以
最近網路越來越發達，像是購物，訂票等等，都可以靠網路來達成
這樣身心障礙的朋友們就可以不用親自出門去買票，或人擠人的去排隊
直接在網路上訂購就可以了，既方便又快速。
2. 瀏覽器會洩漏使用者的隱私嗎? 為甚麼?
1.有些網站會有惡意的木馬程式，或側錄程式，會惡意的取得你輸入的
資料或帳號密碼，用來盜帳號或是販賣你的個人資料。
2.有時候我們因為要申請帳號，很容易在網路上留下很多個人資料，電
話.住址.身分證字號.手機.....等，之前電視上就有報導過，有心人士就可
以靠著販賣這些個資來獲取利益，讓詐騙集團擁有你的個人資料。
可以
最近網路越來越發達，像是購物，訂票等等，都可以靠網路來達成
這樣身心障礙的朋友們就可以不用親自出門去買票，或人擠人的去排隊
直接在網路上訂購就可以了，既方便又快速。
2. 瀏覽器會洩漏使用者的隱私嗎? 為甚麼?
1.有些網站會有惡意的木馬程式，或側錄程式，會惡意的取得你輸入的
資料或帳號密碼，用來盜帳號或是販賣你的個人資料。
2.有時候我們因為要申請帳號，很容易在網路上留下很多個人資料，電
話.住址.身分證字號.手機.....等，之前電視上就有報導過，有心人士就可
以靠著販賣這些個資來獲取利益，讓詐騙集團擁有你的個人資料。
訂閱：
文章 (Atom)