###### 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">A、工具配置【快速存取工具列】</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="img70"></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">B、善用【快速鍵】</span>
在簡報製作中，使用快速鍵讓調整物件上事半功倍，故課程中介紹常被忽略的好用快速鍵。

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

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

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

<span class="img100">
</span>
#### <span class="h4"> (3) 螢幕擷取畫面</span>
<span class="img50"></span><span class="img100"></span>
#### <span class="h4"> (4) 圖片新功能 </span>
<span class="img100">
</span>

### 2. 圖片去背工具
|網址|logo|
|-|-|
|https://www.remove.bg/ | |
|https://picwish.com/tw/| |

### 3. 線上圖片壓縮
|https://tinypng.com/| |
|-|-|
### 4. 常用圖檔格式
<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">B、圖片素材</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://librestock.com/||JPG|
|https://www.foodiesfeed.com/||食物圖片|
|https://stocksnap.io/|<span class="img50"></span>|JPG|
|https://zh.pngtree.com/||PNG|
|https://favpng.com/||PNG|
## <span class="h2">C、圖形素材</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.manypixels.co/gallery/||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">D、色彩組合建議</span>
### 1. 色彩設計基本概念

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

(2) 色彩三要素與配色小訣竅

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

(3) 為了保持乾淨的外觀，建議
<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">E、地圖應用</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">F、簡報範本</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>

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

## <span class="h2">B、自訂放映</span>
<a href="https://filedn.com/lzai0pPTnpfyPiXAjMDqr4V/hackmd/ppt150.png"><span class="img100"></span></a>
## <span class="h2">C、列印說明</span>
<a href="https://filedn.com/lzai0pPTnpfyPiXAjMDqr4V/hackmd/ppt151.png"><span class="img80"></span></a>
## <span class="h2">D、 啟動簡報者檢視畫面</span>
<a href="https://filedn.com/lzai0pPTnpfyPiXAjMDqr4V/hackmd/ppt152.png"><span class="img100"></span></a>

# 四、 【設計】投影片整體美化
<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>色彩及字型

# 五、 【切換/轉場】投影間轉場動畫
📌<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="img100"></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">A、 基本設定</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="img60"></span>
<span class="red">📌 說明</span>：請善用 ，跳到同一檔案之投影片、其他 PPT 檔案、其他應用程式 跳到其他應用程式例如： word 、excel、跳到其他網頁。
## <span class="h2">B、 互動簡報：色彩的影響</span>
因【設計】> 佈景主題之下【色彩】，影響整個檔案、整張簡報的所有色彩。
|複製 / 貼上|已/未瀏覽色彩|
|-|-|
||<span style="border:1px solid #000; display:block"></span>|

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

# 八、簡報圖解美化技巧
## <span class="h2">A、善用軟體提供的好工具</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/ppt148.jpg"><span class="img100"></span></a>

## <span class="h2">B、 常用圖解基本元素繪製方法</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">C、 善用【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.png"><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">D、 改善2016版本無法應用SVG困擾</span>
2016版本雖然終於可於加入好用的SVG圖，但在2019版本之後才可以進行編輯，故運用將圖片改為EMF格式，雖然編輯程度仍有限，但總是可以試試。

<span class="step">S1. 利用複製>選擇性貼上為>圖片(EMF檔)</span>
<span class="step">S2. 改為圖片(EMF檔)後，可利用右鍵>取消群組>以利編輯</span>
<span class="step">S3. 修改元素後，務必組成群組</span>

## <span class="h2">E、如何設計具有質感圖片</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">F、 剪裁圖片比例的重要性</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">G、 如何凸顯重要元素</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>

# 九、PPT新功能(影片)
## <span class="h2">A、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">B、影片加字幕方法</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">C、繪圖【筆跡】加入</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">D、摘要目錄的製作</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">E、【轉化】特效</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">A、 利用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>
.toc:{position: relative;}
.toc:before{
content: url(https://zoego.tech/img/logo.svg);
width:200px;
position:fixed; top:0 ; left:0;
}
body{}
.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{ 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;}
.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; }
.urlr{ text-align:right; line-height:1.5em;display:block;}
.urll{ line-height:1.5em;display:block;}
.step{ padding-left:1.5em;color:blue;font-size:1.1em; }

.ex{color:#333399 ; font-size:1.2em; font-weight:bold; line-height:1em;}

iframe{ width:850px; height:478px; display:block; margin:auto; border-width: 0;border:2px solid #000;}

.markdown-body code { border: 1px solid #000; margin:0 5px;}
.markdown-body pre>code { font-size: 1.3em; }
.markdown-body pre { border: 1px solid #ccc !important; background-color:#fffedb;
}

/* 表格 設定 */
.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;}

.markdown-body table th, .markdown-body table td {
border: 1px solid #7F7F7F;
}

.alert-warning { border-width: 2px; width: 60%; margin: auto;}
.textc{text-align:center; 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;
}
.title{ text-align:center; border:3px solid #000; display:block; border-radius:5px; padding:5px}
.youtube{
position:relative;
}
.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;
}
</style>