Lab: 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代表不同的字型大小


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?



如果是list的元件,在前面都會出現一點

Lab: 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

5. Copy and paste the HTML example at Introduction to HTML

6. Verify your results on the screen.

Lab: Accessibility by GreaseMonkey

1.Google Search Keys Numbers the results in a Google search page and you can type the corresponding number to follow the link. Updated: 2005-04-26. more


原本沒辦法安裝的,後來重開機後居然可以了....

2.Google Access Keys Enables navigation through Google search results.



3.AccessBar: displays defined accesskeys in a fixed-position bar along the bottom of the window. Added 2005-04-01 (not a joke). Find how many access keys have been defined athttp://www.ocac.gov.tw/ http://www.epa.gov.tw/






4.Continued from 3, use google to find 3 more government sites in Taiwan that enable access keys.Reference: Dive into Greasemonkey by Mark Pilgrim (free download)http://dia.z6i.org/ (中文)

Lab: Tongwen

At Firefox installed with Greasemonkey, install the Simplified-to-Traditional character conversion tool Lab Tongwen.

福隆一日遊

檢視較大的地圖
旅遊景點地圖,由於範圍較大,可能要移動一下才看的到我設的景點!

這次會決定到福隆去玩是因為前陣子看到了最近當紅的美食節目「食尚玩家」,深深被他們所介紹的景點所吸引!!(所以最近的中原夜市才會塞到爆阿= =想吃個雞排都很困難....)為了這次的福隆和大溪(是宜蘭的大溪唷,不是桃園的!!)之旅,我們上網做了不少功課,好不容易才決定這次的行程.今天一大早,還好是好天氣,我們就從中壢直接搭火車直達福隆車站囉!!


福隆火車站!!


用火車零件做成的人偶唷!!

到了福隆火車站,第一件要做的事就是-->上廁所!!因為火車上的廁所實在是令人不敢恭維阿!!接著就開始
我們今天的東北角之旅囉!!我們先買了「正宗的」鄉野鐵路便當,一個五十五塊,菜色還蠻豐富的!!接著就去租腳踏車囉,本來想說腳踏車都差不多...沒想到租到的兩台車真的不太給他好騎...下次要去的朋友記得一次要試騎確定再租唷!!建議租好一點的,不然屁股會非常痛= =還有就是鄉野的鐵路便當,記得要早點去買,太晚去的話就要排隊排很久囉!!


鄉野鐵路便當,好吃!!這家才是正宗的唷!!

買完了便當,租完了腳踏車,接著就向舊草嶺隧道出發囉!!到隧道口的路程大約兩公里,這對很久沒有運動的我們來說算是一個考驗,因為大部分都是上坡!!不過回來就很輕鬆囉,完全不用採,輕輕鬆鬆就回到火車站了!!舊草嶺隧道裡面很涼,因為保存的很好,所以非常有古早的味道唷!!而且裡面還會播放火車的鳴笛聲,非常有感覺呢!!還有就是會播「丟丟銅」這首歌,聽說是在這裡被創作出來的呢!!


舊草嶺隧道內部!!


舊草嶺隧道出口!!

接下來就是最令人期待的午餐時間啦!!辛苦過後的便當最好吃了!!這句話果然沒錯!!沒幾分鐘就把便當吃個精光了!!伴隨的輕微的海風和海景,在這種地方吃便當真的是人生一大享受呀 !!


吃便當囉~~

回到福隆火車站後,接下來就是往大溪漁港出發啦!!不過沒想到大溪居然是一個超超超小的站!!連售票人員都沒有= =,這麼小的站車班當然就很少囉!!一個小時才一班.....真的是無敵少的!!!光等火車就花了不少時間!!好不容易終於到了大溪火車站,接著就往大溪漁港出發囉~從火車站步行到漁港大約還要20分鐘左右,有一段距離!!到了漁港,就是補充體力的時間啦!!我們買了地瓜蝦餅和有蛋的燙魷魚(忘了拍照= =)!!兩個都超好吃的!!蝦餅因為加了地瓜,所以沒那麼膩,而燙魷魚配上哇沙米真的是太正點啦!!好吃到不行!!


大溪漁港的地瓜蝦餅!!一大塊只要45唷~~

好不容易等到回福隆的火車,到福隆時已經5點多了!!趕快去問莒光還有沒有位子,之前問都賣完了!!沒想到這次去問居然有耶,還是在一起的位子,真是太幸運啦!!我們就這樣隨著火車的搖搖晃晃,進入了夢鄉,結束了這次的東北角之旅!!

Homework 10/20/2008

1. 參考 PageRank-Google 決定搜尋排名的關鍵技術以及Google.com 網站的官方解釋，簡要說明PageRank原理。

PageRank主要是利用所謂的「反向連結」來做統計的,意思就是說假設你今天把google加到我的最愛中,就等於是投google一票,因為google已經有你的反向連結了!!而PageRank的三大評分標準分別是: 1.反向連結數 2.反向連結是否來自於PageRank值較高的頁面 3.反向連結來源頁面的外向連結數.簡單來說,只要你的網站能被各大知名網站設連結或是有很多使用者設連結,那麼你的PageRank值就會提高!!

2. Essay Writing on Google Docs (>500 Words)參考新蘇格蘭遊記，撰寫一篇你自己的秋日遊記。Use text, Google Maps, Photos, etc. as you like.Invite your friends to write comments.

福隆一日遊

