2020/08/16

在火車上

邀住花蓮的妹妹和她三個孩子來台中玩，近兩年不見，繞過中央山脈來訪，我們認真玩了四天，第五天大家一起到台北找外婆。

因為兩個表弟，兒子開心、氣派地當了好幾天的「大哥」。有幾次興致高昂，在兩個表弟面前想逞威風，提出自以為是的計劃，我駁回，便出言不遜地使脾氣，因他使脾氣，沒辦法好好說話，我也就粗魯地做了些處理。這讓他更沒面子。

我們這幾天的關係因此若即若離，有點緊張。

最後一天，吃過豐盛的火鍋去林家花園玩，綠意盎然、一造接接連一造的庭院，讓大家充滿驚喜，像在一個很大的花園迷宮裡探險。

該坐火車回台中的時間，大家也該告別了。我和妹妹下次見可能是以年來計，表哥表弟下次見，不知道哥哥還會不會比較高？不只火車催，我看天邊烏雲也快黑過來，最近下午都落暴雨，大家依依不捨地再拍一張合照，說再見。

我和兒子坐上公車趕火車。火車站人來人往，我們直覺地牽起彼此的手。少了兩個表弟，他又回復成「小」兒子。臨上火車前上廁所，他先去，我再上，換手看顧包包。女廁人多等了一下，就在快好時，聽見兒子喚我的聲：

「媽媽！媽媽！」
「什麼事？」
「妳好了嗎？」
「快好了。」

走出來，便看兒子提著我們倆的包包在女廁門口守候。
「謝謝你。」

上火車入座後，兒子依身靠了過來，因為玩累了，或許也因為卸下「大哥」的身分。我們的關係又回復到原本的距離，還有，因為離家讓我們靠近。兒子很快地睡了。

這班火車將直達豐原，中間沒有停靠站，駛出地表、越過大漢溪時，妹妹傳來訊息：到家了，也開始下雨了。

作者： Sophie 於 8/16/2020 0 意見
標籤：
2020/08/11

青少年網誌工作坊教學

前情提要：這本是兒子國三畢業時想做的事，如今兒子要高三了，終於有機會實現。

暑假有空透過 Blog/網誌/部落格 整理一下自己，也順便準備申請大學的資料。以下是我到兒子學校和同學們分享的 Blog 工作坊內容。因為同學已有學校提供的 Google 帳號，因此便以 Blogger 做為網誌平台。

八月，在他們考完第一次模擬考的午後，我們用三個下午完成了這個網誌工作坊，希望這只是開始！
如果有團體也想舉辦這樣一個工作坊，時間允許，我很樂意再做一次。
其實我覺得更好的是：有學生想學如何教。學了之後，由他/她去教，畢竟「教」是「學」的最好試煉。而且比起當學生，當小老師的經驗是更棒、更深入的學習體驗，有更多感受可在申請資料上發揮呢！

作者： Sophie 於 8/11/2020 0 意見
標籤： ,

青少年網誌工作坊 Day3: 嵌入YouTube影片與文章、網誌設定

今天最後一天，得把一些基本的網誌功能做個小結。

嵌入YouTube影片

網路速度愈來愈快，如今下載影片已和圖片一樣快，在此以 YouTube 為例說明如何在網誌加入影片。

1.找到要嵌入的 YouTube 影片

2.取得影片嵌入HTML碼

右邊HTML嵌入碼下方，有些設定可調整，比如影片要從什麼時間點開始播⋯⋯

這設定會反應在HTML碼中。如下 start=70 就表示自70秒(1:10)的地方開始，而 width、height 就是嵌入時的寬與高：

<iframe width="560" height="315" src="https://www.youtube.com/embed/LQIsGoUcwxg?start=70" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

3.在網誌文章中加入影片HTML嵌入碼

回到網誌編輯畫面，不妨先在文章中想出現影片的地方輸入一些字，如：我的影片。再把網誌文章切換到「HTML檢視」模式，以便在HTML中找到要插入的位置：

