利用 Google 試算表寄信給一群人

剛剛在好友低調的網頁中看到一個利用 Goolge 試算表寄信給許多人的方法，一看就覺得這功能大好啊！

想想看，如果你今天要寄信給一整班的學生，或是要寄信給家長，依照以前寄信的方法，我們祇能寄一封很制式的信件，每個人收到的內容一模一樣，如果你希望每封信都能針對收件者套用不同的稱呼，那在以前並不太容易達成。

不過現在利用 Google developer 提供的功能，我們可以很容易的針對不同收件者設計信件內容，讓每個人都收到的信件內容都不一樣。

看看其他人在 Google maps 上的相片

許多人知道在 Google 地圖可以查詢地圖之外，可以看得到衛星空照圖，還可以看得到各大城市的街景圖。

然而，無論是衛星空照圖或是街景圖，它們都祇是簡單的照片，能呈現當地大致外觀與概要資料，但這些相片並不具美感。

『啊？Come on, 這根本不是什麼缺點吧？有誰查地圖時會在意什麼美感不美感的這種小事啊？』

ㄟ，假如你現正在規畫個人旅遊行程，想知道某個離你規畫路線有點小距離的景點美不美？有沒有特地繞過去遊玩的價值？這時候如果能夠參考別人拍的旅遊照 －－最好還是仔細取景、構圖，具有美感的相片－－就比較能幫助我們下決定。

所以，雖然查地圖時美感並不重要，但是偶爾還是會有這樣的需求。拜資訊科技之賜，Google 地圖上還是可以滿足這類的需求，讓我們能在 Google 地圖上看到別人拍攝的相片。

圖、Google 地圖上的向上國中相片

開啟 Google 地圖的相片功能

要在 Google 地圖中看到別人拍攝的相片其實很簡單，首先點選一下右手邊的『地圖』按鈕。

圖、點選 Google Maps 的地圖按鈕

接著，再打開地圖選項中的『相片』功能，這樣就完成所有的設定了。

圖、開啟相片功能

開啟 Google 地圖的相片功能後，在地圖上會出現許多小方框，這就是各地網友拍攝後上傳的相片，祇要點一下某個小方框，它就會把相片放大呈現出來。你可以在底下這個內嵌地圖上點選別人拍攝的相片看看，還滿有趣的。

能夠在 Google 地圖上看相片真的是滿方便的一個功能，下次規畫旅遊行程時就可以先參考別人的相片來增減旅遊行程了。比方說想要去非洲旅遊的話，就可以考慮去看看這個野柳女王頭的姐妹。:P

圖、非洲某個神似野柳女王頭的石柱

因為這些相片是由各地網友拍照後上傳的，你可能會看到許多景點是一般旅遊書中沒有介紹到的，或是取景角度與旅遊書大不相同的相片。這些網友上傳的相片都可以讓我們對該地區有更多的瞭解。

Google Maps 相片的教學應用

Google 地圖提供的相片除了可以用來做旅遊規畫，教師也可以把這個資源運用在教學上，各式的自然景觀、人為建築、生態環境相片都可以在課堂上跟學生分享，做為課程的補充資源。

圖、撒哈拉沙漠的駱駝

雖然說在 Google 上打個關鍵字就可以找到許多圖片，但是 Google Maps 提供我們的是利用地圖搜尋某地區附近相片的功能。如果你想要瞭解某一個特定地區，並看看週遭環境，直接從地圖上面觀看相片是比較方便的。

教到生態系這個章節的時候，如果有時間的話，將學生分個幾組，讓他們自己去 Google 地圖上觀看某地區的相片，然後請學生自己歸納該生態系的特徵，這也是一個不錯的應用方式。

當然，前提是，如果有時間的話。

Technorati : google, 其他雜項, 攝影, 教學內容, 教學設計, 資訊課程, 電腦密技

利用 Picasa 上傳圖片至 Facebook

現在使用 Facebook 的人多了，有許多人選擇將相片上傳至 Facebook 去。

不過臉書的相片上傳功能很慢，相片在上傳的時候整個電腦都卡住，很不方便。而且如果你祇想上傳某幾張相片的話，不太好選擇。總之，Facebook 的相片上傳功能算是堪用，但是不好用。

那麼，是不是有比較便利的 Facebook 相簿上傳程式呢？有的，這類軟體很多，不過，我懶得再安裝其他軟體，我想要直接利用 Picasa 來傳相片。

之前介紹過，可以利用 Picasa 將圖片上傳至 PicasaWeb 網路相簿，祇要選好要上傳的相片，按個按鈕就上傳成功，非常便利。我們同樣可以利用 Picasa 這一套看圖軟體將圖片傳到 Facebook。

不過我們現在手上的 Picasa 還沒有上傳相片到 Facebook 的功能，必須從 Facebook 的網頁上安裝一下 Picasa Uploader 後，才能夠讓 Picasa 擁有傳相片到 Facebook 的能力。

