Lab: More on HTML

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?
=> 標題由h1到h6，而其字體大小由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?
=> Unordered Lists 是在字的前面顯示項目符號；Ordered Lists 是顯示編號

Lab: Tongwen

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

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.



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


(1)經濟部



(2)國立故宮博物院


(2)教育部

Homework 10-20-2008

1. 參考 PageRank-Google 決定搜尋排名的關鍵技術

以及Google.com 網站的官方解釋，簡要說明PageRank原理。

Ans: PageRank原理是利用網頁與網頁之間超連結中的反向連結來決定收尋排名，
　　簡單來說就是如果自己網頁在別人的網頁中設有超連結，那就視為得到一票。

　　＊PageRank值決定的指標：

(1)反向連結數 (2) 反向連結是否來至PageRank值高的頁面 (3) 來源頁面的外向連結數

2. Essay Writing on Google Docs (>500 Words)

參考新蘇格蘭遊記，撰寫一篇你自己的秋日遊記。

＝＞　【薰衣草森林】

【薰衣草森林】

＊地點:新竹 尖石鄉 [薰衣草森林]＊

　

　

在一個閒情逸致的下午，這個假日大家都沒回家，

一時興起，查了查地圖，大家都不熟路，但就開始這旅遊冒險。

騎著車就衝往之前那期盼已久的＂薰衣草森林＂

騎了好一段路，到了新竹內灣：內灣老街。
逛逛吃點東西，順道一提，＂野薑花粽＂、＂香腸＂還真是好吃=)

吃飽喝足後，ＧＯＧＯ　繼續前進！！

要到薰衣草森林，還得從內灣繼續更進入山中。

蜿蜒陡峭的山路，騎著車還真有點害怕，但也更令人期待。

（薰衣草森林餐廳）

　

　

騎了快２小時的車，腰痠背痛終於到了目的地。

山上的新鮮空氣，真不錯！！

一進門口就看見了白色的房子（上圖），而在小屋的外面站立了兩隻大熊

真的是超可愛的，身上穿了結婚禮服的兩隻熊，和我一樣高耶！！

而白色房子的餐廳，因為才剛吃飽，所以就沒緣享用了。

裡面的佈置還真不錯，下次有機會一定要來吃吃看=)

　

　

　

（步道）

原以為薰衣草森林就只有這樣一點點而已，感覺有點失望。
但正當失望之餘，經過了白色的餐廳，發現了另一片天。

在房子的後面，有一個綠綠的小山丘和４匹木製的馬。

還有小孩的遊戲區，許多小朋友在玩著撈魚。

而我們一群人，就開心的在山丘上和木馬拍照=)

繼續往下走，步道旁有好多可愛顏色的兩人座椅，

坐在那可以吹著徐徐的微風，曬著太陽，眺望著山下，感覺好舒服！！

心情整個都放鬆了起來～

在課餘之時，我們最喜歡到風景區走走～一起冒險！

放鬆心情，並且可以增進大家的友情！！

　

　

　

（薰衣草＆戰利品：薰衣草小熊）

精品店：裡面有著各式各樣有關薰衣草的東西，
為了紀念第一次來到薰衣草森林，於是我買了一隻＂薰衣草小熊＂

這隻小熊真的好可愛（上圖）
全身都是紫色的正如同薰衣草的顏色，而身上的味道也是薰衣草的味道。
特別的是，這隻小熊還有專屬的身分證，寫著它製造的日期及編號。

＂薰衣草森林＂雖然沒有很刺激的遊樂設施，

但適合放鬆心情出外走走，推薦大家可以找朋友、家人一起出遊喔！

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

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

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?

Lab : Web Pageranking

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

紐約時報 http://www.nytimes.com --> 9/10
CNN http://www.cnn.com/ --> 9/10

張老師個人部落格 --> 1/10

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



(1) YAHOO --> 8/10



(2) 無名小站 --> 7/10


(3) YouTube --> 8/10

Homework10-4-2008

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

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

　缺乏實質內容的回應並沒有太大的幫助。

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

其他不同的媒介例如:報紙、雜誌 、電視、書...等。而社會媒體和其他媒體不同的地方為以下幾點：

(1)舊媒體例如報紙，若已出版，則無法改變；而社會媒體-部落格則幾乎可以立即更新不同的事情。 　　 (2)部落格可以和讀者互動，並且留下評論。

(3)在部落格上可以混合媒介，可以同時包含文本、影音、照片。不用侷限於報紙或雜誌。　　

(4)部落格上可以隨意出版自己的文章，且新媒體是無限制的，不必侷限於電視公司等權利或撥出時 間等等。　　

(5)部落格是可以重複利用的。

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

訂閱部落格者可以隨時觀察到部落格的最新動態或新訊息。而部落格經營者可以經由提供RSS內容餵送可增加自己的曝光率，讓更多人看見。

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

　

IE的市佔率有日漸下降的趨勢，而Firefox則有日漸升高的趨勢。

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

個人化人口網可以選擇自己需要的內容，根據自己部落格的主題需求可以放置不一樣的內容或服務，有自己部落格的特色。　　而常見商業人口網，則提供其商業需求的廣告、內容，而為了要符合大眾需求，則較無個人化程度。

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

Lab:Chrome

　
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 ]
　
1.速度: 感覺兩者都差不多
2.外掛功能: Firefox3.0 外掛功能較強
　
感覺兩者的功能大同小異，可是可能是較少使用，所以不順手。
但在近幾年Google 越來越盛行，在許多網路相關上也越來越平民化，覺得還不錯，可以考慮。
　
　
　

Lab: Personal Portal

1. Enterhttp://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/default3.

What is the RSS feed that Google

Reader takes in? List the URL of these RSS feeds.