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?




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?

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 at www.ocac.gov.tw 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.

向陽農場 + 永安漁港 一日遊

Homework 10-20-2008

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

為了達到SEO搜尋結果最佳化，GOOGLE發展出了PageRank值來決定在GOOGLE上搜尋結果的序位。
PageRank是一個介於0~10的整數，他是由一個網頁的得票數取log10 產生的。
而一個網頁的得票數是透過三個機制一個算式來產生：
連向此頁面的link數(n)、該link來的網頁的PageRank值的高低(pr)、該link來的網頁的所有link總數(c)
pr(a)= [ pr(t1)/c(t1) + ... + pr(tn)/c(tn) ] * 0.85 + 0.15


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

向陽農場 + 永安漁港 一日遊 (Google Docs)

向陽農場 + 永安漁港 一日遊 (Blogspot)


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.

我新增過濾"sex"字眼，結果包含搜尋頁及網頁本身在看時皆已被用"***"遮蔽。

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 program.




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?

No.


Does Google use cookie?

Yes.




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分)

紐約時報 http://www.nytimes.com 9分




CNN http://www.cnn.com/ 9分




張老師個人部落格 1分



接著，以PageRank量測你常用的三個網站。

Yahoo!奇摩 8分




Google 8分

MSN台灣 7分

參考資料:
PageRank 介紹
PageRank 的論文
Google 廣告獲利模式

Homework 10/06/2008

1. 請閱讀數篇其他同學的部落格(上次作業第一題)，選擇其中三位同學在她(他)的部落格上，針對其散文給予評語或建議。

9422126 賴宜宏 "我的人生與命中注定"

9226361 梁翰剛 "Life..."

9441215 謝宜涓 "重新認識羽球"


2. 關於你的散文作品，你得到多少篇回應? 其中多少贊同，多少異議，多少缺乏實質內容(灌水,你好帥之類)? 這些回應對你有幫助嗎?

我得到兩篇回應，多半是一些簡短的回應，有鼓勵也有不同的意見，我覺得這對於我幫助很大，因為可以從別人的回應中聽見不同的聲音，或是接受別人的鼓勵，讓自己更有動力去新增部落格文章，我覺得部落格很大的用處就在於，每個人都有機會來到你的部落格瀏覽，所以在人來人往的部落格裡抒發個人的一些思想或感想...等，也算是一種對社會的分享，也較容易招來一些志同道合的人，一起為著共同的目標和理想打拼！


3. 部落格是一種社會媒體，根據What is social media?ㄧ文，比較社會媒體與其他媒體之不同。

其他媒體諸如報章雜誌、電視...等，這些媒體所提供之資訊較為不即時，成本較昂貴，且較浪費資源(ex:紙)，資訊通常較為大眾化，可議性不高。 而社會媒體的內容可以即時，且可設計成非常吸引人之型態，圖文並茂，動靜自如，內容可以較為個人化，可議性較高，且在現在網路相當普及的社會裡，存取相當便利！


4. 網站提供 RSS 內容餵送(feed) 有何好處?

RSS最大的好處就是可以不用親臨網站就可以知道該網站的最新資訊，而可以省去打網址或找網站的寶貴時間，再者也方便入口網站拿來作為資訊整合用，以提供多方位的整合資訊。


5. Firefox 與 IE 市佔率如何? Browser market share



在前期，微軟藉著系統附帶的優勢所以佔有一片天，但FireFox自由軟體由於穩定性及安全性較Explorer來的高，所以使用者人數有年年趨增的趨勢，而Explorer市占率則較年年下降，看來該是微軟好好思考該如何去設新一代的瀏覽器以符合大眾需求的時候了。


6. 比較個人化入口網，與常見商業入口網的差別。例如廣告，內容，應用，服務，個人化程度等等各方面的比較。

個人化入口網站：一切可自行設計，完全套用個人喜好風格，隨時掌握個人所需資訊，可自行套用所需服務，無煩人的廣告。

商業入口網站：由官方主導，資訊範圍較為廣泛但無法深入探討，服務應用也較為多元，但不見得是個人所好，個人化程度相當低，且常常會有許多商業廣告。


7. Comment on the article Serious potential in Google's Browser

Google Gmail推出四年了仍然還在Beta版，讓人不禁懷疑，真有那麼多需要測試的地方嗎？每當看到Beta總讓人不太想去用，一直迫切希望能出個正是較穩定的版本時再使用，如今Google 又再推出了新一代瀏覽器 Chrome，在眾多優秀的瀏覽器中，Chrome的優勢是什麼？版面最輕新簡便？穩定性安全性最高？運行速度最快？我想，尚有著許許多多值得深思的問題，值得Google好好地深入思考並且做探討的，期待此新一代瀏覽器Chrome會有長紅的一天：）

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.
這是Google Docs所創建之文件
-> http://docs.google.com/Doc?docid=df7674pp_930ff6tb4dh&hl=zh_TW

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.