Picasa Uploader 資訊

網頁：Picasa Uploader
檔案大小：7kb
安裝時間：少於 10 秒

安裝 Picasa Uploader

先連上 Picasa Uploader 的網頁，在首頁可以看到 Install Now (馬上安裝) 的按鈕，按下去就開始安裝 Picasa Uploader 了。

圖、至 Picasa Uploader 網頁安裝套件

當你點了 Install Now 按鈕後，可能會跳出一個畫面，問我們現在是要利用哪一套程式來開啟剛剛的連結呢？就選擇 Picasa 吧。

圖、選擇 Picasa 來開啟連結

你確定要在 Picasa 之中新增一個上傳相片至 Facebook 的按鈕嗎？是的，我確定。

圖、確認要新增按鈕

現在 Facebook 按鈕已經安裝到 Picasa 中了，不過我們還得將它新增到工具列，待會才能使用。所以就按『新增』將按鈕新增至工具列。

圖、新增 Facebook 按鈕

新增按鈕後，我們要選擇將『上傳至 Facebook』的按鈕排列在第幾個位置，如果沒有特別喜好的話就保持原狀；否則可再將按鈕上下移動順序。

圖、Facebook 按鈕新增成功

按下確定回到 Picasa 的看圖畫面，就可以發現在下方的按鈕區多出一個 Facebook 的按鈕了，短短幾秒鐘我們就已經讓 Picasa 擁有上傳圖片至 Facebook 的功能嘍。

圖、在 Picasa 工具列出現 Facebook 按鈕

如果你安裝按鈕失敗，可能你用的 Picasa 是比較早期的版本，或是使用免安裝版 (如 PStart 中內附版本)，你可以下載這個按鈕再手動安裝到 C:\Program Files\Google\Picasa3\buttons 去。因為 Picasa 還滿方便的，我會建議你乾脆安裝一套在電腦中，之後再來安裝這個按鈕。

使用 Picasa Uploader 上傳圖片至 Facebook

安裝好 Facebook 按鈕後，其他的就跟我們以前的習慣一樣了。在看圖片時，選擇自己想要與朋友分享的圖片，然後按下 Facebook 的按鈕即可。

圖、選擇要上傳的圖片再按 Facebook 按鈕

按下 Facebook 按鈕後，Picasa 會出現一個確認上傳的畫面，嗯，沒錯，我就是要上傳。

圖、確認要上傳相片至 Facebook

然後就會看到 Picasa 開始處理相片，這時電腦可能會有一小段時間變得比較慢，不用擔心。如果你選擇上傳的相片量比較少，可能一下子就處理好了。如果選擇上傳的相片多 (一次最多可以上傳 70 張相片)，那可能要等個十幾秒。

等到 Picasa 處理好相片，就會跳到 Facebook 這邊來了。啊，還沒登入，趕緊登入一下。

圖、登入 Facebook

如果你原本就已經登入 Facebook 了，那麼你不會看到登入畫面，而是直接讓我們選擇要把相片放到哪本相簿中。

第一個選項是將圖片丟到 Picasa Uploader 這個相簿裡。

圖、將相片放到 Picasa Uploader 相簿中

把相片放到 Picasa Uploader 相簿中雖然很簡單，但是各式相片混在一起實在是不容易看，所以這個預設值應該不會有人想用吧？更何況每個相簿最多祇能放 200 張相片，每次都選這個選項，一下子就爆了。讓我們看看其他選項。

第二個選項是把相片上傳至現有的相簿中。

圖、將相片上傳至 Facebook 現存相簿中

我的 Facebook 現在有 16 個相簿，不過看起來沒有一個與今天要上傳的相片有相關，所以我決定開設一個新相簿放這兩張相片。

第三個選項就是讓我開設新相簿的功能，祇要在 Name 那一欄填入相簿名稱就可以了，至於地點、額外描述要不要填寫就隨各人意思啦。最後，我選擇將相片公開給所有人觀看。

設定好後，按下 Send to Facebook，就一面新增相簿，另一方面也開始將相片上傳了。

圖、在 Facebook 上新增相簿

上傳完畢後，可以到相簿中去觀看嘍。

圖、相片上傳完成

移動到相簿中，Facebook 會再一次問我們是不是真的要將這些相片放到 Facebook 中，如果這時候忽然後悔了還有機會取消，要不然就按 Approve Photos，讓相片正式進入 Facebook 中。

圖、確定讓相片公開

確定讓相片進入 Facebook 後，我們就可以在自己的 Facebook 相簿中看到剛剛新建立的相簿出現了。

圖、相片上傳完成且已公開展示

利用 Picasa 方便的看圖功能，並可以隨時上傳相片到 Facebook，這實在是懶人的福星。對我而言，現在同時將相片丟到 PicasaWeb & Facebook 這兩邊一點也不是問題，反正按幾個按鈕相片就在兩邊都出現了，一點都不麻煩。

