###### tags: `工務局`
# 工務局_雲端協同作業~行動辦公室

:::warning
<span class="textc" style="font-weight:bold; font-size:1.2em">課程講師資訊</span>巨匠電腦講師：呂心怡
E-mail：[e-mail]
上課日期：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"></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"></span></a>

S2：管理業務帳戶：與個人帳戶相同，藉此開啟商家帳戶個人化功能，亦可事後關閉此項功能。
<a href="https://hackmd.io/_uploads/Hy3iXFpT5.png"><span class="img50"></span></a>
關閉方式：
進入【Google帳戶】>【使用者和分享內容】>【商家功能】> 如下圖顯示
<a href="https://hackmd.io/_uploads/BJDWEtT6q.png"><span class="img90"></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"></span></a>

## <span class="h2">C. Googe雲端硬碟提供功能</span>
### 1. 在雲端硬碟之下
<a href="https://hackmd.io/_uploads/BJpJKK66q.png"><span class="img60"></span></a>
### 2. 啟動新文件後
<a href="https://hackmd.io/_uploads/BJLMYt6T5.png"><span class="img60"></span></a>
## <span class="h2">D.設定電腦端雲端硬碟</span>
電腦端雲端硬碟下載區：https://www.google.com/drive/download/
<a href="https://hackmd.io/_uploads/H1pw5YTT5.png"><span class="img90"></span></a>
# 三、瀏覽器確認
## <span class="h2">A. 通知設定確認</span>
### 1. 啟動【通知】
建議重要網頁才需要設定【通知】

<a href="https://hackmd.io/_uploads/H1v8m-QZi.png"><span class="img70"></span></a>
### 2. 確認【通知】
<span class="blue">步驟一</span>
<a href="https://hackmd.io/_uploads/Sk3fm-X-j.png"><span class="img90"></span></a>
<span class="blue">步驟二</span>
<a href="https://hackmd.io/_uploads/SyPFEZ7-j.png"><span class="img90"></span></a>
# 四、Gmail、日曆結合
## <span class="h2">A. 行動裝置信件滑動設定</span>
行動裝置的收件匣中信件，左右滑動時其設定方式預設為【封存】，但實質操作上不建議使用為封存，建議改為【刪除】，其設定方法如下：
<a href="https://hackmd.io/_uploads/r1eXffW-i.png"><span class="img90"></span></a>
<a href="https://hackmd.io/_uploads/S1uqMzbZo.png"><span class="img90"></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"></span></a>

<a href="https://hackmd.io/_uploads/B1UTHemWj.png"><span class="img90"></span></a>

## <span class="h2">C. 寄信建議</span>
### 1. 【不被動】附加超大檔案文件
Gmail 透過跟 Google Drive 雲端硬碟的連動，當寄件時，如果遇檔案較大時，自動上傳至Google Drive，但直接上傳雲端硬碟第一層，未妥善依資料檔案分類，建議附件檔案較大得放在雲端硬碟時，應自行上傳後再連結。
### 2. 確認即時反悔取消傳送時間
信件寄出時，才發現信件內容有缺少而想即時回收信件，此時Gmail在信件寄出時，隨後在左下角產生【取消傳送】訊息
<span class="img50"></span>
若需要顯示延長時間，其方法如下：
<a href="https://hackmd.io/_uploads/ByJkoeX-i.png"><span class="img90"></span></a>

### 2. 設定自訂簽名檔
<a href="https://hackmd.io/_uploads/ByqKTgmbo.png"><span class="img90"></span></a>

### 3. 確認是否要【預設】回覆所有人
<a href="https://hackmd.io/_uploads/BklOsgX-j.png"><span class="img90"></span></a>
### 4. 善用【休假自動回覆】
<a href="https://hackmd.io/_uploads/H1rJRlm-i.png"><span class="img90"></span></a>
### 4. 善用【桌面通知】
<a href="https://hackmd.io/_uploads/S1nS2xQWs.png"><span class="img90"></span></a>

## <span class="h2">D. 信件處理</span>
### 1. 減少使用【封存】郵件
### 2. 善用郵件聯絡人附加資訊

