2011年6月13日 星期一
2011年5月16日 星期一
Lab 33 Hand code a form
Before you do this lab, you must understand what is CGI(Common Gateway Interface) and Form.
1. So please search the answer and post your opinion in your blog.
2. Hand code a HTML or use KompoZer 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
Use Form CGI that includes action, input, and submit.
Try a few different coordinates.
更改為Googlemap網址
輸入座標
完成搜尋
1. So please search the answer and post your opinion in your blog.
2. Hand code a HTML or use KompoZer 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
Use Form CGI that includes action, input, and submit.
Try a few different coordinates.
更改為Googlemap網址
輸入座標
完成搜尋
Lab 32 Lab 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 KompoZer HTML editor.
3. Open a new empty HTML file.
4. Paste the search box into this new file.
5. Use KompoZer 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.)
7. Save your file on your computer. Run your HTML by Firefox. What do you get?
8. Set method as "post"
9. Run your HTML by Firefox. What do you get?
輸入消失的程式碼
完成收尋目標
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 KompoZer HTML editor.
3. Open a new empty HTML file.
4. Paste the search box into this new file.
5. Use KompoZer 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.)
7. Save your file on your computer. Run your HTML by Firefox. What do you get?
8. Set method as "post"
9. Run your HTML by Firefox. What do you get?
輸入消失的程式碼
完成收尋目標
2011年5月2日 星期一
lab 30
<table style="width:194px;"><tr><td align="center" style="height:194px;background:url(https://picasaweb.google.com/s/c/transparent_album_background.gif) no-repeat left"><a href="https://picasaweb.google.com/114944354544055191134/May2201102?authkey=Gv1sRgCKGCxq_w7_jWpAE&feat=embedwebsite"><img src="https://lh6.googleusercontent.com/_EGJL44TozDY/Tb6nAiQKLjE/AAAAAAAAAGM/l76kREowD8s/s160-c/May2201102.jpg" width="160" height="160" style="margin:1px 0 0 4px;"></a></td></tr><tr><td style="text-align:center;font-family:arial,sans-serif;font-size:11px"><a href="https://picasaweb.google.com/114944354544055191134/May2201102?authkey=Gv1sRgCKGCxq_w7_jWpAE&feat=embedwebsite" style="color:#4D4D4D;font-weight:bold;text-decoration:none;">May 2, 2011</a></td></tr></table>
2011年4月25日 星期一
2011年4月11日 星期一
lab23
Headings
1. Copy and paste the Headings example at http://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?
1. Copy and paste the Headings example at http://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?
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?
2011年3月28日 星期一
lab18
紐約時報 http://www.nytimes.com 9/10
CNN http://www.cnn.com/ 8/10
台灣雅虎 http://tw.yahoo.com 9/10
蕃薯藤 http://www.yam.com 7/10
PCHome 購物 http://shopping.pchome.com.tw/ 6/10
Monday 購物 http://www.monday.com.tw/ 5/10
cycu http://www.cycu.edu.tw/ 7/10
Facebook http://www.facebook.com 9/10
youtube http://www.youtube.com/ 9/10
CNN http://www.cnn.com/ 8/10
台灣雅虎 http://tw.yahoo.com 9/10
蕃薯藤 http://www.yam.com 7/10
PCHome 購物 http://shopping.pchome.com.tw/ 6/10
Monday 購物 http://www.monday.com.tw/ 5/10
cycu http://www.cycu.edu.tw/ 7/10
Facebook http://www.facebook.com 9/10
youtube http://www.youtube.com/ 9/10
2011年3月21日 星期一
2011年3月20日 星期日
ｌａｂ１３
Lab 13 Comparing browsers
Install Google Browser Google Chrome and Firefox 3.6, try a few websites and compare their performance. For example, youtube, blogspot, msn, and yahoo.
其實火狐3.6的速度是比較快的~~
一開始開發的時後火狐的使用度沒那麼高，但是經過
而且火狐支援的網頁比較少!
並不普及，和GOOGLE比起來 還是GOOGLE支援的網頁更多，我還是比較喜歡GOOGLE流覽器~
但也許這時間的問題~IE8使用者的網頁 或者是支援的網頁也更多~
相信在未來，GOOGLE或者是火狐的大戰，就是在比～誰讓更多的網頁支援～
Install Google Browser Google Chrome and Firefox 3.6, try a few websites and compare their performance. For example, youtube, blogspot, msn, and yahoo.
其實火狐3.6的速度是比較快的~~
一開始開發的時後火狐的使用度沒那麼高，但是經過
而且火狐支援的網頁比較少!
並不普及，和GOOGLE比起來 還是GOOGLE支援的網頁更多，我還是比較喜歡GOOGLE流覽器~
但也許這時間的問題~IE8使用者的網頁 或者是支援的網頁也更多~
相信在未來，GOOGLE或者是火狐的大戰，就是在比～誰讓更多的網頁支援～
homework 4
網路上簡介~
Sahana TW 是在2009年莫拉克風災襲擊台灣重創南台灣之際，中研院資創中心蕭景燈博士於8月10日晚間從網路上看到關於Sahana救災管理系統的推文(1, 2)，立刻著手安裝，在8月11日凌晨初步完成後，開始找尋志工加入，最初的一批志工立刻投入正體中文化的工作，於8月13日完成。
同時間中研院資創中心李士傑，透過開拓文教基金會的協助，進入高雄縣旗山救災指揮所，一方面組織資訊志工實際參與，一方面也了解救災現場實務以提供Sahana平台導入的參考，而趙柏強在COSCUP的會議上也積極招募各式各樣的志工與物資。
救災組織是Sahana平台最主要的使用者，然而在莫拉克風災期間各救災團體的工作超過負荷，無法再分出時間與技術人員合作，因此此平台在這次風災並無實際運用。災後各方都有針對資訊科技在災害管理與應變的探討，中研院李德財院士此時促成了Sahana TW與國家災害防救科技中心交流合作，團隊在風災後緊急架設的平台也要開始思考長期發展的規劃，因此自2010年起，Sahana TW成為TELDAP數位典藏與數位學習之學術與社會應用推廣計畫的特殊領域社會網路應用中的一項主要工作。
2010年我們有更充裕的時間整理使用者需求，透過開拓文教基金會協助，連繫八八水災服務聯盟的成員訪談救災需求，受訪的團體包括中華民國紅十字會總會、伊甸基金會、至善基金會、法鼓山人會社會基金會、台灣基督長老教會以及高雄縣政府社會局救助科。另一方面，我們將版本更新至最新的Sahana Agasti 0.6.4後，著手進行在地化的工作，自四月起累計開發時數已超過130小時。2010年6月起，又獲得資策會專案支援處支持台灣Python社群成員投入Python語言版本的Sahana Eden台灣在地化的研究分析。
2010年7月釋出的「台灣2010夏季版」是依據前述訪談的使用需求，將國際的Sahana Agasti修改調整強化成為合乎台灣在地使用的版本，預計以後每6個月會有一個新的版本釋出，下一個版本將結合Sahana Eden，完成兩平台的單一簽入整合，於2011年1月釋出的「台灣2011冬季版」。
------------------------------------------------------------------------------
其實這個網帳準備的相當詳細~ 不過相對於使用程度，宣傳的情況可能沒有那麼的成功
讓更多人知道這個網站會更好的~~
除了物資整理之外
還讓設置讓志工可以隨時加入的系統，相當的好!!
2011年3月13日 星期日
homework 3
優點
1.校園圖片放的漂亮
2.即時重點新聞
3.多樣豐富連結
4.未來學生專屬連結
5.版面配置好懂
缺點
1.較無活力，無法吸引學生常來，既不莊重也不美觀。
2.無校內活動公告區域，太重視表面，對學生並無實際幫助。
3.上面標題，與下面新聞內容排版上互相搶到風采，不知道讓人看哪邊。
4.最新消息應該是放在網頁的上方而不是放在下方，讓人很難找到，而且新消息也只有一點點，太少了吧。
5.不懂中間兩個橫軸的用意，"藍綠橘"又不是代表中原的顏色，版面配置也太奇怪了吧，簡而言之''醜''。
簡評：內容的構想是好的，但是位子錯了，如要實行，還要多學學設計美觀，和去想想看每個人來這個網站的感覺，以及想得到甚麼，而不是想到什麼就放，有一點反感，新聞固然好，但是一定要放在那個位置嗎? 。能夠多一點校園景色，學生活動照片就更好了，可以參考中原大學課外活動組，做得很好。
第二個網址~
優點
1.連結字大好找
2.快速連結多樣化
3.顏色成熟穩重
4.連結分配的恰到好處
5.連結反白清楚 好點!
缺點
1.大門已經封起來了，首頁並無資訊
2.感覺版面過於擁擠，大部分的東西都擠在同一區塊。
3.字體小，讓人無心觀看，沒有覺得有點的必要。
4.不活潑，資訊不夠豐富。
5.活動方框和整個版面完全不搭，不知道在閃甚麼，感覺像是廣告連結實為不妥。
簡評：其實這個網址已經用的很習慣了，連結讓人好找，好用，其實是還不錯的，只是廣告真的有一點跳tone，從來沒注意過他在寫些甚麼，不過就於功能性來講，相當的不錯，給很高的分數
訂閱：
文章 (Atom)