其實，要將相片丟到 Flickr 也是可以利用 Picasa，這就下次有空再來說了！:p

附註：

• 如果覺得每次到最後都還要 Approve Photos 才能把相片放入 Facebook 中實在很煩，那麼可以授權 Picasa Uploader，這樣以後就不用再回答這個問題了。
• 目前 Facebook 不允許這些相片上傳軟體把相片傳入粉絲團、社團中，祇能傳入自己的相本裡。所以，如果要傳相片到粉絲團、社團的，就祇得用 Facebook 那難用的上傳介面了。
• Picasa Uploader 有新的版本，可以上傳高解析度相片至 Facebook。不過還得額外安裝 Adobe AIR，我看還是算了。XD

Technorati : freeware, google, picasa, 免費與自由軟體, 免費軟體, 圖片編輯, 網路相簿, 資訊融入教學, 電腦密技

HTML 簡易教學

你是否想過，我們每天看的網頁到底是怎麼做出來的呢？

有的網頁祇是單純的文字、另一些網頁有圖片，還有些網頁具有音樂、動畫，我們要如何產生這些不同的網頁？

暫且不談動畫，因為那需要一些特別的程式來製作；也不談音樂，因為很多人厭惡看到網頁中放音樂 (我就是，常會被嚇到)，如果祇是要在網頁中放入文字 & 圖片的話，網頁怎麼製作出來的秘密早已存在於『檢視原始碼』之中。

且讓我們在網頁上按右鍵，選擇『檢視原始碼』來看看網頁是怎麼做的吧。

圖、在網頁上按右鍵選擇『檢視原始碼』

OMG，這是什麼鬼？這些原始碼到底在寫些什麼啊？根本看不懂啊！

圖、詭異難懂的網頁原始碼

喔，不用擔心，雖然這些原始碼很難懂，但有很多是我們可以忽略的。把那些不需要瞭解的部份跳過去之後，剩下的東西就很清楚明白了。以前的人要寫一個網頁可能要自己去鑽研這些部份，但是現在是部落格時代，我們一般使用者祇是想寫寫部落格的話，根本不需要懂這麼多內容就可以寫部落格了。

『ㄟ，不對啊？我之前寫部落格時，直接寫就好了，根本沒看過這些奇怪的東西也能寫啊。』

是沒錯，現在的部落格系統確實都幫我們做的好好的，所以我們根本不必瞭解這些東西也可以寫部落格，但是瞭解一點點網頁最基本的知識會讓我們寫部落格時更方便。

因為部落格其實就是一個網頁，祇不過有程式幫我們處理一些比較麻煩的部份，但本質上它還是網頁沒錯，所以瞭解一些網頁知識對寫部落格會有幫助。當我們學了一些簡單的網頁知識後再回來看這些原始碼，就多少可以看懂一些內容了。

不倒翁與網頁

有沒有看過不倒翁？怎麼推它都不會倒。網頁也有點像不倒翁。網際網路剛興起的時候有 gopher、BBS 等不同的服務，到現在 gopher 已經沒人在用了，BBS 祇剩台灣比較盛行，但是網頁卻還是屹立不搖，應用的層面越來越廣，真的是網路上的不倒翁。

除了在意義上像是個不倒翁外，網頁的結構也與不倒翁長的很像，底下就是常見的不倒翁形式。

圖、不倒翁 (圖片由 rthryip 拍攝)

一個典型的不倒翁是從頭頂算起，一直到與桌面接觸的那個地方，這就是一個不倒翁的『範圍』。不倒翁一般又可以分為頭部 (Head) 與身體 (Body) 兩部份，由頭與身體這兩個部份組成一個不會倒的娃娃。

圖、不倒翁由 Head & Body 組成

網頁也是這樣子的構造，一個網頁也有『範圍』，也是由頭部 & 身體所構成，跟不倒翁完全一個樣。

與不倒翁不同的是，網頁是由一種叫做 HTML (HyperText Markup Language，超文本標示語言) 所組成，不像不倒翁是有實際形體的物品，那我們怎麼知道這個網頁的範圍、頭部與身體在哪邊呢？

HTML 概念

我們在網頁中，用的是 <…> & </…> 來判斷範圍 & 頭部、身體在哪邊，<…> 顯示某個部份開始，加上斜線的 </…> 則代表這個部份結束，有開始有結束，我們就可以將各個部份區別出來了 (所以 <…> & </…> 分別像是數學的左括弧 & 右括弧，除了少數的情況外，這左、右括弧幾乎都是成對出現)。

因為網頁是由 HTML 所組成，所以在一個網頁中，我們用 <html> & </html> 來界定一個網頁的開始與結尾。對了，要寫最簡單的網頁祇要用 Windows 內附的『記事本』程式就可以寫了。請你打開『記事本』，我們來試看看。