接下來把剛才從YouTube複製的嵌入碼貼上來：

這樣便完成了！

超連結串連網誌內容

網誌本身就是HTML網頁，HTML的特性就是可以串來串去。

不妨為某個主題製作索引頁，方便讀者檢視這主題的相關文章，比如：可新增一篇「關於我」的文章，把申請大學的文章統整在此，因應不同科系，可以建立每個科系的申請資料索引頁，比如各作品介紹文章便可透過連結一式共享。

像是這樣：

這是我的個人介紹.... 

  • 個人簡介 
  • 作品集 
  • 音樂會

建立超連結

什麼是 rel=nofollow

Google 會隨著連結爬文，因為無法確認網誌外連結文章是否保持品質，影響到自身網誌在 Google中的品質權重，因此我建議：網誌內連結不勾選、網誌外連結勾選。(參考：使用「nofollow」對抗垃圾評論)

因為「個人簡介」是連結到網誌中的文章，故在此不勾選nofollow，讓 Google 去爬「個人簡介」。

文章設定

標籤

標籤的作用是標示此文章提及的關鍵內容，協助讀者、Google 搜尋引擎了解這篇文章內容。因此有下標籤的文章可以比較容易在搜尋時被比對出來，為避免浮濫失焦，也不要下太多標籤，反而失去效果。

像這樣：

發佈日期

可設定文章發佈日期：

Blogger會自動根據發佈日期，把文章歸檔，之後可透過「網誌存檔」檢視：

永久連結

同樣為了提升文章在 Google 搜尋引擎中的排名，為文章連結網址取個有意義的名字會比較好。連結只接受：英文、數字、底線，不接受中文。

網誌設定

在「設定」中可對全網誌進行設定。

時間格式

版面配置-網誌小工具

可在此修改網誌的版面配置，並加入 Blogger 提供的許多「小工具」：

搜尋此網誌

效果如下：

網誌統計資料

設定如下：
在網誌前看起來：

網誌標籤

設定如下：
顯示的結果：

置頂文章

可透過「網頁」這個小工具產生置頂文章的效果。
在設定中「新增外部連結」，可加入多個網頁連結。在「標題」設定這小工具的提示文字，比如我想叫它：「推薦文章」：

把它拖放在右下方的「sidebar」、上方的「crosscol」會用不同呈現效果，你可以試試：
這是放在右下方「sidebar」的結果：
如此在網誌中的每一頁，我指定的「推薦文章」都會出現在右上角。

作者： Sophie 於 8/11/2020 0 意見
標籤：

青少年網誌工作坊 後記: 什麼是 Blog、可以寫什麼？

什麼是 Blog ?

維基百科中對 網誌 的說明如下：
Jorn Barger 於1997年12月17日創造了術語「網路紀錄檔」（Weblog）。而「Weblog」的縮寫「blog」則是由 Peter Merholz 創造的，當時他開玩笑地將「Weblog」在他的部落格 Peterme.com 的側邊欄變成詞組「we blog」。「Blog」很快就當成是名詞和動詞。（Blog可以表示編寫部落格，也可以表示部落格。）

網誌可以做什麼？

Log 這字直接點出網誌本質：記錄。記錄個人生活點滴或對事物的想法、看法，也因為聚焦於網誌作者個人，也常是挑戰個人成長的一種工具。
比如電影《美味關係》，一個每天聽抱怨來電的客服在自己網誌上展開一個「Julie & Julia 計劃」，Julie 是她自己，Julia 則是美國傅培梅-茱莉亞·柴爾德/Julia Child，挑戰在一年之內，複刻柴爾德經典食譜《掌握法式烹飪藝術/Mastering the Art of French Cooking》中 524 道料理的日常生活經驗，把這段經歷記錄在自己的網誌了。最後這些網誌文意集節成一本書：《美味關係》（Julie & Julia: 365 Days, 524 Recipes, 1 Tiny Apartment Kitchen）。
       