<a href="https://hackmd.io/_uploads/SyoUWZ7-o.png"><span class="img90"></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"></span></a>
<a href="https://hackmd.io/_uploads/Sk5yg-XZs.png"><span class="img90"></span></a>
### 4. 【自訂】規則自動信件分類
<span class="blue">步驟一</span>
<a href="https://hackmd.io/_uploads/Bkr8IZQbj.png"><span class="img90"></span></a>
<span class="blue">步驟二</span>
<a href="https://hackmd.io/_uploads/SksK8-XWi.png"><span class="img60"></span></a>
<span class="blue">步驟三</span>
<a href="https://hackmd.io/_uploads/BkDvvbQ-i.png"><span class="img60"></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"></span></a>
### 2. 找尋已共用的文件
<a href="https://hackmd.io/_uploads/S1C1hFp69.png"><span class="img70"></span></a>

### 3. 共用文件畫面
<a href="https://hackmd.io/_uploads/SJ0fntTTc.png"><span class="img90"></span></a>

### 4. 即時線上溝通啟動

<a href="https://hackmd.io/_uploads/SJrShFpaq.png"><span class="img70"></span></a>

### 5. 未共用者合併文件
<a href="https://hackmd.io/_uploads/S1dL3K6aq.png"><span class="img90"></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"></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"></span></a>
### 2. 善用樣式讓文件格式一致

<a href="https://hackmd.io/_uploads/Hy0ba-ATc.png"><span class="img70"></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"></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"></span></a>
## <span class="h2">2. 常用操作說明</span>
### (1) Alt：尺規微調
### (2) 文件範本為企業或學校帳號才可使用
### (3) 運用【插入】豐富文件內容

<a href="https://hackmd.io/_uploads/rJzHZGCpq.png"><span class="img70"></span></a>
### (4) 懶得打字的好工具：語音輸入
#### <span class="h4">📌 goolge語音：</span>
【工具】>【語音輸入】
<a href="https://hackmd.io/_uploads/Skvg4MCTc.png"><span class="img20"></span></a>

#### <span class="h4">📌 Microsoft語音：</span>
指令：【<span class="img3"></span>】+【H】

<a href="https://hackmd.io/_uploads/rkxUXMATc.png"><span class="img70"></span></a>

### (5) 善用探索
即時網路或現有文件中搜尋KeyWord文字的相關內容，可以透過在Google文件右下角 圖示進行尋找。
<a href="https://hackmd.io/_uploads/HkTrEGRTq.png"><span class="img60"></span></a>
### (6) 善用隨時記錄待辦事項

在Google提供APP中，介面右側提供<span class="img3"></span>日曆、<span class="img3"></span>Keep記事、及<span class="img3"></span>Tasks工作，隨時將進行日期排程、隨想記事或列入工作項目進行排程及提醒。
### (7) 發佈到網路
透過【檔案】>【發佈到網路】將文件內容發佈到網路上提供所有人檢視。

### (8) 善用【@】加入元素

透過【插入】相關列表功能，也可利用【@】進行插入。
<a href="https://hackmd.io/_uploads/HJFmewXRq.png"><span class="img100"></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://www.presentationgo.com/|
||https://glide.slidor.fr/|
||https://24slides.com/templates/dashboard/index|
||https://slidesgo.com/|

### <span class="h4">(2) 圖片去背工具</span>
|網址|logo|
|-|-|
|https://www.remove.bg/ | |
|https://picwish.com/tw/| |

### <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/||JPG、Video|
|https://librestock.com/||JPG、Video|
|https://www.foodiesfeed.com/||食物圖片||https://stocksnap.io/||JPG|
|https://zh.pngtree.com/||PNG|
|https://favpng.com/||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||JPG、SVG|
|https://www.manypixels.co/gallery/||JPG、SVG|
|https://www.flaticon.com/||ICON、SVG|
|https://www.iconfinder.com/||ICON、SVG|
## <span class="h2">B. 開始簡報</span>
### 1. 主題套用
Google 簡報提供基本款式的主題，當新增簡報時，在螢幕右側提供主題進行套用，如果不喜歡Google提供者，可利用網站搜尋就可以取得美觀主題，讓簡報更專業及美觀。
### 2. 簡報版面配置套用及變更
<a href="https://hackmd.io/_uploads/SyYCFQ0a9.png"><span class="img100"></span></a>
### 3. 善用【編輯主投影片】
製作簡報時，針對相同版型進行背景及文字一致的美化，讓美化簡報更加輕鬆
<a href="https://hackmd.io/_uploads/HyaqjVR6c.png"><span class="img100"></span></a>
### 4. 背景美化
<a href="https://hackmd.io/_uploads/Sk2Ci4A6q.png"><span class="img70"></span></a>
## <span class="h2">C. 轉場效果</span>
<span class="page">P.11</span>
<a href="https://hackmd.io/_uploads/rJfHhERT9.png"><span class="im100"></span></a>
Google簡報提供動畫，讓主講者可以配合講述情境進行動畫顯示，也可以透過動畫吸引聽者的注意力，所以點選上方工具列【轉場效果】啟動螢幕右側動畫功能窗格，其轉場效果分為【投影片轉換】及【物件動畫】
<a href="https://hackmd.io/_uploads/rJjB6NC6c.png"><span class="im100"></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"></span></a>