執行『記事本』後，請你輸入 <html>，然後按 Enter 鍵換下一行，再輸入 </html>，這樣我們就定出了網頁的範圍了。

圖、利用 <html> & </html> 定出網頁範圍

不過光是這樣還不夠，祇有範圍卻沒有頭 & 身體，並不能構成網頁，所以我們還要為網頁塞入頭 & 身體。

要加入頭，我們用 <head> 來標示網頁的頭部開始位置 (沒辦法，電腦是外國人發明的，所以祇能用英文啦)，有了開始位置後別忘了加上一個結束的記號 </head>，否則這個頭的下巴不知道要長到哪邊去。

同樣的，利用 <body> & 有斜線的 </body> 就可以標示出身體的部份了。

圖、建立網頁的頭與身體

好，有頭有身體了，那麼這個網頁要加哪些資料進去呢？我們先從頭部開始加資料吧。

一般網頁的頭部會放這個網頁的基本資料，比方說網頁的標題 (title) 就是放在網頁的桃喀釘。讓我們用 <title> & </title> 幫網頁加上標題吧。

圖、在網頁的 head 區輸入網頁標題

你可能有注意到我將 <title> 往內移了 4 個空格，這樣子讓它與 head 顯得錯落有致，我們會比較容易分辨這是 head 底下的資料。你如果不把 <title> 往內移也是可以的，不過日後要修改時因為所有資料都在同一個起點，這樣就很難找到你要的資料。所以依照不同層次依次內移 4 個空格對我們日後修改會比較容易。

頭部有資料後，我們要在身體的部份塞東西，就隨意打一行字進去 body 吧。

圖、在 Body 區輸入網頁內容

同樣的，為了有所分辨，我也是將內容內移 4 個空格。另外在 head & body 之間多一行空白，這樣以後比較好分辨。如果你覺得一行不夠明顯，要加個三行、五行都沒問題，HTML 祇認 <…> & </…> 之間的資料，其餘的空白、空行都會忽略。

到這裡，我們已經完成一個最簡單的網頁，趕緊存檔來看看吧。我們存檔時，在檔名的最後方要加上 .html (或是 .htm)，這樣網頁程式才會知道這是一個網頁。

圖、將檔案存為 .html 檔

存檔後，我們利用瀏覽器來開啟剛剛寫好的網頁。進入瀏覽器後選擇『檔案 ==> 開啟檔案』就能開啟我們寫的網頁了。

圖、至瀏覽器中開啟舊檔

在開啟檔案的視窗中選擇我們剛剛存的檔案。

圖、選擇剛剛存的檔案

喔，剛剛寫在 <title> & </title> 間的標題出現在視窗的左上角，寫在 <body> & </body> 間的內容則出現在視窗之內，我們的第一個網頁成功了。

圖、具有標題 & 內容的網頁

增加 HTML 網頁內容

讓我們回到『記事本』程式繼續增加我們的網頁內容。因為我們要增加的是內容部份，所以整個 <head> 區都不用理它，我們專注在 <body> 區就好，我們要讓這個網頁的肚子裡有墨水。

圖、增加網頁內容於 <body> 區

寫了幾行之後我們存檔，再回到瀏覽器這邊，按 F5 重新整理畫面，ㄟ，怎麼剛剛新增的內容與原本的內容全都連成一串了啊？明明我在『記事本』中把它們分開成兩段落啊。

圖、新內容、舊內容連成一串，難以閱讀

喔，是這樣子的，還記得我們前面有提到說空白、空行都會被忽略嗎？所以在瀏覽器中就將這些空白、空行忽略掉，而將文字串在一起了。

『那怎麼辦呢？串成一起很難閱讀耶。』

沒關係，我們可以用 <p> & </p> 指定段落範圍，有了 <p> 這個指引，瀏覽器就知道要在那邊分段了。

圖、利用 <p> 指令將文字分段

當我們手動以 <p> & </p> 分段後，在瀏覽器中的顯示結果就是我們想要的方式了。

圖、利用 <p> 得到我們想要的分段效果

使用 <p> & </p> 我們就能讓文字分開成不同段落，方便我們閱讀。順便一提，<p> 這個指令是從段落的英文 Paragraph 而來，祇要記得這個英文，就不會忘記要怎麼將文字分段了。

好，我們繼續往前邁進，請把下面這一段怪文字複製起來，貼到『記事本』中。

<img src="http://goo.gl/lknYc" />

你或許不知道這一段怪文字是要做什麼的，沒關係，反正當作是被我騙了也罷，就請你將這段文字貼過去吧。

圖、將上述的怪文字貼入『記事本』中

好，將上述的文字貼好後，回到瀏覽器來看看，咦？出現相片了？！

圖、利用 <img> 在網頁中呈現相片

解釋一下剛剛發生了什麼事，<img> 是一個指示瀏覽器呈現圖片 (image) 的指令，要呈現哪張圖片呢？這就要看在 <img> 中多給的 src 後面接的是什麼網址了。