《美味關係》一部和網誌有關的電影。
比如在台灣有「IT鐵人賽」，為 IT/Information technology 搞程式、電腦設備的人舉辦的一個挑戰活動，必須連續 30 天不中斷發表文章，需要強大的堅持與毅力，才得以練成鐵人，2020年已經邁入第 12 屆。
我自己在網誌上每年暑假也有類似乎的挑戰-挑戰沒有安親班、沒有學校幫忙帶孩子的暑假，像是：2019 暑假鐵人賽、為愛朗讀書單。

為什麼寫blog？

認同 這個時代，為什麼還要繼續寫部落格？ 文中所說的：在 Google 搜尋時網誌文章會先出現，因為內容含金量比較高，也能同時呈現圖片、表格、影音各種不同形式的內容，若要溝通複雜概念，也大概只有網誌能讓人暢所欲言。網誌的限制最少，但創作門檻也是最高的，因為網誌把舞台都留給你了。

在這個眼花瞭亂百花齊放的時代，社群媒體、Instagram、YouTube，美圖影音好不熱鬧，我還是喜歡網誌的安靜和單純。

Blog 可以寫什麼？

以下摘錄自：20 Blog Post Ideas Every Kid Should Write About On Their Teen Life Blogs

  • 偶像、最愛的樂團...
  • x 歲是怎樣的生活
  • 最愛的食物、最拿手的料理
    心情不好？我們家哥哥只要給他吃心情就會變好...
  • 最酷的地方、曾經去旅遊的地方
  • 寵物
  • 運動、球隊
  • 興趣、嗜好
  • 最怕的事
  • 第一次戀愛
  • 最丟臉的事
  • 最酷的事
  • 最怒的事
  • 最好的朋友
  • 關於未來、夢想、長大要做什麼

腦袋卡住？ 47 Blog & Content Ideas For When You Have A Mental Block 這篇文章提供47個寫作主題，並附上相關實例，很不錯！像是：

  • 策展。
    找個自己有興趣的主題，列出談這個主題最棒的十/五個網路資源(文章、影片...)
  • 訪問名人。
    不需親身見面，透過網路訪問他：發mail、在他的Blog、IG上與他對談。
  • 想個有趣的問題對一群人提問。
  • 開箱文/評鑑。
  • 教學文。
  • 推薦文。
    如：台中最棒的十大小吃、十大景點...
  • 舉辦一個比賽。
    讓大家留言、參與...
  • 實用資料整理
    如電玩快速鍵一覽表。
  • 我的最愛清單
    歌曲、電影、書、IG主。如果是影片可以把它編輯成YouTube清單，歌曲可編成Spotify Playlist，方便透過網路分享。
  • 熟悉的身邊小物、工具、App。
    如：愛畫畫的哥哥就可以列一下：我的畫圖工具。
作者： Sophie 於 8/11/2020 0 意見
標籤： ,
2020/08/08

想對泳池女孩說⋯⋯

Image by OpenClipart-Vectors from Pixabay

兒子學游泳，順便一起去運動，兒子連上兩星期，我也就連游兩星期。每次下課幾個同學便玩在一起，都是男生，只有一個女孩，大家熟了，偶爾那些男孩調皮或作弄她時，她會來和我小抱怨一下。

女孩有兩個酒渦、一點點圓，說話時眼睛亮晶晶地，很可愛。她都一個人來，爸爸只載她到游泳池門口，她自己換裝、上課、洗澡，等約定時間到，再到門口等爸爸接。每次我們趴在泳池畔都聊得很開心，不只因為她可愛，她的心也很可愛。

但當她翻出泳池，我的心情就不一樣了：她的泳裝太小了，加上是淡黃色的，那泳衣像貼身皮膚幾乎沒有遮蔽效果，女孩要升小四，有點混圓的體態，散發出成長的氣息，像即將盛開的蓓蕾。不安地直覺這樣有點危險。

