###### tags: `工務局` # 工務局_雲端協同作業~行動辦公室 :::warning <span class="textc" style="font-weight:bold; font-size:1.2em">課程講師資訊</span>巨匠電腦講師:呂心怡 E-mail:zoego99@gmail.com 上課日期:2022/8/12及 2022/9/16 <!-- <span class="urll">[課程練習下載區:https://bit.ly/3mlZcXH](https://bit.ly/3mlZcXH) </span> --> ::: # 一、開始 ## <span class="h2">A. 設定Chrome設定檔</span> 一人若有多個Gmail帳戶時,建議依需求不同設定獨立瀏覽器功能。 <a href="https://hackmd.io/_uploads/ByVOdra6q.png"><span class="img100">![](https://hackmd.io/_uploads/ByVOdra6q.png)</span></a> ## <span class="h2">B. 帳戶類型</span> <span class="page">P.1</span> Google 帳戶類型依使用者需求不同,推出了各種不同的帳戶。目前我們提供以下四種帳戶類型<span class="urll" style="display:inline">[【👆參考Google說明】](https://support.google.com/work/android/answer/6371476) </span> 1. Google 帳戶 (私人使用) 1. G Suite 帳戶 (機構使用) 更為 Google Workspace 1. Cloud Identity 帳戶 (機構使用) 1. Google Play 管理版帳戶 (機構使用) 將以前面二項進行說明: |帳戶|個人Gmail|G Suite(機構Gmail)| |--|--|--| |費用與否|免費|付費| |所有權|個人使用者|企業| |伺服器|@gmail.com|@企業網域名.com| |要求存取<br>與個別帳號相關的資料時|要經過個人使用者的同意|本來就擁有存取權(企業管理人設定存取權限)| |因人員異動喪失個別帳號存取權時|喪失與該帳號有關的所有資料、服務的存取權,只能重新建立|資料可以保存、轉移,原本使用中的服務也可繼續存取| |雲端空間|15G|30G以上 |||G Suite免費版(2022年8月1日起停用)改為付費版Google Workspace<br><span class="urll" style="display:inline">[【👆workspace參考說明】](https://workspace.google.com/) </span>| ### Google產品 <span class="urll" style="display:inline">[【👆參考Google產品】](https://about.google/products/#all-products) </span> ## <span class="h2">C. 帳號申請</span> S1:啟動Chrome瀏覽器,輸入網址:google.com,點選【登入】即可【登入/建立】帳戶。 <a href="https://hackmd.io/_uploads/SykMG_ppc.png"><span class="img50">![](https://hackmd.io/_uploads/SykMG_ppc.png)</span></a> S2:管理業務帳戶:與個人帳戶相同,藉此開啟商家帳戶個人化功能,亦可事後關閉此項功能。 <a href="https://hackmd.io/_uploads/Hy3iXFpT5.png"><span class="img50">![](https://hackmd.io/_uploads/Hy3iXFpT5.png)</span></a> 關閉方式: 進入【Google帳戶】>【使用者和分享內容】>【商家功能】> 如下圖顯示 <a href="https://hackmd.io/_uploads/BJDWEtT6q.png"><span class="img90">![](https://hackmd.io/_uploads/BJDWEtT6q.png)</span></a> # 二、雲端硬碟使用 ## <span class="h2">A. 雲端硬碟介紹</span> <span class="page">P.2</span> |帳戶|個人Gmail|G Suite(機構Gmail)| |-|-|-| |容量|免費:15G|每人基本容量 30 GB| |儲存位置|個人電腦端|雲端空間,不佔用個人電腦空間| ## <span class="h2">B. 雲端硬碟說明連結</span> <a href="https://hackmd.io/_uploads/SJGiOt66c.png"><span class="img90">![](https://hackmd.io/_uploads/SJGiOt66c.png)</span></a> ## <span class="h2">C. Googe雲端硬碟提供功能</span> ### 1. 在雲端硬碟之下 <a href="https://hackmd.io/_uploads/BJpJKK66q.png"><span class="img60">![](https://hackmd.io/_uploads/BJpJKK66q.png)</span></a> ### 2. 啟動新文件後 <a href="https://hackmd.io/_uploads/BJLMYt6T5.png"><span class="img60">![](https://hackmd.io/_uploads/BJLMYt6T5.png)</span></a> ## <span class="h2">D.設定電腦端雲端硬碟</span> 電腦端雲端硬碟下載區:https://www.google.com/drive/download/ <a href="https://hackmd.io/_uploads/H1pw5YTT5.png"><span class="img90">![](https://hackmd.io/_uploads/H1pw5YTT5.png)</span></a> # 三、瀏覽器確認 ## <span class="h2">A. 通知設定確認</span> ### 1. 啟動【通知】 建議重要網頁才需要設定【通知】 <a href="https://hackmd.io/_uploads/H1v8m-QZi.png"><span class="img70">![](https://hackmd.io/_uploads/H1v8m-QZi.png)</span></a> ### 2. 確認【通知】 <span class="blue">步驟一</span> <a href="https://hackmd.io/_uploads/Sk3fm-X-j.png"><span class="img90">![](https://hackmd.io/_uploads/Sk3fm-X-j.png)</span></a> <span class="blue">步驟二</span> <a href="https://hackmd.io/_uploads/SyPFEZ7-j.png"><span class="img90">![](https://hackmd.io/_uploads/SyPFEZ7-j.png)</span></a> # 四、Gmail、日曆結合 ## <span class="h2">A. 行動裝置信件滑動設定</span> 行動裝置的收件匣中信件,左右滑動時其設定方式預設為【封存】,但實質操作上不建議使用為封存,建議改為【刪除】,其設定方法如下: <a href="https://hackmd.io/_uploads/r1eXffW-i.png"><span class="img90">![](https://hackmd.io/_uploads/r1eXffW-i.png)</span></a> <a href="https://hackmd.io/_uploads/S1uqMzbZo.png"><span class="img90">![](https://hackmd.io/_uploads/S1uqMzbZo.png)</span></a> ## <span class="h2">B. 查看Gmail設定</span> <span class="red">查看Gmail設定,以利後續課程說明</span> <a href="https://hackmd.io/_uploads/ryFjEg7-o.png"><span class="img90">![](https://hackmd.io/_uploads/ryFjEg7-o.png)</span></a> <a href="https://hackmd.io/_uploads/B1UTHemWj.png"><span class="img90">![](https://hackmd.io/_uploads/B1UTHemWj.png)</span></a> ## <span class="h2">C. 寄信建議</span> ### 1. 【不被動】附加超大檔案文件 Gmail 透過跟 Google Drive 雲端硬碟的連動,當寄件時,如果遇檔案較大時,自動上傳至Google Drive,但直接上傳雲端硬碟第一層,未妥善依資料檔案分類,建議附件檔案較大得放在雲端硬碟時,應自行上傳後再連結。 ### 2. 確認即時反悔取消傳送時間 信件寄出時,才發現信件內容有缺少而想即時回收信件,此時Gmail在信件寄出時,隨後在左下角產生【取消傳送】訊息 <span class="img50">![](https://hackmd.io/_uploads/SyjLugXWo.png)</span> 若需要顯示延長時間,其方法如下: <a href="https://hackmd.io/_uploads/ByJkoeX-i.png"><span class="img90">![](https://hackmd.io/_uploads/ByJkoeX-i.png)</span></a> ### 2. 設定自訂簽名檔 <a href="https://hackmd.io/_uploads/ByqKTgmbo.png"><span class="img90">![](https://hackmd.io/_uploads/ByqKTgmbo.png)</span></a> ### 3. 確認是否要【預設】回覆所有人 <a href="https://hackmd.io/_uploads/BklOsgX-j.png"><span class="img90">![](https://hackmd.io/_uploads/BklOsgX-j.png)</span></a> ### 4. 善用【休假自動回覆】 <a href="https://hackmd.io/_uploads/H1rJRlm-i.png"><span class="img90">![](https://hackmd.io/_uploads/H1rJRlm-i.png)</span></a> ### 4. 善用【桌面通知】 <a href="https://hackmd.io/_uploads/S1nS2xQWs.png"><span class="img90">![](https://hackmd.io/_uploads/S1nS2xQWs.png)</span></a> ## <span class="h2">D. 信件處理</span> ### 1. 減少使用【封存】郵件 ### 2. 善用郵件聯絡人附加資訊 <a href="https://hackmd.io/_uploads/SyoUWZ7-o.png"><span class="img90">![](https://hackmd.io/_uploads/SyoUWZ7-o.png)</span></a> ### 3. 善用【標籤】進行郵件管理 ### 4. 善用【星號、已延後】標記重要或待辦信件 ### 5. 定期刪除【垃圾郵件】 ### 6. 退訂無用電子報 ## <span class="h2">E. 信件管理建議</span> ### 1. 確認是否善用【會話群組】 ### 2. Gmail利用Tasks ### 3. 善用Gmail【主動】收件匣分類 <a href="https://hackmd.io/_uploads/HyiZ1-Q-j.png"><span class="img90">![](https://hackmd.io/_uploads/HyiZ1-Q-j.png)</span></a> <a href="https://hackmd.io/_uploads/Sk5yg-XZs.png"><span class="img90">![](https://hackmd.io/_uploads/Sk5yg-XZs.png)</span></a> ### 4. 【自訂】規則自動信件分類 <span class="blue">步驟一</span> <a href="https://hackmd.io/_uploads/Bkr8IZQbj.png"><span class="img90">![](https://hackmd.io/_uploads/Bkr8IZQbj.png)</span></a> <span class="blue">步驟二</span> <a href="https://hackmd.io/_uploads/SksK8-XWi.png"><span class="img60">![](https://hackmd.io/_uploads/SksK8-XWi.png)</span></a> <span class="blue">步驟三</span> <a href="https://hackmd.io/_uploads/BkDvvbQ-i.png"><span class="img60">![](https://hackmd.io/_uploads/BkDvvbQ-i.png)</span></a> ## <span class="h2">F. 客製化Gmail大宗信件處理</span> 參考網站:https://www.playpcesor.com/2017/03/gmail-Yet-Another-Mail-Merge.html # 五、認識 Google文件 ## <span class="h2">A. 共用文件</span> <span class="page">P.3</span> ### 1. 共用文件邀請 <a href="https://hackmd.io/_uploads/H1xnoFa65.png"><span class="img90">![](https://hackmd.io/_uploads/H1xnoFa65.png)</span></a> ### 2. 找尋已共用的文件 <a href="https://hackmd.io/_uploads/S1C1hFp69.png"><span class="img70">![](https://hackmd.io/_uploads/S1C1hFp69.png)</span></a> ### 3. 共用文件畫面 <a href="https://hackmd.io/_uploads/SJ0fntTTc.png"><span class="img90">![](https://hackmd.io/_uploads/SJ0fntTTc.png)</span></a> ### 4. 即時線上溝通啟動 <a href="https://hackmd.io/_uploads/SJrShFpaq.png"><span class="img70">![](https://hackmd.io/_uploads/SJrShFpaq.png)</span></a> ### 5. 未共用者合併文件 <a href="https://hackmd.io/_uploads/S1dL3K6aq.png"><span class="img90">![](https://hackmd.io/_uploads/S1dL3K6aq.png)</span></a> ## <span class="h2">B. Google的追蹤修訂</span> <span class="page">P.5</span> 希望將文件修改過程中記錄下來,或者多人共筆時記錄其修改情形時,在Word軟體指令中啟動【追蹤修訂】功能,就可以清楚標示其修改過程,同樣的,在Google文件中啟動【建議操作】也有相同效果。 ### 1. 啟動【建議操作】 <a href="https://hackmd.io/_uploads/Hy52hFpaq.png"><span class="img50">![](https://hackmd.io/_uploads/Hy52hFpaq.png)</span></a> ### 2. 操作畫面 ※與共用文件畫面相同 ## <span class="h2">C. 設定樣式</span> <span class="page">P.5</span> ### 1. 尺規段落調整 <a href="https://hackmd.io/_uploads/BJgThZ0p9.png"><span class="img100">![](https://hackmd.io/_uploads/BJgThZ0p9.png)</span></a> ### 2. 善用樣式讓文件格式一致 <a href="https://hackmd.io/_uploads/Hy0ba-ATc.png"><span class="img70">![](https://hackmd.io/_uploads/Hy0ba-ATc.png)</span></a> ### 3. 利用項目符號,設定條列項目 <span class="page">P.6</span> <span class="urll" style="display:inline">[【👆參考資訊】](https://support.google.com/docs/answer/3300615) </span>| <a href="https://hackmd.io/_uploads/Hyl-kGRT9.png"><span class="img70">![](https://hackmd.io/_uploads/Hyl-kGRT9.png)</span></a> ## <span class="h2" style="background:none; color:#6609EB;font-weight:bold">D. Google文件其他技巧</span> ## <span class="h2">1. 版本</span> <span class="page">P.7</span> 查看文件檔案過往異動內容過程,Google文件會在不同時段上自動儲存其文件修改結果,即稱之為【版本】。 <span class="urll" style="display:inline">[【👆參考資訊】](https://support.google.com/docs/answer/190843) </span>| <a href="https://hackmd.io/_uploads/SJkq1M065.png"><span class="img70">![](https://hackmd.io/_uploads/SJkq1M065.png)</span></a> ## <span class="h2">2. 常用操作說明</span> ### (1) Alt:尺規微調 ### (2) 文件範本為企業或學校帳號才可使用 ### (3) 運用【插入】豐富文件內容 <a href="https://hackmd.io/_uploads/rJzHZGCpq.png"><span class="img70">![](https://hackmd.io/_uploads/rJzHZGCpq.png)</span></a> ### (4) 懶得打字的好工具:語音輸入 #### <span class="h4">📌 goolge語音:</span> 【工具】>【語音輸入】 <a href="https://hackmd.io/_uploads/Skvg4MCTc.png"><span class="img20">![](https://hackmd.io/_uploads/Skvg4MCTc.png)</span></a> #### <span class="h4">📌 Microsoft語音:</span> 指令:【<span class="img3">![](https://hackmd.io/_uploads/Sy0lAImCc.png)</span>】+【H】 <a href="https://hackmd.io/_uploads/rkxUXMATc.png"><span class="img70">![](https://hackmd.io/_uploads/rkxUXMATc.png)</span></a> ### (5) 善用探索 即時網路或現有文件中搜尋KeyWord文字的相關內容,可以透過在Google文件右下角 圖示進行尋找。 <a href="https://hackmd.io/_uploads/HkTrEGRTq.png"><span class="img60">![](https://hackmd.io/_uploads/HkTrEGRTq.png)</span></a> ### (6) 善用隨時記錄待辦事項 在Google提供APP中,介面右側提供<span class="img3">![](https://hackmd.io/_uploads/Sy0GrGA65.png)</span>日曆、<span class="img3">![](https://hackmd.io/_uploads/ByAeBzRpc.png)</span>Keep記事、及<span class="img3">![](https://hackmd.io/_uploads/SkDUHz0a9.png)</span>Tasks工作,隨時將進行日期排程、隨想記事或列入工作項目進行排程及提醒。 ### (7) 發佈到網路 透過【檔案】>【發佈到網路】將文件內容發佈到網路上提供所有人檢視。 ### (8) 善用【@】加入元素 透過【插入】相關列表功能,也可利用【@】進行插入。 <a href="https://hackmd.io/_uploads/HJFmewXRq.png"><span class="img100">![](https://hackmd.io/_uploads/HJFmewXRq.png)</span></a> # 六、善用簡報 <span class="page">P.9</span> ## <span class="h2">A. 參考網址</span> ### 1. google參考網站 * google 簡報功能介紹: https://www.google.com.tw/intl/zh-TW/slides/about/ * google 簡報說明書: https://support.google.com/docs/answer/2763168?co=GENIE.Platform%3DDesktop&hl=zh-Hant ### 2. 素材取得 ### <span class="h4">(1) Google 簡報範本(Google Slides)</span> |Logo|網址| |-|-| |![](https://hackmd.io/_uploads/ryqfwfRaq.png)|https://www.presentationgo.com/| |![](https://hackmd.io/_uploads/H1KuvGRpc.png)|https://glide.slidor.fr/| |![](https://hackmd.io/_uploads/SJALPGA6q.png)|https://24slides.com/templates/dashboard/index| |![](https://hackmd.io/_uploads/S1cDDMAaq.png)|https://slidesgo.com/| ### <span class="h4">(2) 圖片去背工具</span> |網址|logo| |-|-| |https://www.remove.bg/ | ![](https://hackmd.io/_uploads/BJw1okDVK.png)| |https://picwish.com/tw/| ![](https://hackmd.io/_uploads/HJaff9G_9.png)| ### <span class="h4">(3) 圖片素材</span> <span class="red">「無著作權(CC0)」高解析度圖片網站,</span> 使用者可以將圖片運用在各種用途,無需支付任何費用、標記原作者名稱。 |<span style="text-align:center; display:block;">連結網址</span>|<span style="text-align:center; display:block;">logo</span>|<span style="text-align:center; display:block;">說明</span>| |-|-|-| |https://pixabay.com/zh/|![](https://hackmd.io/_uploads/SyW4oJD4F.png)|JPG、Video| |https://librestock.com/|![](https://hackmd.io/_uploads/ry5Vsyv4F.png)|JPG、Video| |https://www.foodiesfeed.com/|![](https://hackmd.io/_uploads/HkzHj1w4Y.png)|食物圖片||https://stocksnap.io/|![](https://hackmd.io/_uploads/SJ8Yi1D4t.png)|JPG| |https://zh.pngtree.com/|![](https://hackmd.io/_uploads/BJhqoyPNt.png)|PNG| |https://favpng.com/|![](https://hackmd.io/_uploads/HJrioyv4F.png)|PNG| ### <span class="h4">(4) 圖形工具</span> |<span style="text-align:center; display:block;">連結網址</span>|<span style="text-align:center; display:block;">logo</span>|<span style="text-align:center; display:block;">說明</span>| |-|-|-| |http://undraw.co/illustrations|![](https://hackmd.io/_uploads/rkPni1D4F.png)|JPG、SVG| |https://www.manypixels.co/gallery/|![](https://hackmd.io/_uploads/rkeaoJvNt.png)|JPG、SVG| |https://www.flaticon.com/|![](https://hackmd.io/_uploads/B1dTjyPVY.png)|ICON、SVG| |https://www.iconfinder.com/|![](https://hackmd.io/_uploads/H1g0j1vVF.png)|ICON、SVG| ## <span class="h2">B. 開始簡報</span> ### 1. 主題套用 Google 簡報提供基本款式的主題,當新增簡報時,在螢幕右側提供主題進行套用,如果不喜歡Google提供者,可利用網站搜尋就可以取得美觀主題,讓簡報更專業及美觀。 ### 2. 簡報版面配置套用及變更 <a href="https://hackmd.io/_uploads/SyYCFQ0a9.png"><span class="img100">![](https://hackmd.io/_uploads/SyYCFQ0a9.png)</span></a> ### 3. 善用【編輯主投影片】 製作簡報時,針對相同版型進行背景及文字一致的美化,讓美化簡報更加輕鬆 <a href="https://hackmd.io/_uploads/HyaqjVR6c.png"><span class="img100">![](https://hackmd.io/_uploads/HyaqjVR6c.png)</span></a> ### 4. 背景美化 <a href="https://hackmd.io/_uploads/Sk2Ci4A6q.png"><span class="img70">![](https://hackmd.io/_uploads/Sk2Ci4A6q.png)</span></a> ## <span class="h2">C. 轉場效果</span> <span class="page">P.11</span> <a href="https://hackmd.io/_uploads/rJfHhERT9.png"><span class="im100">![](https://hackmd.io/_uploads/rJfHhERT9.png)</span></a> Google簡報提供動畫,讓主講者可以配合講述情境進行動畫顯示,也可以透過動畫吸引聽者的注意力,所以點選上方工具列【轉場效果】啟動螢幕右側動畫功能窗格,其轉場效果分為【投影片轉換】及【物件動畫】 <a href="https://hackmd.io/_uploads/rJjB6NC6c.png"><span class="im100">![](https://hackmd.io/_uploads/rJjB6NC6c.png)</span></a> # 七、試算表 ## <span class="h2">A. google參考網站</span> <span class="page">P.12</span> 1. google 試算表功能介紹: https://www.google.com.tw/intl/zh-TW/sheets/about/ 1. google 試算表說明書: https://support.google.com/docs/answer/6000292?co=GENIE.Platform%3DDesktop&hl=zh-Hant 1. Google 試算表和 Excel 的差異 https://support.google.com/docs/answer/9331278?hl=zh-Hant ## <span class="h2">B. 試算表使用技巧</span> ### 1. 善用【主題】 <span class="page">P.12</span> 表格美化設計在色彩套用上逐一修改時,覺得很麻煩逐一去更動時,可以利用【主題】依系列色彩組合,快速一次性套用色彩。 <a href="https://hackmd.io/_uploads/HkY1RNC6q.png"><span class="im100">![](https://hackmd.io/_uploads/HkY1RNC6q.png)</span></a> ### 2. 條件式格式設定 <span class="page">P.13</span> 透過【條件式格式設定】設定條件進行色彩標示。 <a href="https://hackmd.io/_uploads/rJoMRNRT9.png"><span class="im100">![](https://hackmd.io/_uploads/rJoMRNRT9.png)</span></a> ### 3. 善用【資料驗證】 <span class="page">P.13</span> 利用【資料驗證】可以減少輸入錯誤情形發生 <a href="https://hackmd.io/_uploads/SkEHCERpc.png"><span class="im100">![](https://hackmd.io/_uploads/SkEHCERpc.png)</span></a> ### 4. 資料透視表 <span class="page">P.14</span> Excel的樞紐分析功能,能夠快速統計數據情形,進而分析數據走向,同樣的,Google試算表中【資料透視表】可以完成數據統計喔! <a href="https://hackmd.io/_uploads/rkM6CVCTq.png"><span class="im100">![](https://hackmd.io/_uploads/rkM6CVCTq.png)</span></a> ### 5. 篩選器控制項 <a href="https://hackmd.io/_uploads/rkjJJSRa9.png"><span class="im100">![](https://hackmd.io/_uploads/rkjJJSRa9.png)</span></a> # 八、其他技巧 ## <span class="h2">1. 設定預設瀏覽器</span> <span class="page">P.15</span> <a href="https://hackmd.io/_uploads/B1uVyS065.png"><span class="im100">![](https://hackmd.io/_uploads/B1uVyS065.png)</span></a> <br> <a href="https://hackmd.io/_uploads/rJ3rySAp5.png"><span class="im100">![](https://hackmd.io/_uploads/rJ3rySAp5.png)</span></a> ## <span class="h2">2. PDF檔</span> <span class="page">P.16</span> ### (1) Acrobat Reader DC軟體下載 <a href="https://hackmd.io/_uploads/HJJs1BATc.png"><span class="im100">![](https://hackmd.io/_uploads/HJJs1BATc.png)</span></a> ### (2) PDF預啟動軟體更改 <a href="https://hackmd.io/_uploads/SJ7JlHCaq.png"><span class="img60">![](https://hackmd.io/_uploads/SJ7JlHCaq.png)</span></a> ### (3) PDF解密方法 利用Chrome啟動加密的PDF文件檔,但其中如有連結處將被取消。 <a href="https://hackmd.io/_uploads/Bkzcgr0p9.png"><span class="img50">![](https://hackmd.io/_uploads/Bkzcgr0p9.png)</span></a> # 九、Chrome擴充功能 ## <span class="h2">A. 加入方法</span> ### 1. Chrome擴充功能連結方法 <a href="https://hackmd.io/_uploads/BkckZHCa5.png"><span class="img100">![](https://hackmd.io/_uploads/BkckZHCa5.png)</span></a> ### 2. 連結位置 <a href="https://hackmd.io/_uploads/Sy4XbHAa5.png"><span >![](https://hackmd.io/_uploads/Sy4XbHAa5.png)</span></a>https://chrome.google.com/webstore/category/extensions?hl=zh-TW ## <span class="h2">B. 螢幕擷取/錄影</span> ### 1. 捕捉網頁擷圖 - FireShot <span class="urll" style="display:inline">[【👆連結 捕捉網頁擷圖 - FireShot】](https://chrome.google.com/webstore/detail/take-webpage-screenshots/mcbpblocgmgfnpjjppndjkmgjaogfceg/related?hl=zh-TW) </span> <a href="https://chrome.google.com/webstore/detail/take-webpage-screenshots/mcbpblocgmgfnpjjppndjkmgjaogfceg/related?hl=zh-TW"><span class="img40" >![](https://hackmd.io/_uploads/HJUGHoGA9.png)</span></a> 畫面呈現 <a href="https://hackmd.io/_uploads/BkvVDizRq.png"><span class="img100" >![](https://hackmd.io/_uploads/BkvVDizRq.png)</span></a> ### 2. 螢幕錄製 Screenity - Screen Recorder & Annotation Tool <span class="urll" style="display:inline">[【👆連結 Screenity - Screen Recorder & Annotation Tool】](https://chrome.google.com/webstore/detail/screenity-screen-recorder/kbbdabhdfibnancpjfhlkhafgdilcnji?hl=zh-TW) </span> <a href="https://chrome.google.com/webstore/detail/screenity-screen-recorder/kbbdabhdfibnancpjfhlkhafgdilcnji?hl=zh-TW"><span class="img40" >![](https://hackmd.io/_uploads/ByFoYiz09.png)</span></a> 畫面呈現 <a href="https://hackmd.io/_uploads/rJheV3G0q.png"><span class="img100" >![](https://hackmd.io/_uploads/rJheV3G0q.png)</span></a> ### 3. 螢幕錄製 Loom – Free Screen Recorder & Screen Capturel <span class="urll" style="display:inline">[【👆連結 Loom – Free Screen Recorder & Screen Capture】](https://chrome.google.com/webstore/search/Loom%20%E2%80%93%20Free%20Screen%20Recorder%20%26%20Screen%20Capture?hl=zh-TW) </span> <a href="https://chrome.google.com/webstore/search/Loom%20%E2%80%93%20Free%20Screen%20Recorder%20%26%20Screen%20Capture?hl=zh-TW"><span class="img40" >![](https://hackmd.io/_uploads/B17auhGC9.png)</span></a> 畫面呈現 <a href="https://hackmd.io/_uploads/SkG1OnfCc.png"><span class="img100" >![](https://hackmd.io/_uploads/SkG1OnfCc.png)</span></a> ## <span class="h2">C. 其他</span> ### 1. Youtube畫面擷取 <span class="urll" style="display:inline">[【👆連結 Screenshot YouTube】](https://chrome.google.com/webstore/detail/screenshot-youtube/gjoijpfmdhbjkkgnmahganhoinjjpohk) </span> <a href="https://chrome.google.com/webstore/detail/screenshot-youtube/gjoijpfmdhbjkkgnmahganhoinjjpohk"><span class="img40" >![](https://hackmd.io/_uploads/Hk2XD6M0c.png)</span></a> 畫面呈現 <a href="https://hackmd.io/_uploads/SkTWwTM0c.png"><span class="img100" >![](https://hackmd.io/_uploads/SkTWwTM0c.png)</span></a> ### 2. YouTube™ 雙字幕 <span class="urll" style="display:inline">[【👆連結 YouTube™ 雙字幕】](https://chrome.google.com/webstore/detail/youtube-dual-subtitles/hkbdddpiemdeibjoknnofflfgbgnebcm) </span> <a href="https://chrome.google.com/webstore/detail/youtube-dual-subtitles/hkbdddpiemdeibjoknnofflfgbgnebcm"><span class="img40" >![](https://hackmd.io/_uploads/rkzlfpGRq.png)</span></a> 畫面呈現 <a href="https://hackmd.io/_uploads/S1EaQ6fAq.png"><span class="img100" >![](https://hackmd.io/_uploads/S1EaQ6fAq.png)</span></a> ### 3. 多索引標籤頁合併 <span class="urll" style="display:inline">[【👆連結 OneTab】](https://chrome.google.com/webstore/detail/onetab/chphlpgkkbolifaimnlloiipkdnihall) </span> <a href="https://chrome.google.com/webstore/detail/onetab/chphlpgkkbolifaimnlloiipkdnihall"><span class="img40" >![](https://hackmd.io/_uploads/BkO7xpGCq.png)</span></a> 畫面呈現 <a href="https://hackmd.io/_uploads/BJ4yZaMC9.png"><span class="img100" >![](https://hackmd.io/_uploads/BJ4yZaMC9.png)</span></a> ### 4. 短網址連結:Bitly <span class="urll" style="display:inline">[【👆連結 Bitly | Short links and QR Codes】](https://chrome.google.com/webstore/detail/bitly-short-links-and-qr/iabeihobmhlgpkcgjiloemdbofjbdcic?hl=zh-TW) </span> <a href="https://chrome.google.com/webstore/detail/bitly-short-links-and-qr/iabeihobmhlgpkcgjiloemdbofjbdcic?hl=zh-TW"><span class="img40" >![](https://hackmd.io/_uploads/HJjKnnMR9.png)</span></a> 畫面呈現 <a href="https://hackmd.io/_uploads/B1ya3hzA5.png"><span class="img100" >![](https://hackmd.io/_uploads/B1ya3hzA5.png)</span></a> ### 5. 短網址連結:Url Shortener <span class="urll" style="display:inline">[【👆連結 Url Shortener】](https://chrome.google.com/webstore/detail/url-shortener/oodfdmglhbbkkcngodjjagblikmoegpa?hl=zh-TW) </span> <a href="https://chrome.google.com/webstore/detail/url-shortener/oodfdmglhbbkkcngodjjagblikmoegpa?hl=zh-TW"><span class="img40" >![](https://hackmd.io/_uploads/Hyl_UU7A9.png)</span></a> 畫面呈現 <a href="https://hackmd.io/_uploads/BJBkvImRq.png"><span class="img40" >![](https://hackmd.io/_uploads/BJBkvImRq.png)</span></a> ### 5. 滑鼠靠於圖片時,放大圖片工具 <span class="urll" style="display:inline">[【👆連結 Imagus】](https://chrome.google.com/webstore/detail/imagus/immpkjjlgappgfkkfieppnmlhakdmaab?hl) </span> <a href="https://chrome.google.com/webstore/detail/imagus/immpkjjlgappgfkkfieppnmlhakdmaab?hl"><span class="img40" >![](https://hackmd.io/_uploads/Sybkk6MAc.png)</span></a> 畫面呈現 <a href="https://hackmd.io/_uploads/rkDNJazCc.png"><span class="img100" >![](https://hackmd.io/_uploads/rkDNJazCc.png)</span></a> ### 6. 免費在線文件轉換器 (1) 連結網址:https://www.online-convert.com/ (2) Chrome外擴功能 <span class="urll" style="display:inline">[【👆連結 File Converter - By Online-Convert.com】](https://chrome.google.com/webstore/detail/file-converter-by-online/dicgkflojhbopmagcacdklcpdfdcnhko/related) </span> <a href="https://chrome.google.com/webstore/detail/file-converter-by-online/dicgkflojhbopmagcacdklcpdfdcnhko/related"><span class="img40" >![](https://hackmd.io/_uploads/HkboNTzC9.png)</span></a> 畫面呈現 <a href="https://hackmd.io/_uploads/By25SazR9.png"><span class="img100" >![](https://hackmd.io/_uploads/By25SazR9.png)</span></a> ### 7. 圖片類型變更 <span class="urll" style="display:inline">[【👆連結 Save image as Type】](https://chrome.google.com/webstore/detail/save-image-as-type/gabfmnliflodkdafenbcpjdlppllnemd) </span> <a href="https://chrome.google.com/webstore/detail/save-image-as-type/gabfmnliflodkdafenbcpjdlppllnemd"><span class="img40" >![](https://hackmd.io/_uploads/BJ4XcpGRq.png)</span></a> 畫面呈現 <a href="https://hackmd.io/_uploads/BJ4XcpGRq.png"><span class="img100" >![](https://hackmd.io/_uploads/BJ4XcpGRq.png)</span></a> # 十、 網站分享 ## <span class="h2">A. 圖片相關資訊</span> ### 1. 線上圖片編輯器 連結網址:https://edit.photo/ <a href="https://hackmd.io/_uploads/Bk5YO6MR9.png"><span class="img100" >![](https://hackmd.io/_uploads/Bk5YO6MR9.png)</span></a> ### 2. 線上圖片壓縮 連結網址:https://tinypng.com/ <a href="https://hackmd.io/_uploads/S1vMoazC9.png"><span class="img100" >![](https://hackmd.io/_uploads/S1vMoazC9.png)</span></a> # 十一、軟體分享 ## <span class="h2">A. 圖片軟體</span> ### 1. 圖片編輯軟體:Gimp 連結網址:https://www.gimp.org/ <a href="https://hackmd.io/_uploads/HJjt6TMCq.png"><span class="img100" >![](https://hackmd.io/_uploads/HJjt6TMCq.png)</span></a> ### 2. 螢幕擷取工具:PicPick 連結網址:https://picpick.app/zh-tw/ <a href="https://hackmd.io/_uploads/SJq6CTMRc.png"><span class="img100" >![](https://hackmd.io/_uploads/SJq6CTMRc.png)</span></a> ### 3. 螢幕畫筆工具:ZoomIt v6.01 連結網址:https://docs.microsoft.com/zh-tw/sysinternals/downloads/zoomit <br>ZoomIt 是螢幕縮放、注釋和錄製工具,適用于包含應用程式示範的技術簡報。 ZoomIt 在匣中不具干擾地執行,並使用可自訂的熱鍵啟動,以放大螢幕區域、在縮放時四處移動,以及繪製縮放的影像。 <a href="https://hackmd.io/_uploads/Sy5ryCMR5.png"><span class="img100" >![](https://hackmd.io/_uploads/Sy5ryCMR5.png)</span></a> 常用快速鍵 〔Ctrl〕 + 上下方向鍵:調整畫筆粗細,上鍵粗,下鍵變細,可有筆畫模式的點來判斷粗細。 〔Ctrl〕 + e :刪除所有筆畫內容。 〔Ctrl〕+ 顏色代稱替 : 更換畫筆的顏色, r 是紅色、 y 是黃色、 g 是綠色、 b 是藍色。 〔Ctrl〕+〔Shift〕: 使用滑鼠左鍵拖曳出箭頭。 〔Shift〕+ 滑鼠左鍵拖曳 : 畫直線。 〔Ctrl〕+ 滑鼠左鍵拖曳 : 畫方塊。 〔Tab〕+ 滑鼠左鍵拖曳 : 畫圓圈。 〔Esc〕: 離開畫筆模式,並會清除所有的筆劃。 〔Ctrl〕+ c : 將畫面複製到剪貼簿上。 〔Ctrl〕+ s : 將畫面儲存到檔案。 ## <span class="h2">B. 影片軟體</span> ### 1. 影片播放軟體:PotPlayer 連結網址:https://potplayer.daum.net/ <a href="https://hackmd.io/_uploads/HknQWAz0q.png"><span class="img100" >![](https://hackmd.io/_uploads/HknQWAz0q.png)</span></a> ### 2. 螢幕錄製軟體:OBS 連結網址:https://obsproject.com/ <a href="https://hackmd.io/_uploads/HJKUxCM0q.png"><span class="img100" >![](https://hackmd.io/_uploads/HJKUxCM0q.png)</span></a> ### 3. 螢幕錄製軟體:oCam 連結網址:https://ohsoft.net/eng/ocam/download.php?cate=1002 <a href="https://hackmd.io/_uploads/rkDsXAG0q.png"><span class="img100" >![](https://hackmd.io/_uploads/rkDsXAG0q.png)</span></a> ### 4. 影片分割:LosslessCut 連結網址:https://github.com/mifi/lossless-cut <a href="https://hackmd.io/_uploads/S1R-ERfC5.png"><span class="img100" >![](https://hackmd.io/_uploads/S1R-ERfC5.png)</span></a> ### 5. 影片編輯軟體:Openshot 連結網址:https://www.openshot.org/zh-hant/ <a href="https://hackmd.io/_uploads/SysOECMCc.png"><span class="img80" >![](https://hackmd.io/_uploads/SysOECMCc.png)</span></a> ### 6. 影片編輯軟體:Shotcut 連結網址:https://www.openshot.org/zh-hant/ <a href="https://hackmd.io/_uploads/SJwa40MCq.png"><span class="img100" >![](https://hackmd.io/_uploads/SJwa40MCq.png)</span></a> ### 7. 影片轉檔工具:HandBrake 連結網址:https://handbrake.fr/ <a href="https://hackmd.io/_uploads/BJmfr0G05.png"><span class="img100" >![](https://hackmd.io/_uploads/BJmfr0G05.png)</span></a> ### 8. 影片轉檔工具:格式工廠 連結網址:http://www.pcfreetime.com/formatfactory/cn/index.html #### <span class="h4" >安裝程序</span> <a href="https://hackmd.io/_uploads/HyUOwRMR9.png"><span class="img100" >![](https://hackmd.io/_uploads/HyUOwRMR9.png)</span></a> #### <span class="h4" >畫面情形</span> <a href="https://hackmd.io/_uploads/H11edAzRq.png"><span class="img100" >![](https://hackmd.io/_uploads/H11edAzRq.png)</span></a> <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br> <style> /* 加入Logo */ .toc:{position: relative;} .toc:before{ content: url(https://zoego.tech/img/logo.svg); width:200px; position:fixed; top:0 ; left:0; } /* 調整 左側NAV */ .markdown-body { max-width: 900px !important;} .markdown-body h1,.markdown-body h2{border-bottom: none;} .ui-toc-dropdown .nav>li>a{ color: #000;} .ui-toc-dropdown .nav>.active:focus>a, .ui-toc-dropdown .nav>.active:hover>a, .ui-toc-dropdown .nav>.active>a{ color:#C00000;} /* h1~H5 修改 */ h1{ color:#4C4C6D; } .h2{ color:#52006A; background-color:#A2DBFA; line-height:1.8em;font-size:.9em;display:block; padding-left:10px;border-radius:5px;} h3{ color:#BF1363; } .h4{color:#000099; font-size:1.2em;} .h5{color:#7030A0; font-size:1.2em;} /* 講師資訊 美化 */ .alert-warning { border-width: 2px; width: 60%; margin: auto;} /* 指令 縮圖 ICON圖設定 */ .img3{ width:30px; display:inline-block;margin:0 5px;} .img4{ width:40px; display:inline-block;margin:0 5px;} .img5{ width:50px; display:inline-block;margin:0 5px;} .img6{ width:60px; display:inline-block;margin:0 5px;} /* 圖片尺寸 設定 */ .img20{ width:20%; margin:20px auto; display:block; text-align: center;} .img30{ width:30%; margin:20px auto; display:block; text-align: center;} .img40{ width:40%; margin:20px auto; display:block; text-align: center;} .img50{ width:50%; margin:20px auto; display:block; text-align: center;} .img60{ width:60%; margin:20px auto; display:block; text-align: center;} .img70{ width:70%; margin:20px auto; display:block; text-align: center;} .img80{ width:80%; margin:20px auto; display:block; text-align: center;} .img90{ width:90%; margin:20px auto; display:block; text-align: center;} .img100{ width:100%; margin:20px auto; display:block; } /* 連結URL 調整 */ .urlr{ text-align:right; line-height:1.5em;display:block;} .urll{ line-height:1.5em;display:block;} /* 提供講義標示頁碼 */ .page{display:flex; justify-content: right;} .page span{ background:#ffdd75;border:1px solid #d1a128;border-radius:5px; padding:5px;color:#000;text-align:right; float:right; } /* Slider 外掛 美化 */ iframe{ width:850px; height:478px; display:block; margin:auto; border-width: 0;border:2px solid #000;} /* 設定 pre 及 快速鍵 */ .markdown-body code { border: 1px solid #000; margin:0 5px; } .markdown-body pre>code { font-size: 1.2em; } .markdown-body pre { border: 1px solid #ab0505 !important; margin:10px 0; padding:5px 10px;} /* 快速鍵 > 語法於P中 */ .markdown-body p>code { color:#BF1363 !important; border:none; background:none} /* 表格 設定 */ .markdown-body table { width: fit-content; margin: auto; } .markdown-body table th, .markdown-body table td { border: 1px solid #7F7F7F; } .tableTitle{text-align:center; display:block;} .red{color:#BF1363;font-weight:bold;} .blue{color:#265F92;font-weight:bold;} .step{ padding-left:1.5em;color:blue;font-size:1.1em; } .textc{text-align:center; display:block;} .markdown-body p{ margin-bottom: 0;} .flex{ display:flex; border:2px solid #000; padding:20px; margin:20px; } .ex{color:#333399 ; font-size:1.2em; font-weight:bold; line-height:1em;} /* 置中、圓角框、項目 */ .title{ text-align:center; display:block;color:#766161;font-size:1.2em;font-weight:bold; border:1px solid;line-height:2em;border-radius:5px} .youtube:before{ content:""; display:block; position:absolute; top:50%; left:50%; z-index:1; transform:translate(-50%,-50%); width:80px; height:80px; background:url(https://zoego.tech/img/icon_youtube2.png); background-size: contain; border-radius: 10px; box-shadow: 1px 1px 3px #000; } .youtube{ border:1px solid #333; } </style>