src 是 source (來源) 的簡寫，所以 src="http://goo.gl/lknYc" 這一段指令告訴瀏覽器要把 http://goo.gl/lknYc 這張圖片抓到我們的電腦來顯示在螢幕上，所以在網頁上就出現一張相片了。

此外，由於我們要做的指示都已經在 <img> 中說完，所以 <img> 是少數幾個不以 </…> 做結尾的指令，這是比較特別的部份。

資料整理：

設定網頁開始與結尾：<html>……</html>
頭部：<head>……</head>
標題：<title>……</title>
內容：<body>……</body>
段落：<p>……</p>
圖片：<img>

嵌入其他網站的相片至網頁中

好，我們知道利用 <img> 可以將圖片呈現在網頁上了，但是我怎麼知道去哪邊找到要呈現的圖片網址？這就是問題所在了。

其實比較大的相片網站如 PicasaWeb & Flickr 都提供了讓相片嵌入網頁的功能，我們祇要點選那個功能選項，就可以得到圖片的網址。我們馬上來試看看。

比方說我把一張相片上傳到 PicasaWeb，可以在 PicasaWeb 上看到這張相片。

圖、一張上傳至 PicasaWeb 的相片

在 PicasaWeb 上將畫面稍微往下拉，可以看到『Link to this Photo』的選項，點一下它。

圖、選擇 Link to this Photo 的相片連結功能

點選連結功能後，PicasaWeb 提供了兩種連結方式。第一個是提供一個網址，讓我們在瀏覽器中輸入網址連結到這張相片來；第二種方式是讓我們把相片嵌入 (Embed) 網頁或部落格中，直接在網頁裡呈現相片。

既然我們要的是在網頁 (或部落格) 中呈現相片，那當然就是選擇第二種方式嘍。把 Embed Image 底下方格的文字複製起來 (記得選擇所要的相片大小)，把這些文字貼到『記事本』去吧。

圖、在 PicasaWeb 選擇嵌入相片

到『記事本』中，把剛剛在 PicasaWeb 複製的文字貼上……嗯，怎麼好多看不懂的內容？

不用擔心，這些看不懂的內容其實不重要 (以後有機會再解釋)，重要的是我們確實看到 <img src=....> 出現在檔案中 (第三行最後)，那就存檔到瀏覽器看看結果如何吧。

圖、將 PicasaWeb 提供的代碼貼入網頁檔

嘿，在網頁中真的出現圖片了。我們真的從 PicasaWeb 那邊成功地把相片引用到我們的網頁上面來了。

圖、在網頁上顯示 PicasaWeb 的相片

將 PicasaWeb 相片嵌入部落格

PicasaWeb 的相片不祇能放在網頁上，也能放到部落格中 (因為部落格就是一種網頁)。

部落格是一個比較方便的網頁系統，它已經幫我們把 <html> & </html>、<head> & </head>、<title> & </title> 都處理好，祇留下 <body> 與 </body> 之間的內容要我們處理而已。所以當你寫一篇新的部落格文章時，你不需要去煩惱那些問題，祇要致力於 <body> & </body> 之間的內容就好。

而且現在的部落格系統都提供『所視即所得』編輯器，你可以把部落格當作 Word 來使用，不需要像前面這樣子自己慢慢輸入 <p> 換段落、有的沒有的，真是方便多了。利用所視即所得編輯程式，我們要部落格的字型要變大變小祇要從工具列選一下就好了，太容易了 (更何況我們前面還沒講到變換字型大小呢)。

不過，因為我們從 PicasaWeb、Flickr 這類網站拿到的都是網頁原始碼，不能直接貼到在部落格的編輯畫面中，一定要進入原始碼畫面才能把相片嵌入碼放到部落格中 (這就是我為什麼還是要講網頁原始碼的原因)。

一般來說，部落格撰寫內容的地方都會有個標示為 HTML 或是 < > 的按鈕，按下這個按鈕就可以編輯網頁原始碼。以我們學校的部落格系統來說，當你按下工具列上的 HTML 按鈕時，就可以進入原始碼畫面編輯。

圖、按 HTML 鈕編輯 HTML 原始碼

將剛剛在 PicasaWeb 拿到的 HTML 原始碼貼入適當的地方。什麼叫適當地方？比方說你可以把這些原始碼放在兩個 <p> 之間，屆時圖片就會出現在這兩個段落中間了。

圖、在 HTML 原始碼畫面貼入相片網站提供的代碼

回到所視即所得編輯區，剛剛貼入的代碼已經成功的將相片放到我們的部落格來了。

圖、在編輯器中看到 PicasaWeb 的相片

按下發表，在部落格中就可以看到我們把 PicasaWeb 上的相片放到部落格了。

圖、相片出現於部落格中