什麼危險？我再想清楚一點⋯⋯，就是「錢不露白」的那種感覺，看到有人錢包沒關好，你會有的反應。

相處幾天更熟後，我若無其事地跟女孩說：請媽媽帶妳去買泳衣吧，妳的泳衣太小囉！但幾天下來，她都還是穿著那件超貼身泳衣。

不想破壞我們之間的甜蜜對話氣氛，然而想到小時清晨上學被突來的晨跑者襲胸、公車上突然發作的曝露狂，還是怕、還是氣！基於此，我應該做點什麼。

到最後一天，還是扭揑，不過今天是最後機會，我還是說了。

臨走前，把女孩找到泳池一旁，她覺得有些奇怪，可能以為我要說些告別的話。這樣好，很不希望嚇到她。

到這時我還在想怎麼說，好吧，就這樣開始：

「阿姨小時候有些不好的經驗，所以想提醒妳一些事。因為妳都自己一個人來，要小心照顧自己，別讓自己被欺負了。」

我在這裡停頓一下，等她接收我話中「欺負」的意思，不只是男孩作弄她的欺負，還有其他種「欺負」。 

「不只妳，我也是這樣跟XX(兒子名)說。」

氣氛變得凝重，不想讓她有被教訓的錯覺，這絕對不是我的意思，而且本來她的可愛就沒錯，我只是想讓她有保護自己的意識。每個人都要有保護自己的意識，男孩也是。用兒子當例子，希望她感受到我把她當女兒看的感覺。

「記得，請媽媽帶妳去買泳衣哦！妳長大了！」

Image by Abbie Paulhus from Pixabay
作者： Sophie 於 8/08/2020 0 意見
標籤：
2020/08/07

青少年網誌工作坊 Day2: HTML與圖片

寫網誌一定要懂HTML

網頁的副檔名為什麼是 html/html ?
因為網頁是由 HTML(HyperText Markup Language) 編寫。
在網頁上按滑鼠右鍵，可「檢視網頁原始碼」。
網頁其實就是HTML

HTML的作用

看看我們的報紙、雜誌，如果沒有排版，像字典一樣，所有字排排站，好看嗎？我的意思是好讀嗎？
排版讓報紙變得好看

語義化

HTML(Hypertext Markup Language)可以賦予純文字意義，也就是所謂的「語義化」，好讓瀏覽器知道如何正確地顯示它內容結構 (HTML text fundamentals - Learn web development | MDN )。讓人好閱讀，也幫程式理解其中的重點、思路、內容脈絡，以便 AI 人工智慧解讀。
因此 HTML 可以描述文章中的：
  • 段落
  • 標題
  • 清單
  • 表格
如下透過標籤/tag元素：<h3></h3>，標示(Markup)其中的文字"HTML的作用"是標題3 (heading 3)。

多媒體

HTML中的H，就是Hyper，超級的「超」。HyperText超文本，所以HTML網頁中除可以呈現文本，還可以放進圖片和影音。
如下<img />標籤元素，可將一個名為 butterfly.jpg 的圖片嵌入網頁中。

超連結

HTML還可在其中嵌入許多連結(link)、錨點(anchor)，把網路上的網頁、影音、PDF⋯⋯，各式各樣的資源串連在一起。
如下<a />標籤元素，便是一個錨點(anchor)，把「我的網誌」這幾個字變成一個連結，連結到 https://blogger.com 這個網址。

HTML檢視

若要檢視或編輯HTML，請善用編輯工具列上的「HTML檢視」及「HTML格式」功能：

在網誌中加入圖片

Blogger加圖片有以下四種方式。
我建議把會用到的圖片照片都集中在 Google 相簿，方便統一管理，而且現在我們大多用手機拍照，手機中裝 Google 相簿 的App 便可自動同步上傳到雲端。

素材圖庫-Pixabay