### 2. 條件式格式設定
<span class="page">P.13</span>
透過【條件式格式設定】設定條件進行色彩標示。
<a href="https://hackmd.io/_uploads/rJoMRNRT9.png"><span class="im100"></span></a>

### 3. 善用【資料驗證】
<span class="page">P.13</span>
利用【資料驗證】可以減少輸入錯誤情形發生
<a href="https://hackmd.io/_uploads/SkEHCERpc.png"><span class="im100"></span></a>

### 4. 資料透視表
<span class="page">P.14</span>
Excel的樞紐分析功能，能夠快速統計數據情形，進而分析數據走向，同樣的，Google試算表中【資料透視表】可以完成數據統計喔！
<a href="https://hackmd.io/_uploads/rkM6CVCTq.png"><span class="im100"></span></a>
### 5. 篩選器控制項
<a href="https://hackmd.io/_uploads/rkjJJSRa9.png"><span class="im100"></span></a>

# 八、其他技巧
## <span class="h2">1. 設定預設瀏覽器</span>
<span class="page">P.15</span>
<a href="https://hackmd.io/_uploads/B1uVyS065.png"><span class="im100"></span></a>
<br>

<a href="https://hackmd.io/_uploads/rJ3rySAp5.png"><span class="im100"></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"></span></a>
### (2) PDF預啟動軟體更改
<a href="https://hackmd.io/_uploads/SJ7JlHCaq.png"><span class="img60"></span></a>
### (3) PDF解密方法
利用Chrome啟動加密的PDF文件檔，但其中如有連結處將被取消。

<a href="https://hackmd.io/_uploads/Bkzcgr0p9.png"><span class="img50"></span></a>

# 九、Chrome擴充功能
## <span class="h2">A. 加入方法</span>
### 1. Chrome擴充功能連結方法
<a href="https://hackmd.io/_uploads/BkckZHCa5.png"><span class="img100"></span></a>
### 2. 連結位置
<a href="https://hackmd.io/_uploads/Sy4XbHAa5.png"><span ></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" ></span></a>
畫面呈現
<a href="https://hackmd.io/_uploads/BkvVDizRq.png"><span class="img100" ></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" ></span></a>
畫面呈現
<a href="https://hackmd.io/_uploads/rJheV3G0q.png"><span class="img100" ></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" ></span></a>
畫面呈現
<a href="https://hackmd.io/_uploads/SkG1OnfCc.png"><span class="img100" ></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" ></span></a>
畫面呈現
<a href="https://hackmd.io/_uploads/SkTWwTM0c.png"><span class="img100" ></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" ></span></a>
畫面呈現
<a href="https://hackmd.io/_uploads/S1EaQ6fAq.png"><span class="img100" ></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" ></span></a>
畫面呈現
<a href="https://hackmd.io/_uploads/BJ4yZaMC9.png"><span class="img100" ></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" ></span></a>
畫面呈現
<a href="https://hackmd.io/_uploads/B1ya3hzA5.png"><span class="img100" ></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" ></span></a>
畫面呈現
<a href="https://hackmd.io/_uploads/BJBkvImRq.png"><span class="img40" ></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" ></span></a>
畫面呈現
<a href="https://hackmd.io/_uploads/rkDNJazCc.png"><span class="img100" ></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" ></span></a>
畫面呈現
<a href="https://hackmd.io/_uploads/By25SazR9.png"><span class="img100" ></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" ></span></a>
畫面呈現
<a href="https://hackmd.io/_uploads/BJ4XcpGRq.png"><span class="img100" ></span></a>

# 十、 網站分享
## <span class="h2">A. 圖片相關資訊</span>
### 1. 線上圖片編輯器
連結網址：https://edit.photo/