有些朋友看了我之前寫將 PicasaWeb 應用在部落格 (上)、(中)、(下)，卻還是不知道怎麼將 PicasaWeb 的相片放到部落格上；那時我用 Zoundry Raven 這套程式來放圖片，但沒有解釋 HTML 這些基礎的知識，所以很多朋友看不懂。

也有很多朋友習慣了無名、痞客幫這類同時提供相簿 & 部落格的系統之後，因為都祇要從自己的相簿中拉相片就好，所以當相片不在自己的相簿中時，就不知道怎麼把 PicasaWeb、Flickr 這類相片網站的相片放到部落格裡，希望上述的講解可以讓大家知道怎麼把外部相片放到部落格中。

而且，到這邊，再回去看網頁的原始碼，應該可以知道哪些是網頁的基本資料 (放在 head 桃喀釘)，哪些是內容部份了吧？也可以從原始碼看得出來這個網頁中的相片是從哪邊取得的吧？

如果你看到某個網頁中有張相片很棒，也想在自己的部落格中使用那張相片 (前提是沒有著作權問題)，那麼就可以到網頁原始碼中翻一下，一定會讓你找到相片原始碼，而可以引用到自己的部落格。

這就是學習網頁原始碼的好處。即便我們祇學了一點點點點基礎的知識，還是很有用的。:)

Technorati : blog, freeware, google, picasa, 免費與自由軟體, 免費軟體, 圖片編輯, 網路相簿, 資訊化教育, 資訊教育, 資訊融入教學, 部落格, 電腦密技

善用網路資源增進教師專業

幾年前，三個演員花了四天的時間在海邊不斷跑跑跳跳，經過剪接後，就成為 Youtube 上一部很神奇的影片：Bloody Omaha。

他們利用後製剪接，以那四天在海邊不斷奔跑的影片重現了二戰期間諾曼第登陸時盟軍傷亡最慘重的 Omaha beach 之役。如果祇看成品，很難想像這是祇靠著三個演員就拍出來的影片。

我將影片下載存起來與學生分享：『你們看，其實很多在影片中看起來很炫的場面，其實不見得要真的動用很多人。利用綠幕，並且花時間去做後製，一樣可以達到我們想要的結果。祇是這樣子做要花不少時間就是了。』

播完這部神奇的 Bloody Omaha 後，再播一部一鏡到底的影片做為對照。

我一直很喜歡看一鏡到底的影片，佩服導演 & 演員事前演練的工夫，能夠讓影片一氣呵成沒有閃失真的是了不起的成就 (不過 Philips 的這個廣告比較簡單，畢竟假人不會動來動去，祇要導演規劃好行進路線就能順利拍好)。

播這兩片給學生看，用意是：『嘿，你們看，拍影片可以動用一堆人一鏡到底；也可以走另一極端，祇用三個人，花時間後製出千軍萬馬的感覺，所以拍影片的方式有很多，都可以嘗試看看。』

不過，後來我沒再給學生看過這兩部片，反而是常在研習時播給老師們觀看。

教師擔任一鏡到底的導演

為什麼會播放這兩部影片給老師觀看呢？看看第一部，三個人在海灘不斷地奔跑，跑了四天最後剪輯成一段影片，這像不像是傳統教師生活的縮影呢？

教師的職場生涯中若都是自己開發補充教材，不斷的嘗試、修正，當然也可以成為一個很好的教師，不過這樣子的教學好累。一切自己來的教師，必須花費許多精神才能有一些成果。

在現在網路如此方便、盛行的時代，在網路上可以找到許多資源豐富自己的教學，我們祇需要上網搜尋到自己需要的素材，做好適當的修改、安排，教學時就像一鏡到底的導演推著鏡頭滑過演員，讓自己游走於安排好的網路素材之間，省下許多無謂奔跑的時間。

『使用網路資源？這有什麼困難？還要你來說？』

對於數理科的教師而言，使用電腦、網路是一點困難都沒有，好像很自然的就擁抱了網路世代的來臨。不過，對於許多文組的教師而言 －－ 甚至是剛實習完應屆考上的教師，這還是很困難的一件事。

『我們在大學時沒什麼用到電腦的機會，頂多就是用 Word 打打作業而已，所以對電腦很不熟。除了會用一點點 Word 之外，其他都不會。』

Google 是我們的好朋友

對於有這種困擾的老師，我建議先學習使用 Google 幫助搜尋資料即可。不過一樣是使用 Google 找資料，有些人很快可以找到自己想要的資料，有些人找了老半天還是找不到適合的資料用，這是怎麼一回事？

幾年前在網路上有一篇《學妹用 Yahoo 搜尋的紀錄》多少呈現出一些人搜尋資料上的問題。