但往往有時只是想拿張圖片來裝飾一下網誌，或是做為心情的示意圖。網路上有些素材圖庫、庫存圖片可供使用，大部分是要收費，不然也有著作權的問題，Pixabay上的照片、插圖、向量圖形、影片和音樂，可免費使用、無需註明出處，也可用於商業目的。
類似 Pixabay 的網站不只一個，但我覺得它提供比較多的篩選功能，找圖比較方便。
素材圖庫-Pixabay
例如輸入：summer，找和夏天有關的圖片，選擇：
  • 排序：根據 受歡迎/Popular 的程度
  • 圖片類型/images：照片、插圖、向量圖形
  • 圖片配置/Orientation：長、寬
  • 類型/Category
  • 大小/Size
  • 色調/Color
Summer的搜圖結果
如何回饋免費授權？Pixabay說可附上作者及參考網址，增加作者作品的曝光度：
按「Copy」把文字複製後，可在圖片圖說中加入。但注意不是直接貼上⋯⋯
因為這是一段HTML文字，因此要切換到HTML模式貼上，才會被正確呈現：
如此，便正常了：
Image by croisy from Pixabay

作者： Sophie 於 8/07/2020 0 意見
標籤：
2020/08/05

青少年網誌工作坊 Day1: 建立網誌與命名

取好 Blog 網址的4個重點

這類文章很多都是針對商業行銷而寫，我只把對個人有用、基本的列出來。以下摘錄自：How To Find The Best Blog Names – 19 Quick & Easy Formulas。
  1. 最好是二或三個音節
  2. 可以說的出來/pronounceable
  3. 可說明網誌內容
  4. 電話測試/phone test
    如果要在電話裡跟某人說這個網址，在不用逐字母拼給他聽的情況下，對方也記得下來。

Blog 網址命名方法

  • 同音韻字/alliteration
    很多報章雜誌下標都會用這個技巧，像是：www.MakingSenseOfCents.com。
  • 雙關語/pun
    MoneySavingMom.com，省/Save 錢、解救/Save。
  • 組合字/Combine Two Concepts in One Word
    把多個字併成一個字，像是：Listverse.com，list + universe，提供各種條列式建議。
  • 關鍵字+人物角色/Keyword + Type of Person(nerd, geek, tyrant, boss, diva)
    BlogTyrant.com-網誌暴君，好威的名字！
    MoneyGeek.com-一個就知道這網誌會教人很多省錢撇步。
  • 拿掉一個字母/Drop a Vowel
    比如：Thekitchn.com。
  • 三的法則/the Rule of Three
    三個字湊在一起就有神奇的吸引力
    Julius Caesar： 我來、我看見、我征服/I Came, I Saw, I Conquered。
    證人在法庭上作證前的誓詞：真實、完全真實、唯有真實/The truth, the whole truth, and nothing but the truth。
    《享受吧！一個人的旅行》原文書名：Eat, Pray, Love。
  • 用名字混搭
    AlittleBitOfLisa.com、SallysBakingAddiction.com。

常用熱門關鍵字清單

如真沒靈感，這裡有常用的關鍵字清單可供參考：Common Words That Go Well With a Main Keyword。

找字典、同義詞

但是我個人認為韋伯的同義詞字典是最好的參考資料，找同義詞的同時順便學英文：Thesaurus by Merriam-Webster: More Than Synonyms and Antonyms。

Blog 名稱產生器

以下網站都可以幫你給Blog找網域名稱。只要輸入幾個英文關鍵字，它可以幫你湊出幾個候選的 blogger 名稱。但不保證一定可用，在下個步驟實際建立時，才知道是否已被其他人使用。
NameMesh

在 Blogger 上建立你的網誌 Step By Step

建立網誌

透過瀏覽器瀏覽到：https://www.blogger.com/start。

標題

網誌網址

個人資料

Blogger 編輯後台

網誌建立完成


作者： Sophie 於 8/05/2020 0 意見
標籤：
訂閱： 文章 (Atom)