<a href="https://hackmd.io/_uploads/Bk5YO6MR9.png"><span class="img100" ></span></a>

### 2. 線上圖片壓縮
連結網址：https://tinypng.com/
<a href="https://hackmd.io/_uploads/S1vMoazC9.png"><span class="img100" ></span></a>

# 十一、軟體分享
## <span class="h2">A. 圖片軟體</span>
### 1. 圖片編輯軟體：Gimp
連結網址：https://www.gimp.org/
<a href="https://hackmd.io/_uploads/HJjt6TMCq.png"><span class="img100" ></span></a>

### 2. 螢幕擷取工具：PicPick
連結網址：https://picpick.app/zh-tw/
<a href="https://hackmd.io/_uploads/SJq6CTMRc.png"><span class="img100" ></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" ></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" ></span></a>

### 2. 螢幕錄製軟體：OBS
連結網址：https://obsproject.com/
<a href="https://hackmd.io/_uploads/HJKUxCM0q.png"><span class="img100" ></span></a>

### 3. 螢幕錄製軟體：oCam
連結網址：https://ohsoft.net/eng/ocam/download.php?cate=1002
<a href="https://hackmd.io/_uploads/rkDsXAG0q.png"><span class="img100" ></span></a>

### 4. 影片分割：LosslessCut
連結網址：https://github.com/mifi/lossless-cut
<a href="https://hackmd.io/_uploads/S1R-ERfC5.png"><span class="img100" ></span></a>

### 5. 影片編輯軟體：Openshot
連結網址：https://www.openshot.org/zh-hant/
<a href="https://hackmd.io/_uploads/SysOECMCc.png"><span class="img80" ></span></a>

### 6. 影片編輯軟體：Shotcut
連結網址：https://www.openshot.org/zh-hant/
<a href="https://hackmd.io/_uploads/SJwa40MCq.png"><span class="img100" ></span></a>

### 7. 影片轉檔工具：HandBrake
連結網址：https://handbrake.fr/
<a href="https://hackmd.io/_uploads/BJmfr0G05.png"><span class="img100" ></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" ></span></a>
#### <span class="h4" >畫面情形</span>
<a href="https://hackmd.io/_uploads/H11edAzRq.png"><span class="img100" ></span></a>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>

# 後記(備忘)
明年度可加入主題
## <span class="h2">Gmail應用</span>

### 如何將Gmail信件儲存為檔案
<span class="urll" style="display:inline">[【👆如何保存Gmail的信件為檔案？】](https://sunmoonblog1.blogspot.com/2018/11/gmail_9.html) </span>
<span class="urll" style="display:inline">[【👆如何將 Gmail 郵件完整內文保存匯出成 EML 檔案格式？離線也可閱讀】](https://free.com.tw/gmail-export-eml/) </span>
<span class="urll" style="display:inline">[【👆[教學] 如何將 Gamil 上的信件 另存郵件](https://www.fox-saying.com/blog/post/44341558) </span>
<span class="urll" style="display:inline">[【👆將電子郵件下載到您的電腦】](https://support.google.com/mail/answer/9261412?hl=zh-Hant) </span>

### 如何備份並下載Gmail信件
<span class="urll" style="display:inline">[【👆[Gmail]如何備份並下載 GMail 全部或重要的郵件呢？】](https://km.nicetypo.com/doc/08417438821bd3677b3afcb2698edd70) </span>

<span class="urll" style="display:inline">[【👆備份 Gmail 的操作教學，把重要的郵件、Email 內容儲存到電腦裡】](https://www.kocpc.com.tw/archives/333045) </span>

### 如何有效率搜尋信件
<span class="urll" style="display:inline">[【👆【教學】Gmail 信箱塞爆了？超好用的「搜尋」把儲存空間清出來】](https://tw.sports.yahoo.com/news/%E6%95%99%E5%AD%B8-gmail-%E4%BF%A1%E7%AE%B1%E5%A1%9E%E7%88%86%E4%BA%86-%E8%B6%85%E5%A5%BD%E7%94%A8%E7%9A%84-%E6%90%9C%E5%B0%8B-111833092.html) </span>

### 如何自動將Gmail附件，轉存於GoogleDrive中
<span class="urll" style="display:inline">[【👆 如何自動把 Gmail 郵件附件轉存 Google Drive雲端硬碟】](https://www.playpcesor.com/2012/05/gmail-google-drive.html) </span>

<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;}

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