作者 fatred (胖弘) 看板 StupidClown
時間 Sat May 26 01:11:38 2007
　──────────────────────────────
目前我的室友有四個，一對我們班情侶，剩下兩個是大學的學妹，學妹他們兩個除了男朋友(缺)之外，什麼都共用。
　
共用浴室（因為兩個都住雅房），共用洗髮精（這聽起來正常不過那一瓶洗髮精是我同學的），經常共用床（因為都會有其中一個人的床太亂堆很多東西），共用電風扇（有時候它也是吹風機），共用脫鞋（其實是有兩雙不過都混著穿），共用機車（不例外的帶點不正常：安全帽只有一頂），這次的重點是，他們共用的那一部電腦。
　
首先這絕對不是因為他們兩個有多窮，只是因為他們沒想到。
　
解釋一下，通常女孩子會擁有電腦，都是男生幫忙買(組)的，而那個男生往往就是男朋友。（目前這台就是她前男友的傑作）
　
在沒有電腦順便沒有男朋友的時候都不會覺得應該要買一台，尤其我們其他要買的東西實在太多了。
　
每個月的 DHC 特價商品、每一季的換季出清、每一台都在播的保養品廣告、每個禮拜的週刊、我們都覺得有責任要買回來。就算存錢也是因為想買的東西太貴或是繳卡費。
　
好回到主題、某天我必須去借用他們的那一台電腦。
　
我打開IE上網，出現的首頁跟你一樣是 YAHOO!奇摩首頁。我開始搜尋報告作業要找的資料，一次、兩次、三次、我發現了一件看似正常但越看越奇怪的事。
　
就是奇摩的搜尋格子點下去不是會出現之前搜尋過的東西嗎？我覺得那個很奇怪，越看越怪越看越頭大。我把那個清單裡比較奇怪的列出來、你應該會知道我的意思：
　
搜尋白痴過往搜尋內容一覽表：(　)裡是我的吐槽…
　
－－－－－列表開始－－－－－－－－－－－－－－－－－
　
104（想找工作啊）
104+電話號碼（問題=答案）
5566+xxx+很討厭（討厭還搜尋幹麻）
ipod（想買啊）
ipod+獎品內容（看來是買不起）
LV（這會找到幾萬筆吧）
LV包包（這還差不多）
LV包包+仿冒（錢不夠啊？）
LV包包+仿冒+分期（哇咧）
S.H.E的大姐（你是想找Ella對吧？）
S.H.E的E（她叫Ella）
小貓小小貓的頭飾（這是什麼）
心理測驗
心理測驗+速配指數（戀愛了吼？）
心理測驗+速配指數+變心（........）
史萊姆弟弟的家（夠了喔）
減肥秘方+不需運動（.......）（這個我試過、騙人的啦）
削鉛筆機
削鉛筆機+可摺疊+多功能（你想拿來做什麼）
台新銀行+金庫
台新銀行+金庫+平面圖（到底想幹麻啊）
則嫁卷（打錯）
折價卷（對了）
折價卷+很便宜（太貪心了吧）
折價卷+會後悔（是想找 不買會後悔 嗎）
折價卷+免費（這不能一起吧）
池袋太陽城王子（誰啊）
我覺得+好帥喔（想看帥哥啊）
貓+領養+很乖+短毛+黑色的不要（你還真挑吶）
拋棄過去
拋棄過去面對嶄新的人生（到底經歷了什麼事？）
系統供應廠商（出現 發生錯誤即將關閉 了嗎）
春上村樹（村上春樹？）
抽獎名單+xxx（她的名字）（想碰運氣啊）
就送時尚雜誌一年份（天底下沒有白吃的午餐）
統聯客運火車時刻表（人家是遊覽車啦）
新接龍官方網站+下載（人家沒有架啦）
墨西哥草莓（是土耳其啦）
轉一轉+舔一舔+泡一泡 （直接告訴你，那種餅乾叫OREO）
獵人*獵人（找漫畫的話是x吧）
翻譯年糕（這種東西沒有啦）
蕃薯疼（你夠了喔）

就像上面的例子一樣，要找 LV 包包的資料如果祇有輸入 LV 兩個字是不太容易找到想要的資料的，因為網路上有 LV 這兩個字母的資料太多了，全部呈現出來我們無法消化。要用 Google 搜尋資料時我們提供 Google 的字詞越精確，找到的資料就會越正確。

以尋找教材來做例子好了，在 Google 鍵入『國文教材』四個字去搜尋資料會找到 100 萬筆，不過如果用『五柳先生傳 教材』(先打五柳先生傳，隔一個空白，再輸入教材) 去找，就會祇剩下 13 萬筆，一些與五柳先生傳無關的國文教材都被 Google 篩掉不會出現。

再增加一個關鍵字，用『五柳先生傳 賞析 教材』去搜尋，資料祇剩 3 萬筆，隨著關鍵字的增加，找出來的資料越來越精確。適當的運用關鍵字去搜尋，就可以省下許多人工篩選的時間。

至於要用什麼樣的關鍵字去尋找資料呢？可以假設『現在手上有一份符合需求的資料，要會用什麼檔名去貯存它？』這樣的邏輯去推想要用哪些關鍵字找資料。