3. 關於你前ㄧ次散文作品，經過一個月之後你得到多少篇回應? 其中多少贊同，多少異議，多少具有實質內容?

兩篇回應.兩篇都是贊同.可能因為我寫的東西比較嚴肅一點,所以回的人比較少,但是相對的回的內容就比較多,也較有實質內容!感覺很不錯~

Lab: Clean Language

1. Save the JavaScript file of Clean Language to your desktop. Make changes to the script with self-defined bad words. To do this, save the JavaScript on your desk top. Use Notepad editor to make changes. Install the modified script as Greasemonkey.



2. Use Google to search webpages that contains some bad words.



3. Try whether the filtering take effects.

Lab: Greasemonkey

1.Install Greasemonkey 0.8. Check the lower right corner of your Firefox and you should find a monkey at the right. Note that you must run the




2.Cookie Monster - Show cookie contents: Shows the contents of the current page cookie. Just mouse over the "Cookie" text on the bottom left. Check what cookies http://www.nytimes.com writes to you. Does our class blog use cookie or not? Does Google use cookie?



3.You can turn off Greasemonkey by clicking on the monkey face at the URL bar of Firefox. Click again to activate Greasemonkey.

4.Install Web Developer Toolbar to examine cookies.

Lab: Web Pageranking

在Firefox上安裝 PageRank , 然後使用 PageRank 量測以下網站的 PageRank (0~10分)

紐約時報 9分
CNN 9分
張老師個人部落格 1分


接著，以PageRank量測你常用的三個網站。
Yahoo奇摩 8分
KISSRadio網路音樂台 5分
中原e點靈 6分

Homework 10/06/2008

1. 請閱讀數篇其他同學的部落格(上次作業第一題)，選擇其中三位同學在她(他)的部落格上，針對其散文給予評語或建議。
我是到吳東杰,江美惠,張嘉禎這三位同學的部落格留言.

2. 關於你的散文作品，你得到多少篇回應? 其中多少贊同，多少異議，多少缺乏實質內容(灌水,你好帥之類)? 這些回應對你有幫助嗎?
寫完作業時,我還沒得到回應.不過我想大部分的回應應該都是鼓勵或批判的性質佔大多數吧!!幫助可能沒有自己和別人討論來的大!!不過鼓勵多的話可能會讓我比較有動力繼續寫吧,呵呵~

3. 部落格是一種社會媒體，根據What is social media?ㄧ文，比較社會媒體與其他媒體之不同。
社會媒體和其他媒體比起來,感覺比較活,也比較自由!它不用像報紙和雜誌那樣,內容是死的,它隨時都可以修改或增加自己的內容.而且它是多種媒體的混合,它可以寫文章,也可以貼圖片,影片,而且還不用徵得其他人同意(前提是要合法)就可以放自己想放的內容.相較於其他媒體,自然顯得自由多了!!

4. 網站提供 RSS 內容餵送(feed) 有何好處?
當人們在網路上瀏覽的時候,看到喜歡或有興趣的網站就可以進行定閱,只要那些網站有更新的動作,他們就會立刻收到,只要他們還是喜歡這個網站,那麼以後常常光臨該網站的機會也會增加!!

5. Firefox 與 IE 市佔率如何?
在Firefox剛出來時,IE的市佔率高達80%,Firefox才大約10%左右.但最近一年Firefox的市佔率已經上升到20%左右,不過IE還是維持在75%以上的高市佔率,畢竟IE還是Mircosoft的產品,Firefox想要打敗它可能還要好一段時間吧!!

6. 比較個人化入口網，與常見商業入口網的差別。例如廣告，內容，應用，服務，個人化程度等等各方面的比較。
個人化入口網站比較簡單,所放置的大概都是自己有興趣的主題或類別,通常不會有廣告的成分,主要的使用對象也是自己.而商業入口網站就顯得複雜多了,一進去,各種不同種類的資訊都在裡面,你不一定能找到自己想要的資訊,而且到處都是廣告充斥,主要就是為了應付各種不同類型的使用者,滿足他們的要求,有點像是大雜燴吧!

7. Comment on the article Serious potential in Google's Browser
希望在未來幾年,Chrome能成為獨當一面的Browser,不要一直都在Beta版.雖然它的設計很新,很不一樣,但是要已經習慣IE和Firefox多年的用戶花多少時間才能適應呢?這是一個很值得探討的問題!

Lab: Google Docs

我的文件

1. Go to Google Docs. Google Docs lets you write Word documents through an online web service.
2. Start writing.
3. Publish the Word document.
4. What's the URL of your document.
5. Add the Google Docs to your personal portal. At the portal page, you should be able to see the active documents.
6. Save your document as .doc and .pdf, the two common formats for documents.

Lab: Personal Portal

1. Enter
http://www.google.com/ig

The Google account is the same as your Blogger account.

2. Rearrange the templates. And perhaps remove blocks that you don't need.

3. Add new stuff. For now add the Google Reader, Google Docs, Google Group, Google Calendar, and GMail. You should be able to see the subscriptions in the Google Reader block of your personal portal.

LAB: RSS READER

1. Enter Google Reader
2. Try the following
iapblog.blogspot.com
http://www.cna.com.tw/
New York Times
http://yourblog.blogspot.com/feeds/comments/default
3. What is the RSS feed that Google Reader takes in? List the URL of these RSS feeds.
http://rss.cna.com.tw/rsscna/rss/local_tyhcml.xml
http://www.nytimes.com/services/xml/rss/nyt/Health.xml