###### tags: `zoego` `開` `PPT`
# PowerPoint 講義

:::warning
<span class="textc" style="font-weight:bold; font-size:1.2em">課程講師資訊</span>巨匠電腦講師：呂心怡
E-mail：[e-mail] <span class="urll">[課程練習下載區：https://bit.ly/3B5DsDx](https://bit.ly/3B5DsDx) </span>
:::

# 一、準備工作
## <span class="h2">1. 工具配置【快速存取工具列】</span>
### (1) 原始指令
【檔案】> 選項 > 【快速存取工具列】

<a href="https://filedn.com/lzai0pPTnpfyPiXAjMDqr4V/hackmd/ppt58.png"><span class="img100">
</span></a>
### (2) 設定方式
針對【常用的指令按鈕】＞右鍵【新增/移除至快速存取工具列】
<span class="img50"></span>
### (3) 一般建議
快速存取工具列：所有Word、Excel及PPT皆相同建議
<span class="img50"></span>
### (4) 個人建議
依個人使用PPT時，有些指令重覆使用，故建議置於快速存取工具列
🔶 複製格式
🔶 選取窗格
<span style="padding-left:1.5em;color:blue;">指令：【常用】＞【選取】＞【選取窗格】</span>
<span class="img30"></span>
<!-- 🔶 母片相關工具

<span style="text-align:center; display:block;color:#766161;font-size:1.2em;font-weight:bold; border:1px solid;line-height:2em;border-radius:5px">工具1</span><span style="padding-left:1.5em;color:blue;">【檢視】>【投影片母片】</span><span class="img30"></span>

<span style="text-align:center; display:block;color:#766161;font-size:1.2em;font-weight:bold; border:1px solid;line-height:2em;border-radius:5px">工具2</span><span style="padding-left:1.5em;color:blue;">S1.啟動工具1</span>
<span style="padding-left:1.5em;color:blue;">S2.【投影片母片】>【關閉母片】</span>
<a href="https://filedn.com/lzai0pPTnpfyPiXAjMDqr4V/hackmd/ppt63.png"><span class="img100" style="border:1px solid #000"></span></a>
-->

🔶 物件對齊工具
<span style="padding-left:1.5em;color:blue;">S1.選取任一物件</span>
<span style="padding-left:1.5em;color:blue;">S2.【對齊】、【組成群組】、【旋轉】</span>
<span class="img50" style="border:1px solid #000"></span>
🔶 輔助線，協助物件對齊
<span style="padding-left:1.5em;color:blue;">指令：【檢視】＞勾選【輔助線】</span>

<span class="img20" style="border:1px solid #000"></span>
|快速鍵|說明|
|-|-|
||◻ 直接移動輔助線以尺規距離為單位<br>◻ 預設以 0.1 固定單位移動|
|`Ctrl`|新增輔助線，預設以 0.1 固定單位移動|
|`Shift`|自起始位置為基點0，顯示移動位置|
|`Alt`|顯示移動位置，其移動單位小於 0.1 微調|

## <span class="h2">2. 善用【快速鍵】</span>
在簡報製作中，使用快速鍵讓調整物件上事半功倍，故課程中介紹常被忽略的好用快速鍵。

<span class="img90"></span>

## <span class="h2">3. 指令規劃基本原則</span>
### (1) 指令規劃基本原則
<span class="img30">
</span>
### (2) 各功能界面情形
<a href="https://filedn.com/lzai0pPTnpfyPiXAjMDqr4V/hackmd/ppt68.jpg"><span class="img100"></span></a>

# 二、素材取得
## <span class="h2">1. 圖片處理建議</span>
### (1) PPT指令
#### <span class="h4">A. 圖片去背工具 </span>
<span class="img60"></span>
#### <span class="h4">B. 圖片壓縮 </span>

<span class="img80">
</span>
#### <span class="h4">C. 螢幕擷取畫面</span>
<span class="img50"></span><span class="img80"></span>
#### <span class="h4">D. 圖片新功能 </span>
<span class="img100">
</span>

### (2) 圖片相關處理工具
|網址|logo|
|-|-|
|https://www.iloveimg.com/zh-tw | |

### (3) 常用圖檔格式
<span style="text-align:center; display:block;color:#766161;font-size:1.2em;font-weight:bold;">🔹點陣圖🔹</span>
|類型|說明|
|-|-|
|<span class="red">Webp</span>|1.WebP是Google新推出影像技術，讓網頁圖檔有效進行壓縮，又不影響圖片實際清晰度，讓網頁下載速度加快<br>2.目前許多軟體不支援，需要藉由工具轉換為常用圖檔格式<br>(1) 方法1：加入 [Chrome 套件](https://chrome.google.com/webstore/detail/save-image-as-type/gabfmnliflodkdafenbcpjdlppllnemd/related)<br>【圖片另存為JPG/PNG/WebP】，加入後針對想下載圖片，按右鍵即可選擇轉換格式<br>(2)方法2：線上轉檔網站，例如：[iLoveIMG](https://www.iloveimg.com/zh-tw/convert-to-jpg/webp-to-jpg)|
|<span class="red">jpg、jpeg</span>|主要儲存照片、支援全彩、不支援透明及動畫、網頁圖片由Webp取代趨勢|
|<span class="red">png</span>|取jpg與gif優點，全彩、透明，但不支援動畫|
|GIF|多張圖片依序顯示，營造動畫效果、圖片色彩少、支援透明及動畫|
|tiff、tif|傳統影像印刷、掃瞄檔|
|BMP|點陣圖、支援全彩、檔案大、早期圖檔格式|
|PSD|PhotoShop檔案，需要專業軟體開啟|

<span style="text-align:center; display:block;color:#766161;font-size:1.2em;font-weight:bold;">🔹向量圖🔹</span>
|類型|說明|
|-|-|
|<span class="red">SVG</span>|可縮放向量圖形，可由瀏覽器檢視圖檔，現階段流行格式|
|WMF|向量圖檔、任意放大縮小品質不失真、早期圖檔格式，由SVG取代|
|EPS、Ai|需要Adobe illustrator專業軟體開啟|
|swf|需要Adobe Flash專業軟體開啟，已被程式語法取代|

## <span class="h2">2. 圖片素材</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://unsplash.com/|<span class="img50"></span>|JPG|
|https://www.foodiesfeed.com/||食物圖片|
|https://zh.pngtree.com/||PNG|

## <span class="h2">3. 圖形素材</span>
<span style="text-align:center; display:block;color:#766161;font-size:1.2em;font-weight:bold;">🔹 常用圖形 🔹</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.flaticon.com/||ICON、SVG|
|https://www.iconfinder.com/|<span class="img60"></span>|ICON、SVG|
|https://www.svgrepo.com/|<span class="img30"></span></a>|ICON、SVG|

SVG網站參考：<span class="urll" style="display:inline">[【👆中央氣象局(首頁)】](https://www.cwb.gov.tw/V8/C/) </span>

<span style="text-align:center; display:block;color:#766161;font-size:1.2em;font-weight:bold;">🔹 需要Adobe illustrator 專業軟體 🔹</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://www.freepik.com/||Ai檔、圖片|
|https://www.vecteezy.com/||Ai檔、圖片|

## <span class="h2">4. 色彩組合建議</span>
### (1) 色彩設計基本概念

A. [BrandColors](http://brandcolors.net/) 收錄世界知名品牌「顏色」色碼，可快速下載、獲取色票資訊。

B. 色彩三要素與配色小訣竅

<a href="https://filedn.com/lzai0pPTnpfyPiXAjMDqr4V/hackmd/ppt40.png"><span class="img100"></span></a>

<span class="urll">[摘自：美棻的圖解筆記思考教室](https://nancywei.org/2019/06/04/the-color-we-use-in-ppt/)</span>

C. 為了保持乾淨的外觀，建議
<span class="red" style="padding-left:1.5em;">文字類簡報：不使用超過3~4種顏色</span><br><span class="red" style="padding-left:1.5em;">圖型類簡報：選擇4~6種顏色進行套用</span>

<span style="text-align:center; display:block;color:#766161;font-size:1.2em;font-weight:bold;">🔹 選用色彩簡單原則 🔹</span>
參考網站：
https://www.managertoday.com.tw/articles/view/59997
<span class="step">先從色相環中挑選兩種色，貫穿簡報的【基色】，基色對面色彩標示為【重點色】，基色兩側【相近色】作為輔助色。</span>

<a href="https://filedn.com/lzai0pPTnpfyPiXAjMDqr4V/hackmd/ppt41.png"><span class="img80"></span></a>
### (2) 色票建議
<span style="text-align:center; display:block;color:#766161;font-size:1.2em;font-weight:bold;">🔹 簡報人氣配色組 🔹</span>

<a href="https://filedn.com/lzai0pPTnpfyPiXAjMDqr4V/hackmd/ppt42.png">
</a>
摘自：經理人特刊第33期搞定powerpoint

<span style="text-align:center; display:block;color:#766161;font-size:1.2em;font-weight:bold;">🔹 色票組合提供 🔹</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://colorhunt.co/||色票組合|
|https://www.schemecolor.com/||色票組合|
|https://color.adobe.com/zh/create/color-wheel||色票組合|
|http://brandcolors.net/||企業色票|

[BrandColors](http://brandcolors.net/) 收錄世界知名品牌「顏色」色碼，可快速下載、獲取色票資訊

<span style="text-align:center; display:block;color:#766161;font-size:1.2em;font-weight:bold;">🔹 提供照片顯示顏色組合 🔹</span>
|http://www.cssdrive.com/imagepalette/||
|-|-|

## <span class="h2">5. 地圖應用</span>
製作商業簡報時，經常需要結合地理資訊呈現出重點內容。例如：說明全球營業據點的分佈概況、展現各地產品的銷售業績。
相較於使用表格或圖表，採取地圖結合資訊與數據的作法，除了可以顯示資料之間的關連性與視覺性之外，亦能大幅提升簡報的說服力。
|網址|地圖形態|
|-|-|
|[維基百科：新北市地理位置圖](https://zh.wikipedia.org/wiki/Template:Location_map_Taiwan_NewTaipei)|<a href="https://filedn.com/lzai0pPTnpfyPiXAjMDqr4V/hackmd/ppt34.png"><span class="img100"></span></a>|
|[維基百科：臺灣地理位置圖模板](https://zh.wikipedia.org/wiki/Category:%E8%87%BA%E7%81%A3%E5%9C%B0%E7%90%86%E4%BD%8D%E7%BD%AE%E5%9C%96%E6%A8%A1%E6%9D%BF)|<a href="https://filedn.com/lzai0pPTnpfyPiXAjMDqr4V/hackmd/ppt35.png"><span class="img100"></span></a>|
|[維基百科：台北市地理位置圖](https://zh.wikipedia.org/wiki/Template:Location_map_Taiwan_Taipei)|<a href="https://filedn.com/lzai0pPTnpfyPiXAjMDqr4V/hackmd/ppt36.png"><span class="img40"></span></a>|
|[文件：台灣中華民國政區地圖.svg](https://zh.wikipedia.org/wiki/File:Taiwan_ROC_political_division_map.svg)|<a href="https://filedn.com/lzai0pPTnpfyPiXAjMDqr4V/hackmd/ppt37.png"><span class="img40"></span></a>|
|[臺灣地理位置圖](https://zh.wikipedia.org/wiki/Template:Location_map_Taiwan)|<a href="https://filedn.com/lzai0pPTnpfyPiXAjMDqr4V/hackmd/ppt38.png"><span class="img100"></span></a>|
|[plotdb](https://plotdb.com/chart/2200/#/)|<a href="https://filedn.com/lzai0pPTnpfyPiXAjMDqr4V/hackmd/ppt39.png"><span class="img100"></span></a>|

## <span class="h2">6. 簡報範本</span>
### (1) 圖解型範本
<span style="display:block;text-align:right">(參考網站)</span><a href="https://zh.pikbest.com/powerpoint/"><span class="img100">
</span></a>
### (2) 母片 / 背景型範本
<span style="display:block;text-align:right">(參考網站)</span><a href="https://www.slidemembers.com/en_US/category/PPT-Templates/6/?scale=20&sort=date"><span class="img100">
</span></a>

### (3) 依簡報版面分類
#### <span class="h4"></span>
<a href="https://www.slidemembers.com/en_US/category/Diagram/1/"><span class="img100" style="border:1px solid #000;padding:10px">
</span></a>

#### <span class="h4"></span>
<a href="https://infograpia.com/products/timeline-infographics"><span class="img100" style="border:1px solid #000;padding:10px"></span></a>

#### <span class="h4"></span>
<a href="https://slidemodel.com/templates/tag/roadmap/"><span class="img100" style="border:1px solid #000;padding:10px"></span></a>

# 三、AI與PPT結合
## <span class="h2">1. ChatGPT 進行重點彙整</span>
### (1) ChatGPT 進行重點彙整
:::info
指令：
https://bank.sinopac.com/sinopacBT/personal/article/smart-consumption/finance-learner.html
請以簡報型式進行大綱彙整，並加強各項詳述說明
:::

:::success
GPT回覆範例：
:::

:::info
指令：
請以簡報型式進行大綱彙整，並加強各項詳述說明
:::

:::success
GPT回覆範例：

新手理財攻略

1. 三大理財觀念
節流：記錄每筆支出，區分「想要」與「需要」，學習如何通過比較減少不必要消費。
開源：開發副業或投資管道，如股票、ETF、基金，提升現金流，避免依賴單一收入。
分散投資風險：搭配短期與長期投資，並在不同市場（如房地產、股票、債券）中分散資金配置。

2. 理財計畫與實踐
短期目標：每月固定存款10-20%收入，建立緊急儲備金（3-6個月生活費）。
長期目標：如購房或退休基金，利用複利效果進行長期投資。
自我檢討：每季檢視財務進展，調整預算與投資策略以因應變化。

3. 學習資源與培養技巧
免費資源：如永豐銀行的金融部落格、YouTube頻道等，快速學習基本觀念。
付費學習：訂閱財經雜誌、參加課程或讀書會，深入了解市場運作。
社群參與：參加理財社群或投資俱樂部，與他人交流心得，獲取市場最新資訊。

4. 持續學習與應變
小步驟開始：從每月小額存款開始，逐步建立儲蓄習慣，減少理財壓力。
靈活應變：根據市場變動隨時調整投資組合，保護資產免受風險衝擊。
目標進階：隨著理財經驗增加，逐步投入更複雜的金融商品，如股票選擇權或不動產投資。


:::

<span style="display:block;text-align:right"><a href="https://bank.sinopac.com/sinopacBT/personal/article/smart-consumption/finance-learner.html">(參考：新手理財攻略_永豐銀行)</a></span>

## <span class="h2">2. 利用gamma建立簡報</span>
網址：https://gamma.app/
### (1) 申請帳戶

### (2) 版本

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

## <span class="h2">2. 開始畫面</span>

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

## <span class="h2">3. 製作文件</span>
### S1：匯入檔案
<span class="img60"></span>

<span class="img60"></span>

### S2：文件內容顯示
:::danger
總共400點，免費簡報共10張卡片
:::
<a href="https://hackmd.io/_uploads/rkBzXy7sA.png"><span class="img100"></span></a>

### S3：文件內容編輯
<a href="https://hackmd.io/_uploads/SkRxPymiR.png"><span class="img100"></span></a>

# 四、簡報完成稿後
## <span class="h2">1. 個人資訊移除</span>
【檔案】>【資訊】>【查看問題】>【檢查文件】
<a href="https://filedn.com/lzai0pPTnpfyPiXAjMDqr4V/hackmd/ppt149.png"><span class="img70"></span></a>

## <span class="h2">2. 自訂放映</span>
<a href="https://filedn.com/lzai0pPTnpfyPiXAjMDqr4V/hackmd/ppt169.png"><span class="img100"></span></a>
## <span class="h2">3. 列印說明</span>
<a href="https://filedn.com/lzai0pPTnpfyPiXAjMDqr4V/hackmd/ppt151.png"><span class="img80"></span></a>
## <span class="h2">4. 啟動簡報者檢視畫面</span>
<a href="https://filedn.com/lzai0pPTnpfyPiXAjMDqr4V/hackmd/ppt170.png"><span class="img100"></span></a>

## <span class="h2">5. 摘要目錄的製作 ( 2019版本 )</span>
<a href="https://filedn.com/lzai0pPTnpfyPiXAjMDqr4V/hackmd/ppt141.png"><span class="img50"></span></a>

# 五、 【設計】投影片整體美化
## <span class="h2">1. 【設計】投影片整體美化</span>
### (1) 【設計】索引標籤下，可考量事項
著手進行建立簡報時，除簡報內容規劃外，當開新檔案後，一開始需考量事項如下：
【投影片尺寸】
【佈景主題選擇】
【頁碼起始編號：簡報封面不顯示頁碼技巧】
【亮彩/暗背景投影片背景】
<a href="https://filedn.com/lzai0pPTnpfyPiXAjMDqr4V/hackmd/ppt153.png"><span class="img100"></span></a>

📌<span class="red">【說明】</span>
1. 練習選取：【Shift】連續、【Ctrl】不連續挑選
2. 佈景主題應用：其先決條件，應使用<span class="red">佈景主題</span>色彩及字型

### (2) 改變投影片開始編號後，加入投影片編號：
S1.【插入】＞【頁首/頁尾】
S2. 變更投影片頁碼編號，【設計】＞【投影片大小】

## <span class="h2">2. 母片</span>
<a href="https://filedn.com/lzai0pPTnpfyPiXAjMDqr4V/hackmd/ppt172.png"><span class="img100"></span></a>

# 六、 【切換/轉場】投影間轉場動畫
📌<span class="red">【工作事項】</span>
* 切換至【投片瀏覽模式】
* 規劃投影片放映時間
<span class="step">【投影片放映】>【排練計時】</span>
* 務必自行學習【轉化】轉場特效功能

<a href="https://filedn.com/lzai0pPTnpfyPiXAjMDqr4V/hackmd/ppt154.png"><span class="img100"></span></a>

# 七、 【動畫】物件動畫
## <span class="h2">A、 動畫指令介紹</span>
<span class="red">S0：啟動【動畫窗格】</span>
S1：選取物件
S2：指令安排
<a href="https://filedn.com/lzai0pPTnpfyPiXAjMDqr4V/hackmd/ppt155.png"><span class="img100"></span></a>

|(A)動畫方式|(B)啟動時機|(&#067;)可動畫物件|
|-|-|-|
|◾ 進入<br>◾ 強調<br>◾ 結束<br>◾ 影片路徑|◾ 按一下<br>◾ 接續前動畫<br>◾ 與前動畫同時<br>◾ 觸發程序(2010強化功能)|◾ 圖片<br>◾ 文字(單行、多行)<br>◾ SmartArt<br>◾ 圖表<br>◾ 表格<br>◾ 多媒體(音訊、影片)|

## <span class="h2">B、 移動路徑設定</span>
<a href="https://filedn.com/lzai0pPTnpfyPiXAjMDqr4V/hackmd/ppt156.png"><span class="img40"></span></a>

📌<span class="red">【功能相同於編輯圖案工具】</span>
<a href="https://filedn.com/lzai0pPTnpfyPiXAjMDqr4V/hackmd/ppt157.png"><span class="img80"></span></a>
## <span class="h2">C、 影音與動畫結合</span>

### 1、 影片旁白加入
<span class="blue">目的：【書籤】觸發【物件】</span>
<span class="step">S1.針對物件設定動畫</span>
<span class="step">S2.`螢幕右側`動畫窗格，點選物件動畫</span>
<span class="step">S3.【動畫】＞【觸發程序】＞【由書籤觸發】</span>
### 2、 遙控器使用
<span class="blue">目的：【物件】觸發【書籤】</span>
<span class="step">S1.點選書籤找到【動畫搜尋鈕】</span>
<span class="step">&#12288;&#12288;note：第2次以後搜尋鈕自【進階動畫】工作群組 ＞ 【新增動畫】</span>

<span class="step">S2.`螢幕右側`動畫窗格，點選書籤動畫搜尋鈕</span>
<span class="step">S3.【動畫】>【觸發程序】>【按一下時】</span>

## <span class="h2">D、 循環動畫技巧</span>
<span class="step">S1. 循環動畫的技巧原則，是同一物件二張進行移動替代</span>
<a href="https://filedn.com/lzai0pPTnpfyPiXAjMDqr4V/hackmd/ppt158.png"><span class="img100"></span></a>
<span class="step">S2. 設定移動路徑：線條(向右)，其線條為一張地圖的長度。</span>
<a href="https://filedn.com/lzai0pPTnpfyPiXAjMDqr4V/hackmd/ppt159.png"><span class="img100"></span></a>
<span class="step">S3. 依下圖，進行動畫微調。</span>
<a href="https://filedn.com/lzai0pPTnpfyPiXAjMDqr4V/hackmd/ppt160.png"><span class="img100"></span></a>
# 八、 互動式簡報 (超連結應用)
互動簡報基本設定：利用超連結功能與瀏覽者產生互動
## <span class="h2">1. 基本設定</span>
<span class="step">S1. 設定位置及方法</span>
|設定位置|設定方法|
|-|-|
|◼ 文字<br>◼ 動作按鈕(快取圖案)<br><span style="padding-left:2em">◽ 動作按鈕</span><br><span style="padding-left:2em">◽ 快取圖案</span><br>◼ 圖片|◼ 超連結<br><span style="padding-left:2em">◽ Word、Excel、PPT皆適用</span><br><span style="padding-left:2em">◽ 僅動畫 (按下)</span><br>◼ 動作設定<br><span style="padding-left:2em">◽ 僅PPT</span><br><span style="padding-left:2em">◽ 動畫及聲音 (按下及滑過)</span>|

<span class="img60"></span>
<span class="step">S2. 放映後，投影間切換確認</span>
<span class="img50"></span>
<span class="red">📌 說明</span>：請善用 ，跳到同一檔案之投影片、其他 PPT 檔案、其他應用程式 跳到其他應用程式例如： word 、excel、跳到其他網頁。
## <span class="h2">2. 互動簡報：色彩的影響</span>
因【設計】> 佈景主題之下【色彩】，影響整個檔案、整張簡報的所有色彩。
|複製 / 貼上|已/未瀏覽色彩|
|-|-|
||<span style="border:1px solid #000; display:block"></span>|

## <span class="h2">3. 假按鈕設定</span>
S1.利用【插入】＞ 圖案繪製圖形
S2.【繪圖工具】＞【圖案樣式】工作群組
<span class="img50"></span>
|圖案外框|圖案填滿|
|-|-|
|無外框|(X)：無填滿<br>(O)：透明度100%<br><span class="img60"></span>|

# 九、簡報圖解美化技巧
## <span class="h2">1. 善用軟體提供的好工具</span>
### (1) 智慧型輔助線
<a href="https://filedn.com/lzai0pPTnpfyPiXAjMDqr4V/hackmd/ppt107.png"><span class="img100"></span></a>

### (2) 輔助線
📌 <span class="blue">【檢視】>【輔助線】勾選</span>

|快速鍵|說明|
|-|-|
||◻ 直接移動輔助線以尺規距離為單位<br>◻ 預設以 0.1 固定單位移動|
|`Ctrl`|新增輔助線，預設以 0.1 固定單位移動|
|`Shift`|自起始位置為基點0，顯示移動位置|
|`Alt`|顯示移動位置，其移動單位小於 0.1 微調|

### (3) 圖形工具配置

<a href="https://filedn.com/lzai0pPTnpfyPiXAjMDqr4V/hackmd/ppt186.png"><span class="img100"></span></a>

### (4) 編輯端點 & 合併圖案
<a href="https://filedn.com/lzai0pPTnpfyPiXAjMDqr4V/hackmd/ppt148.jpg"><span class="img100"></span></a>

## <span class="h2">2. 流程圖繪製</span>
範例結果：
<span class="img60"></span>
<span class="img80"></span>
### (1) 流程圖元素意義
<span class="img70"></span>

### (2) 連續圖形繪製
<span class="img70"></span>

### (3) 多運用複製格式<span class="img3"></span>
<span class="img70"></span>

### (4) 群組重要性
<span class="img70"></span>

### (5) 圖形內的文字的困擾
<span class="img100"></span>

### (6) 整體文字大小調整技巧
<span class="img40"></span>

## <span class="h2">3. 常用圖解基本元素繪製方法</span>
### (1) 正六角繪製法方法
<a href="https://filedn.com/lzai0pPTnpfyPiXAjMDqr4V/hackmd/ppt110.png"><span class="img100"></span></a>

### (2) 圓角三角形繪製法
<a href="https://filedn.com/lzai0pPTnpfyPiXAjMDqr4V/hackmd/ppt111.png"><span class="img100"></span></a>

## <span class="h2">4. 善用【SmartArt】(SA)</span>
### (1) 組織圖建立
<span style="font-size:1.1em; color:#0070C0; font-weight:bold;text-decoration: underline;">🔶 新增圖案原則：重點是【選取主角】產生白點之下元素</span>
<a href="https://filedn.com/lzai0pPTnpfyPiXAjMDqr4V/hackmd/ppt112.jpg"><span class="img100"></span></a>

### (2) 利用SA輕鬆建立特殊圖形
<span style="display:block;text-align:right">(課程範例1)</span><a href="https://filedn.com/lzai0pPTnpfyPiXAjMDqr4V/hackmd/ppt113.png"><span class="img100"></span></a>
<!-- <span class="urll">[參考：2分40秒製作資訊圖表_善用SA](https://www.pook.com.tw/post/2%E5%88%8640%E7%A7%92%E8%A3%BD%E4%BD%9C%E8%B3%87%E8%A8%8A%E5%9C%96%E8%A1%A8)</span> -->
<span style="display:block;text-align:right">(課程範例2)</span><a href="https://filedn.com/lzai0pPTnpfyPiXAjMDqr4V/hackmd/ppt114.png"><span class="img100"></span></a>

## <span class="h2">5. 善用網路SVG素材</span>
### (1) 改善2016版本無法應用SVG困擾
2016版本雖然終於可於加入好用的SVG圖，但在2019版本之後才可以進行編輯，故運用將圖片改為EMF格式，雖然編輯程度仍有限，但總是可以試試。

<span class="step">S1：利用複製>選擇性貼上為>圖片(EMF檔)</span>

<span class="step">S2：變成圖片(EMF檔)時，則可使用解散群組</span>

### (2) 善用網路SVG素材
<span class="step">S1：網路SVG圖片下載</span>
<span class="step">S2： 針對SVG圖片，右鍵>取消群組>以利編輯</span>
<span class="step">S3： 修改元素後，務必組成群組</span>
<span class="img80"></span>

## <span class="h2">6. 如何設計具有質感圖片</span>
### (1) 圖形 + 填滿圖片
<a href="https://filedn.com/lzai0pPTnpfyPiXAjMDqr4V/hackmd/ppt118.png"><span class="img100"></span></a>

### (2) 圖形 + 母片：快速填入多張圖片
<span class="step">S1. 進入母片環境：【檢視】>【投影片母片】，依下圖執行：</span><a href="https://filedn.com/lzai0pPTnpfyPiXAjMDqr4V/hackmd/ppt119.png"><span class="img60"></span></a><span class="step">S2. 依下圖執行步驟，<span class="red">在聯集圖案前，應先選擇版面配置的圖形，再選擇上一步驟的圖形</span>：</span><a href="https://filedn.com/lzai0pPTnpfyPiXAjMDqr4V/hackmd/ppt120.png"><span class="img100"></span></a><span class="step">S3. 關閉母片環境，如下圖步驟執行：</span><a href="https://filedn.com/lzai0pPTnpfyPiXAjMDqr4V/hackmd/ppt121.png"><span class="img100"></span></a>

## <span class="h2">7. 剪裁圖片比例的重要性</span>
<span class="red">圖形填滿圖片後，造成圖片比例可能被破壞，故需要如下步驟還原圖片比例。</span><a href="https://filedn.com/lzai0pPTnpfyPiXAjMDqr4V/hackmd/ppt122.png"><span class="img100"></span></a>

<a class="btn btn-btn btn-warning" href="https://zoego.tech/pptslider/PPT_img01_layout.html">展開</a>
<iframe src="https://zoego.tech/pptslider/PPT_img01_layout.html" ></iframe>

## <span class="h2">8. 如何凸顯重要元素</span>
### (1) 遮避不重要的區域
<span class="step">透過半透明圖形，遮避不重要的區域，凸顯重要元素，步驟如下圖：</span><a href="https://filedn.com/lzai0pPTnpfyPiXAjMDqr4V/hackmd/ppt123.png"><span class="img100"></span></a>
### (2) 放大想要凸顯重要元素
<span class="step">透過圖片剪裁 / 填滿圖片於圖形，並放大想要凸顯重要元素，步驟如下圖：</span><a href="https://filedn.com/lzai0pPTnpfyPiXAjMDqr4V/hackmd/ppt124.png"><span class="img100"></span></a>
### (3) 運用技巧設計簡報版型
<a href="https://filedn.com/lzai0pPTnpfyPiXAjMDqr4V/hackmd/ppt125.png"><span class="img100"></span></a>

# 十、數據資訊加入技巧
## <span class="h2">1. 如何從Excel表格貼入PPT</span>
### (1) 【貼上】
<span class="red">優點：</span>因Excel資料是直接嵌入，與原先檔案已無關聯，故在修改上十分方便
<span class="red">缺點：</span>為了保留Excel原先計算關聯，故發現是Excel整個檔案嵌入簡報中；當貼入多張Excel表格，即是貼入多個Excel檔案，造成PPT檔案變大。
### (2) 【貼上連結】
<span class="red">優點：</span>因Excel是連結方式貼入，則是記錄原先Excel檔案存放路徑，當來源檔案修改時，簡報上的資料數據也會跟著更動。
<span class="red">缺點：</span>也因為是與Excel檔案來源連結，當Excel檔案路徑更動則會讓簡報找不到檔案，也可能我們將簡報檔郵寄給其他人時，無Excel檔案來源而無法修改Excel表格數據。
### 📌 注意事項：
<span class="red">若含注意機密資料，建議以【貼上連結】或【貼入圖片】方式貼入。</span>

## <span class="h2">2. 立體圖繪製 </span>
S1：繪製圖形
<a href="https://filedn.com/lzai0pPTnpfyPiXAjMDqr4V/hackmd/ppt183.png"><span class="img80"></span></a>
S2：群組圖形
<a href="https://filedn.com/lzai0pPTnpfyPiXAjMDqr4V/hackmd/ppt184.png"><span class="img80"></span></a>
S3：設定為立體圖形
<a href="https://filedn.com/lzai0pPTnpfyPiXAjMDqr4V/hackmd/ppt185.png"><span class="img100"></span></a>

# 十一、PPT新功能(影片)
## <span class="h2">1. SVG圖片類型介紹</span>
### (1) 說明

<a href="https://filedn.com/lzai0pPTnpfyPiXAjMDqr4V/hackmd/ppt136.png"><span class="img100"></span></a>

<span style="color:#b71c1c; display:block; background:#fce4ec; text-align:center; line-height:2em">【Youtube】</span>
{%youtube N4n1Uf4rd9c %}

## <span class="h2">2. 影片加字幕方法</span>
<a href="https://filedn.com/lzai0pPTnpfyPiXAjMDqr4V/hackmd/ppt137.png"><span class="img100"></span></a>
S1：利用記事本，寫入字幕內容，其內容如下：

WEBVTT

00:01.000 --> 00:08.000
方法1：自動計算差值進行累加

00:09.000 --> 00:16.000
方法2：透過智慧標籤

00:17.000 --> 00:30.000
方法3：拖曳時，加上【Ctrl】變成自動累加序號+1

S2：檔案儲存後，其副檔名【* . txt】 改為【 <span class="red">* . vtt</span> 】
S3：將視訊加入PPT後，點選視訊影片，【視訊】>【播放】>【插入輔助字幕】

<a href="https://filedn.com/lzai0pPTnpfyPiXAjMDqr4V/hackmd/ppt138.png"><span class="img100"></span></a>
<span style="color:#b71c1c; display:block; background:#fce4ec; text-align:center; line-height:2em">【Youtube】</span>
{%youtube i1Xd2iPTViQ %}

## <span class="h2">3. 繪圖【筆跡】加入</span>
簡報用寫的更有趣
<a href="https://filedn.com/lzai0pPTnpfyPiXAjMDqr4V/hackmd/ppt139.png"><span class="img80"></span></a>
※ 2016版本者，若未見其指令，【檔案】>【選項】>【
<a href="https://filedn.com/lzai0pPTnpfyPiXAjMDqr4V/hackmd/ppt140.png"><span class="img100"></span></a>

<span style="color:#b71c1c; display:block; background:#fce4ec; text-align:center; line-height:2em">【Youtube】</span>
{%youtube nZMN8n-qniE %}

## <span class="h2">4. 摘要目錄的製作</span>
<a href="https://filedn.com/lzai0pPTnpfyPiXAjMDqr4V/hackmd/ppt141.png"><span class="img50"></span></a>

<span style="color:#b71c1c; display:block; background:#fce4ec; text-align:center; line-height:2em">【Youtube】</span>
{%youtube RTKm762PhC0 %}

## <span class="h2">5. 【轉化】特效</span>
### 1、介紹
<a href="https://filedn.com/lzai0pPTnpfyPiXAjMDqr4V/hackmd/ppt142.png"><span class="img100"></span></a>

<span style="color:#b71c1c; display:block; background:#fce4ec; text-align:center; line-height:2em">【Youtube】</span>
{%youtube qDzi7xGsPvA %}

### 2、範例：玩具總動員人物介紹
範例結果
<a href="https://filedn.com/lzai0pPTnpfyPiXAjMDqr4V/hackmd/ppt143.png"><span class="img100"></span></a>
步驟
#### <span class="h4">S1：【胡迪】簡報</span>
<a href="https://filedn.com/lzai0pPTnpfyPiXAjMDqr4V/hackmd/ppt144.png"><span class="img100"></span></a>
#### <span class="h4">S2：【巴斯光年】簡報</span>
<a href="https://filedn.com/lzai0pPTnpfyPiXAjMDqr4V/hackmd/ppt145.png"><span class="img100"></span></a>
#### <span class="h4">S3：【翠絲】簡報</span>
<a href="https://filedn.com/lzai0pPTnpfyPiXAjMDqr4V/hackmd/ppt146.png"><span class="img100"></span></a>
<span style="color:#b71c1c; display:block; background:#fce4ec; text-align:center; line-height:2em">【Youtube】</span>
{%youtube PaFqlFweaYs %}

# 十二、PPT(補充)
## <span class="h2">1. 利用VBA建立超連結</span>
<span class="urll">[參考語法(連結)](https://docs.microsoft.com/zh-tw/office/vba/api/powerpoint.actionsetting) </span>

With ActivePresentation.Slides(1).Shapes(3) _ 
    .TextFrame.TextRange.Find("連結文字").ActionSettings(ppMouseClick) 
    .Action = ppActionHyperlink 
    .Hyperlink.Address = "網址" 
End With

<!-- https://www.excelvbasolutions.com/2018/12/add-hyperlinks-in-powerpoint-excel-vba.html -->
<!-- https://www.youtube.com/watch?v=2jVQifazbXA -->

# ------

<style>
/* 加入Logo */
.ui-toc-affix:{position: relative;}
.toc:before{
/* content: "愛迪達(adidas)"; display:block; padding-left:20px; */
/* 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_title{
color:#4C4C6D; text-align:center; font-weight:bold; font-size:2.5rem; padding:0;margin:0;display:block;}
.markdown-body h1{color:#4C4C6D;font-size:1.8em;}

.h2{ color:#52006A; background-color:#A2DBFA; line-height:2em;font-size:.9em;display:block; padding-left:10px;border-radius:5px;}
.h2_1{ color:#52006A; line-height:1.8em;font-size:.9em;display:block; padding-left:10px;}
h3{ color:#BF1363; }
.h4{color:#7030A0; font-size:1.2em;font-weight:bold;}
.h5{color:#000099; font-size:1.2em;font-weight:bold;}
.p{ margin:2em 0;}
/* 講師資訊 美化 */
.alert-warning { border-width: 2px; width: 80%; 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: 1em; }
.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;}
.markdown-body .htmltable tr:nth-child(2n) {
background-color: transparent;
}
.markdown-body .htmltable{
margin:30px auto;
}

.red{color:#BF1363; }
.blue{color:#265F92;}
.purple{color:#7030A0;}
.green{color:green;}
.grey{color:#7F7F7F;}
.bold{font-weight:bold;}
.fs1_1 {font-size:1.1em;line-height:2em;}
.step{ padding-left:1.5em;color:blue;font-size:1.1em; }
.stepRed{ color:#fff; background:#920000; border-radius:5px;padding:5px 10px;line-height:1.8em; }

.textc{text-align:center; display:block;}
.linkRight{display:block; text-align:right;}
.markdown-body p{ margin-bottom: 2;}

/* .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:5%;
right:5%;
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;
}
.youtubeText{
color:#b71c1c; display:block; background:#fce4ec; text-align:center; line-height:2em;
}
</style>