針對五柳先生傳，我可能想要找到文章內容，並將它存成一個檔案；賞析方式存另一個檔；想要找其他教師做好的學習單再存一個檔案，最後一個檔案放與五柳先生傳有關的考題。

針對這幾個不同的需求，分別用『五柳先生傳 課文內容』、『五柳先生傳 賞析』、『五柳先生傳 學習單』、『五柳先生傳 考題』去搜尋，得到的結果都會不同。但不論找到的結果如何，都會比單純使用『國文教材』或是『五柳先生傳』下去搜尋的結果精確的多。

加入教師專業社群

除了利用 Google 搜尋資料外，還有許多資料是用 Google 搜尋不到的，比方說我電腦裡的某些檔案你就找不到。不過，我會將一些檔案分享給我的好朋友，互通有無。

利用之前提過的 Dropbox、Google 文件、Google sites 我們會分享一些不太容易放在部落格的資料，我們無意敝帚自珍，不過這些資料不易放在網路上，自然也就不會被搜尋到。祇有加入社群成為我們的朋友，我們手動將你列入分享名單中你才看得到。

要怎麼加入這些教師社群呢？其實不難，網路上都會有些名人，比方說你可能聽過彎彎、重灌狂人、電腦玩物等人的大名。同樣的，在網路上也有些教育名人。

以我任教的生物科來說，阿簡的部落格、月鈴老師的部落格一定要看看。從這兩個老師的部落格，你可以認識更多出沒在網路上的生物教師，每位生物教師分享一點資料，那就是不得了的資源了。

其他科別的教師則可以從教育噗浪客的網頁去發掘與自己志同道合的朋友。教育噗浪客是一群在噗浪上出沒的教師所構成的社群，主要由國小教師、資訊教師所組成，但是還是有其他科別的教師在這裡出沒。

如果單看這些教師的短文 (噗文)，有時會覺得好像滿無聊的嘛，『早安、晚安』這也能成為一篇短文啊？可是就是這樣很隨意的氣氛，讓大家自在的聊聊天，認識彼此、發現彼此相同的興趣，因而噗浪上的教師凝聚力頗濃厚。

這些教師組成的『教育噗浪知識 +』威力驚人，在噗浪上問個教學上的問題，不一會兒就會有許多人來回答，省去自己摸索的時間。祇要你也是願意分享的人，在這個社群裡你會如魚得水，並且會發現，原來我們可以藉由分享認識更多人，收獲也越多。

其實祇要樂於分享本來就很容易找到志同道合的朋友，就像我寫部落格初衷祇是記錄自己的一些想法，不過因為這些資料都在網路上與大家分享，讓我認識越來越多的朋友，獲得的幫助也越來越多，信箱中會自動出現一些我所需要的資料(好友分享的)，這是我以前從來沒有想過的結果，算是意外的收獲。

不過要寫部落格的資訊能力要稍微高一些，光是張貼相片就有一些門檻在，也會覺得要寫點言之有物的東西才好意思放上部落格。但是在噗浪上要分享相片很容易，發文內容也不需要太拘束，『早安』、『晚安』都能成為一則短文，這樣壓力就小的多。

所以，加入噗浪上的教師社群吧！與大家聊聊天，分享你的資料、想法，你的收獲會比付出的多的多！:)

後記：

如果加入噗浪後不知道要做什麼，也不知道可以把哪些教師加入好友的話，那麼可以參考一下 Dr.Pu 噗叫獸 這個網站上收集的短文。

前面說過在噗浪上面『早安』、『晚安』就可以成為一則短文，所以訊息數量很多，一些值得關注的討論因為混雜在這些訊息中而受到忽略。因此有老師將一些具有保留價值的短文收集起來成為 Dr.Pu 網站。

連上 Dr.Pu 網站時，可以看到許多短文陳列於其上 (僅有原文，不包含相關討論)，並依其內容屬性分屬於數個類別。

圖、Dr.Pu 噗叫獸外觀

在短文的最前方有個 [原噗] 連結，點選連結後可以觀看原文，以及該文的相關討論。

圖、點選 [原噗] 觀看原文 & 相關討論

在短文發布時間之後有作者的連結，點選連結後可以觀看該作者的所有短文 (可能會有很多廢文！XDDD )，進入該作者的所有短文畫面 (在噗浪上稱之為河道) 後，如果覺得這個作者的調性與你相符，可以將他加入好友。

一旦將他加入好友，日後在你自己的河道上就可以看到該好友的所有短文，不用再跑來跑去了。

圖、點選作者連結觀看其河道

這群教育噗浪客中有國小老師、國高中老師、國中小校長、大學教授、國外華語學校的校長 & 老師，大家因為對教育有熱忱而相聚在一起，在其中應該可以找到一些與你調性相符的人得以成為好友。對教學有熱忱的老師歡迎一起加入，收獲會相當豐盛的！:)