# data[].attributes.body
臺北市立第一女子高級中學

第14、16屆

全國法規資料庫競賽

創意教學教案 高中組第一名

# data[].attributes.body
🎯 靈感來源

校園生活情境：同儕霸凌、社團活動 、校園安全、考試作弊、感情戀愛、網購消費、環境保護...

時事新聞取材：詐騙案件、網紅經濟、深偽技術、食安問題、網路霸凌、交通違規...

全國法規資料庫探索：智慧查找、法律時事專欄、法規教案

🔍 主題發想技巧—從問題出發

為什麼不能在學校抽菸？ → 菸害防制法

網路罵人會怎樣？ → 刑法公然侮辱罪

如何處理校園霸凌？→ 霸凌防制相關法規

被肉搜了怎麼辦？ → 個人資料保護法

💡跨領域之可能性

國文 + 法律 → 網路著作權、言論自由

自然 + 法律 → 環境保護法、食品安全法

體育 + 法律 → 運動傷害責任、藥物管制

藝術 + 法律 → 著作權法、肖像權

# data[].attributes.headline
想像學生第一次聽到這個主題，

# data[].attributes.body
1. 想像學生第一次聽到這個主題，他們會有什麼反應？

2. 學生在日常生活中，什麼時候會遇到這個法律問題？

3. 有沒有相關的新聞事件或網路熱議話題？

4. 學生對這個主題可能有哪些誤解或刻板印象？

5. 什麼樣的情境會讓學生覺得『這跟我有關』？

# data[].attributes.headline
利用Gamma快速產生簡報

# data[].attributes.subject
利用Gamma快速產生簡報

# data[].attributes.body
🤖 AI自動生成：貼上你今天在NOTION上紀錄的內容，AI幫你創建完整簡報

⚡ 超級快速：3分鐘就能完成專業簡報

🎨 自動美化：不用擔心排版，AI自動配色和設計

📱 完美整合：可以直接嵌入圖片和Kahoot連結

💾 即時儲存：雲端自動保存，不怕遺失

# data[].attributes.headline
使用Kahoot!來建立數位互動評量吧～

# data[].attributes.subject
使用Kahoot!來建立數位互動評量吧～

# data[].attributes.body
或是你也可以用

Padlet 協作評量

Slido 即時投票

# data[].attributes.headline
18 個歐美系插圖精選網站－免費下載！

# data[].attributes.subject
18 個歐美系插圖精選網站－免費下載！

# data[].attributes.attachment_link.title
18 個歐美系插圖精選網站－免費下載！

# data[].attributes.attachment_link.description
歐美插畫以其獨特、大膽、創新的風格廣受插畫愛好者們的青睞。你也是這個族群之一嗎？

# data[].attributes.body
兒少權益保障

性平議題

防制校園霸凌

兒虐及家暴事件防制

# data[].attributes.headline
發展活動是教案的核心，要讓學生從『不知道』到『理解並能應用』

# data[].attributes.subject
發展活動是教案的核心，要讓學生從『不知道』到『理解並能應用』

# data[].attributes.body
循序漸進 - 從基礎概念到實際應用

互動參與 - 避免單向講述，增加學生參與

貼近生活 - 結合學生真實經驗

多元活動 - 閱讀、討論、體驗、創作並用

時間掌控 - 每個活動都要有明確時間規劃

# data[].attributes.headline
Notion-筆記、整理、管理

# data[].attributes.subject
Notion-筆記、整理、管理

# data[].attributes.body
https://www.notion.so/21eac6e5c01080c5baa2c0613b2ad922?source=copy_link

# data[].attributes.attachment_link.title
專屬於你的連線工作空間：Wikis 百科、文件、專案計畫 | Notion

# data[].attributes.attachment_link.description
一款將日常工作應用程式融合為一體的新工具。這是你和團隊共享的全能工作空間。

# data[].attributes.body
Who - 誰會遇到這個法律問題？

What - 什麼樣的行為涉及法律？

When - 什麼時候需要知道這個法律？

Where - 在哪些場所會遇到？

Why - 為什麼要有這個法律規範？

How - 如何正確遵守或處理？

# data[].attributes.body
範例一：校園霸凌主題

引起動機設計：

├── 策略：情境判斷法

├── 素材：Canva製作校園情境漫畫

├── 內容：小明在走廊被同學故意撞倒

├── 問題：「這是意外、玩笑，還是霸凌？」

├── 引導：學生分組討論並投票

└── 連結：自然引入霸凌定義的學習

範例二：消費者保護主題

引起動機設計：

├── 策略：新聞案例法

├── 素材：搜尋新聞素材

├── 內容：「高中生網購球鞋，收到假貨求助無門」

├── 問題：「如果是你會怎麼辦？有什麼法律可以保護你？」

├── 互動：讓學生分享類似經驗

└── 連結：帶入消費者保護法的重要性

# data[].attributes.body
完成後請

選擇簡報畫面右上角-分享>任何持有連結的人可以檢視>複製連結>在此區段按+貼上你的簡報連結

# data[].attributes.body
「法治教育的評量，真正要評的是什麼？」 → 引導思考：不只是記憶法條，更重要的是應用能力

✅ 不是背法條，而是理解法律精神

✅ 不只會判斷對錯，更要說出理由

✅ 不僅個人表現，也重視合作討論

✅ 不只課堂成果，更看重生活應用

# data[].attributes.headline
免費下載！盤點 5 個日本圖庫：簡約線條、可愛手繪、實用圖標等總整理

# data[].attributes.subject
免費下載！盤點 5 個日本圖庫：簡約線條、可愛手繪、實用圖標等總整理

# data[].attributes.body
打擊詐欺

民法意定監護制度

跟蹤騷擾防制

洗錢防制

毒品危害防制

人口販運防制

藥物濫用防制

菸害防制

# data[].attributes.body
1. 法規理解：分組閱讀→標註重點→分享理解

2. 案例分析：提供案例→小組討論→各組發表

3. 角色扮演：分配角色→準備台詞→演出→討論

4. 辯論討論：正反方分組→準備論點→辯論→總結

5. 創作設計：設定主題→創作作品→展示分享

6. 體驗反思：設計體驗→引導反思→分享心得

# data[].attributes.body
讓我們互相認識吧~按+新增學校及姓名，也可以上傳圖像

# data[].attributes.body
https://notebooklm.google.com/notebook/f83c1030-4aaa-45d6-9109-f4541d8e2b9c

# data[].attributes.attachment_link.description
Not your computer? Use Guest mode to sign in privately. Learn more about using Guest mode

# data[].attributes.body
請在此區段按+貼上你的教學主題構想

# data[].attributes.headline
日本插圖中心免費素材圖庫！超過9700款可愛日式插圖開放下載

# data[].attributes.subject
日本插圖中心免費素材圖庫！超過9700款可愛日式插圖開放下載

# data[].attributes.attachment_link.provider_name
La Vie | 設計美學、生活藝術、創意風格

# data[].attributes.attachment_link.title
日本插圖中心免費素材圖庫！超過9700款可愛日式插圖開放下載 | La Vie

# data[].attributes.attachment_link.description
日本插圖中心（イラストセンター）網站提供免費插圖素材給個人、商家下載使用，而該網站裡的插圖全由管理員R-DESIGN所繪製，截至目前（202…

# data[].attributes.body
網路霸凌防制

數位科技應用安全

個資與隱私保護

霸凌定義

霸凌：指個人或集體持續以言語、文字、圖畫、符號、肢體動作、電子通訊、網際網路或其他方式，直接或間接對他人故意為貶抑、排擠、欺負、騷擾或戲弄等行為，使他人處於具有敵意或不友善環境，產生精神上、生理上或財產上之損害，或影響正常學習活動之進行。

# data[].attributes.headline
Kahoot-問答、遊戲、互動

# data[].attributes.subject
Kahoot-問答、遊戲、互動

# data[].attributes.attachment_link.title
Kahoot! | Learning games | Make learning awesome!

# data[].attributes.attachment_link.description
Kahoot! is a game-based learning platform that brings engagement and fun to 1+ billion players every year at school, at work, and at home.

# data[].attributes.headline
StoryTribe-圖像拼貼、分鏡圖、故事板

# data[].attributes.subject
StoryTribe-圖像拼貼、分鏡圖、故事板

# data[].attributes.attachment_link.description
David and Yunmie invite you to follow their journey as they build the world's best storyboarding app.

# data[].attributes.headline
30 個商用免費圖庫網站，完整大集合！（無版權素材 / 圖片 / 向量圖示 / Icon）

# data[].attributes.subject
30 個商用免費圖庫網站，完整大集合！（無版權素材 / 圖片 / 向量圖示 / Icon）

# data[].attributes.attachment_link.readable_text
這是一篇完整的 可商用「 免費圖庫 」整理清單，挑選的都是知名網站，完全可放心使用。

站長們在設計網站時，可能有大量素材像是圖片、向量圖、Icon 圖示 .. 的使用需求，但卻不知道有哪些資源可用。更多 上傳圖片前的優化流程 。

或者你是否會擔心使用網路圖片的版權問題？怕自己做的圖片不好看，導致每張都需要花費大量時間，從頭設計？

別擔心，我們幫站長們找到眾多真人相片、風景照、Icon、向量圖片等 .. 優質素材網站，希望能幫助站長，在設計網站的道路上更加順利！

話不多說，趕快看看有哪些好用的可商用免費圖庫吧：）
12 個商用免費圖庫網站，完整大集合，影片分享
CC0 授權是什麼？可免費商用嗎？
CC0 授權標示，表示該作品可免費商業使用，且不用標記姓名。
CC0 授權是隸屬於 創用CC授權條款 （Creative Commons license）中的一個著作權聲明。創用CC授權條款總共有 4 個權力，可讓作者公開聲明，保障創作者的著作權。

作者放棄條款中的 4 項權利。讓使用者可享有：自由改作、免費分享、商用、免標記作者的最大權限，這就是 CC0 授權。

以下圖庫分享，大多作品都是 CC0 標示，但因為每個平台的規定都不同，所以可能會出現其他不同層級的創用 CC 授權作品（像是需具名、不可改作等 .. ）。

因此 站長在使用之前，可先確認該作品的創用 CC 規則，以及相關創作和使用法規，才能避免觸法唷！

免費照片素材（風景、人物、食物）

不論是架設 部落格、 官網形象、 電商網站 等 .. 多類型網站，應該都會有大量使用真人、食物、風景照片的需求。

這邊整理了幾個國內外知名的免費圖庫，可自由選擇下載尺寸，而且照片都有品質保證，針對不同的網站類型，都能夠有很好的支援。

話不多說，繼續往下看看有哪些好用免費素材庫吧！

1. Pixabay

Pixabay 是廣為人知，且非常全面的線上免費圖庫，平台提供多種 CC 授權的素材。

它的圖片量非常足夠，除了真人、風景照片外，還有提供一些優質向量圖（插畫）、短影片、音樂等 .. 素材。

雖然網站素材都是免費的（可直接下載使用），但有許多圖片素材是採用不同的 CC 授權標示，因此站長也需留意一下作品的授權。

Pixabay 於 2018 年，被線上設計平台 Canva 收購，所以 Canva 上能使用的圖片，也大多來自 Pixabay。更多 使用 Canva 找尋網站配色 。

因為有大量的無版權的圖片素材，所以很容易找到適合自己網站用的圖片、圖庫，推薦給各位站長：）

Pixabay 也有免費的 Figma 外掛 ，可在 Figma 上瀏覽圖庫，幫你省下不少時間，簡化設計流程。

2. Pexels

Pexels 擁有大量的照片、影片素材，每月大約會新增 200,000 個素材，供站長們使用，且有提供中文搜尋。

作品都由個人用戶上傳，再交由網站進行人工審核。也就是說，圖片品質有做過最基本的把關，而不至於都是一些老舊的免費素材。更多 素材使用規則 。

但 Pexels 規定不允許用戶販售未修改過的圖像、影片素材，或將圖片中的模特和品牌，修改成認可自家網站販售產品，以及在其他同性質平台上轉售素材等 ..，這點站長需額外留意。

除此之外，Pexels 整體的圖片、影片素材都滿有質感的，一樣可免費商業使用，如果你想找優質的無版權素材，使用 Pixels 或許是個好選擇！

Pexels 也有推出免費的 Figma 外掛 ，可在 Figma 上瀏覽圖庫，找到喜歡的就能一鍵插入設計中，推薦大家多多利用！

3. Shutterstock

Shutterstock 是廣為人知的素材圖庫，目前有約超過 3 億張 免版稅（買斷制） 圖像素材，還有約 1000 萬個影片、音樂可授權給用戶，作為商業使用。

如果你常逛設計網站，你應該也會發現這家公司的廣告無所不在，另外它們也收購了很多線上素材公司（像是圖片、向量、影片、音樂、照片等 ..），藉此擴充自己的線上素材數量。

目前 Shutterstock 採收費制，申請試用帳戶，每週即可獲得 1 張免費的圖片素材，第一個月也可自由下載 10 張免費圖片。

雖然並非完全免費，但 Shutterstock 是個高品質的圖庫平台，除了銷售線上素材，也同時鼓勵設計師創作高品質作品，並從中獲得獎勵。

如果你需幫客戶設計案子，或是需建立一個正式的設計檔（或是網站）， Shutterstock 的品質是個好選擇！

4. Unsplash

Unsplash 是一個攝影師交流平台，攝影師可自行創建帳號＋上傳作品照片。

同時也允許使用者在 網站規範 下，免費商業使用照片，且不用標記作者名稱。但禁止出售未經修改的相片，以及使用 Unsplash 內部資源，創建同性質平台。

Unsplash 上有許多精美的無版權風景、人物、物品照片，你也可以創建個人帳號，使用內建功能收藏相片，並整理成資料夾。

如果有喜歡的攝影師，還可透過 Unsplash 聯繫合作，除了是個優質的線上免費素材網站，也是一個很棒的攝影交流平台唷：）

Unsplash 也推出了 Figma 外掛 ，同樣是免費就能使用！能讓你輕鬆在 Figma 上瀏覽並插入高品質圖片，推薦給大家！

5. Flickr

Flickr 是網路相簿網站，可以讓使用者上傳並管理圖片，透過對不同相簿分類，建立了豐富的相簿社群。

在不同的使用者之間，也可在網站上互相留言交流，建立彼此的交流社群。

相片擁有者可自行設定相片的 CC 授權， Flickr 同時也提供搜尋功能，站長可搜尋 CC0 授權圖片並加以運用。

Flickr 的圖片素材，會比較偏向個人的生活分享，或是風景記錄等 ..，如果需要比較寫實一點素材，這也會是個好選擇！

6. StockSnap

StockSnap 提供 10 萬多張以上高清圖片，是一款優質的無版權商用圖庫，可免費下載，且大多都是 CC0 授權，不受版權約束。

每週固定更新數百張照片，在上面可以找到不同於其他平台的照片，若想搜尋不一樣的新圖片，可以使用 StockSnap 看看，相信會有不少收穫。

StockSnap 也提供會員制，若有好的圖片，站長也可上傳至該網站，一起造福更多有需求的人：）

7. NegativeSpace

NegativeSpace 提供大量的照片素材， 官方聲明 作品大多都是 CC0 授權，因此站長可放心使用。

同樣採用會員制，會員可自由上傳照片，並且 NegativeSpace 會進行人工審核，確保上傳的圖片不會有任何版權疑慮。

與 Unsplash 相同，是一款優質的攝影師交流平台，上方也有許多優秀攝影師會上傳自己的作品，如果想挖掘不一樣的素材，或者聯繫攝影師，也很適合使用 NegativeSpace 平台唷：）

8. SplitShire

SplitShire 是一款高品質的免費圖庫網，網站上除了有精美的風景、人物照片，還有多個高畫質影片都可以免費下載！

不論你是在設計網站、App、經營社群媒體或是製作影片，都可以將 SplitShire 的素材用於作品當中，且不需標註出處。

SplitShire 還有提供分類搜尋功能，可以依照自己的需求搜尋符合的照片，加快素材找尋的速度，省下大量的工作時間！

9. Foodiesfeed

Foodiesfeed 是一款專門分享各國美食料理圖片的圖庫，所有照片均可免費下載用於個人或商業專案中。

不論是漢堡、咖啡、冰淇淋、蔬菜等..，都可以在網站上找到多個高品質照片，網站也會推薦類似的照片給你更多選擇。

Foodiesfeed 上還可以找到許多從 Midjourney 生成的 AI 照片，質感都滿不錯的，一樣沒有版權，可以用於任何用途，快前往看看吧！

10. Pik Wizard

Pik Wizard 是一款高品質圖庫網，網站上已有超過一百多萬個圖片和影片，可免費下載用於個人或商業用途。

網站上部分素材左上角會標注 Premium，這是付費才能使用的素材，若沒有標註則可以放心使用！

Pik Wizard 也提供良好的分類搜尋功能，可以輕鬆找到主題素材，大家可以多加利用唷：）

11. Pickup Image

Pickup Image 是一款可免費下載高品質照片素材的圖庫網站，網站上可以找到許多建築、風景、人物等..照片。

你可以複製、修改、轉發網站上找到的照片，用於個人或商業用途都沒問題！且不需特別標注素材來源。

Pickup Image 上除了有人物風景照片外，也有些許插圖素材，都是免版權，可自由下載使用唷：）

12. Life of pix

Life of pix 是一款攝影作品交流平台，和 Unsplash 一樣，網站上有許多攝影師分享自己的拍攝作品給大家。

網站上的照片都可以免費使用於個人或商業用途，若你喜歡某個攝影師的作品，也能透過點擊 Infos 查看攝影師的聯絡方式。

與其他圖庫網不同的地方是，Life of pix 上的照片會標示出照片大小、使用的相機型號、ISO 設定等等..，給對攝影有興趣的朋友參考：）

13. Piqsels

Piqsels 是一款 CC0 免版稅圖庫網站，有大量高品質照片提供個人或商業免費下載使用。

網站上素材種類多元，不論是人物、動物、風景照，或想找設計背景素材，都可以在這裡找到合適的素材。

由於 Piqsels 上的素材量多，建議可使用關鍵字搜尋，找出你需要的圖片主題，網站也有多個關鍵字標籤分類，可多加利用唷！

14. ShotStash

ShotStash 是一款標榜提供 HD 高畫質的免費圖庫網站，網站上除了有風景、食物等照片，也能找到高級感的商務照。

無論你是要建立部落格網站、社群媒體貼文或是其他商業用途，都一定能在 ShotStash 找到滿足需求的照片。

ShotStash 上的素材都是 CC0 可免費下載用於個人或商業用途，不需註明出處，大家盡情瀏覽下載吧！

15. Hippopx

Hippopx 是一款 CC0 免版權圖庫網站，在這裡可以找到風景、美食、寵物、電腦裝置等..高品質照片素材。

Hippopx 上的照片素材有多種尺寸，還幫你分類好桌電、筆電、手機等各種裝置適合的尺寸大小，你可依據設計需求，選擇下載的尺寸。

Hippopx 提供的照片可免費用於個人或商業用途，不需標註圖片來源。你可以輕鬆使用中文輸入關鍵字，找到適合的照片素材。

免費圖片（插圖、向量圖）、Icon 圖庫

除了使用真人、實景照片需求，有時也可能會需使用向量圖、插畫裝飾版面，或是網站設計風格不太適合使用攝影照片，比較適合可愛插畫等 .. 。

除此之外，在主選單、側邊欄等 .. 地方，使用小圖示（Icon）可增添活潑度，對於網頁設計有不錯的加分成效。更多 網站架設教學、 免費 Icon 圖示網站 。

為了幫助站長，犬哥網站整理了幾款向量圖、Icon 圖示（圖標）庫資源，內容包含免費＆付費的都有。

話不多說，往下看看有哪些好用資源吧！

1. Freepik

Freepik 是一款國外知名且優質的素材圖庫，提供向量圖、照片、PSD 文件、Icons、背景圖等 .. 大量素材。

它有提供每日一定數量的免費下載，但需要標記作者以及網站名稱，才能夠合理使用。

Freepik 以向量圖為最主要的特色，以英文關鍵字下去搜尋，幾乎都會有豐富的資源，可供站長在設計時發揮使用。

如果你有大量的向量素材使用需求，Freepik 也有提供會員制，可享有不限數量的全網站素材下載，而且不用標記作者名稱。可前往 Freepik 方案 了解更多。

Freepik 近期也搭上 AI 熱潮，推出 AI 生成圖片功能 ，可免費使用，大家可以試試看囉：）

此外，強大的圖庫網站 Freepik 還有推出免費的 Figma 外掛 ，可輕鬆搜尋並插入圖片於設計中，也可透過顏色分類篩選照片，或隨機插入高品質照片，推薦給大家！

2.unDraw

unDraw 是一款免費優質 扁平化設計 向量圖庫，收錄大量簡約插圖，站長可自由下載 SVG / PNG 格式。

好處是無需標示出處，亦能用於商業用途。

unDraw 可在線上調整配色，使插圖貼合網站視覺設計，不論是要用作 UI 設計或是網站插圖，都非常方便。

目前插圖都在持續更新當中，若有使用免費素材需求，不妨每天上去看看，相信會有不少驚喜唷：）

3. Flaticon

4. Iconfinder

Iconfinder 是知名的 Icon 圖標庫資源網站，有成千上萬的免費以及付費資源。

站長也可註冊會員，上傳自己設計的 icon 圖示檔案包，販售或供他人免費使用。

要特別注意的是， Iconfinder 中的所有檔案包，因為都是由個別的設計師上傳，因此是否需要標記作者、出處、可否商用等 .. ，不同 icon 圖示資源都會有不同規定。

所以站長在使用之前，也需要先檢查一遍 icon 檔案包的版權規則。

Iconfinder 的圖標資源一樣很豐富，如果想查詢大量不同的 Icon，也能來到這裡尋找唷！

5. IconStore

IconStore 是免費優質的圖示搜集網站，有蠻多不同風格的 CC0 圖示，大多偏向線條簡約風，適用於各種類型的網站。

使用者無須擁有帳戶，即可免費下載，當然也可申請帳戶，自由投稿你製作的 icon 圖示包。

如果需要將圖示用於品牌核心設計（例如：Logo）就需要徵求作者同意。更多 版權規則 參考。

至於其他用途（像是放置於主選單、網頁平面設計等 .. ），只要是在合理使用的範圍，站長們都可以放心使用唷！

6. TW Icon Fonts

TW Icon Fonts 是一款以台灣旅遊景點做發想的開源 Icons 網站，由兩位住在台灣的日本人和英國人開發，創作目的是為了將台灣的魅力，分享給世界所有人。

網站上可以找到各種台灣旅遊相關 Icons，像是 101 大樓、天燈、珍珠奶茶等..，各種可以代表台灣的可愛圖示。

由於創作目的是為了推廣台灣，所以網站上的所有 Icons 都不需付費，可以免費使用於個人、商業創作，甚至還能重製。

網站開發者也持續在更新、推出更多服務，若你正在製作台灣相關的設計，非常推薦使用唷：）

7. Iconoir

8. Boxicons

Boxicons 是一款專為網頁設計的 Icons，網站上除了提供 PNG 檔案下載，還能直接複製 HTML 程式碼，貼到你的網站程式碼中。

Boxicons 的 Icons 都可以自由變更顏色，還可以旋轉圖示、加入動態效果，調整完後就能輕鬆複製 HTML 程式碼。

Boxicons 目前有超過一千多種 Icons 選擇，包含網站常用功能（首頁、搜尋、購物車等）、知名企業 Logo、表情、食物等..，應有盡有，大家可以自行前往查看：）

9. 3D ICONS

3D ICONS 是一個提供多種開源 3D 素材的網站，不需付任何費用，就能將 3D 素材使用在個人或是商業專案內。
網站目前提供多種樣式的 3D Icons 素材，質感都非常不錯，且都是 CC0 開源素材，代表下載素材後，你可以再自行改作、調整素材樣式。
3D ICONS 上的素材有四種配色風格，有繽紛配色、漸層配色、全白配色或是質感的黑金配色，讓你自由選擇。

3D ICONS 也推出了 Figma 外掛，同樣是免費就能使用，你可以輕鬆在 Figma 上加入各種配色的 3D Icons，還能選擇不同角度樣式！推薦給大家！

10. Material Symbols

Material Symbols 是一款由 Google 推出的 Icons，和 Google Fonts 一樣，可以下載檔案或是直接複製程式碼放到網站中。

Material Symbols 目前有超過三千多種 Icons，每種圖示也有 3 ~ 4 種不同的樣式，你也能自行調整線條的粗細、大小等..。

Material Symbols 還有推出 Figma 外掛，若你是習慣使用 Figma 設計的朋友，可以搭配使用唷！更多 Figma 中文教學 。

11. IconScout

IconScout 是國外知名的素材網站，網站上提供超過百萬種素材資源，包含插圖、動畫、3D Icons 等..。

IconScout 上的 3D Icons 就多達二十幾萬種，有免費及需要付費的樣式，下載前需注意。
IconScout 提供人物角色、電商插畫、Emoji、幾何圖形等..多種樣式的 3D 素材，同類型的素材還會整理在一個素材包內，讓你一次下載整套的 3D Icons 超方便！
IconScout 還有一個很方便的功能，就是可以直接複製 3D 素材，然後貼在你的設計上，不需下載到電腦上佔用空間 ，對設計者來說是個很方便的功能，也是免費就能使用，大家可以試試看唷：）

IconScout 也有 Figma 外掛 ，免費版有使用數量的限制，稍微可惜了一點。

但 IconScout Figma 外掛可選擇插入 PNG 或 SVG 圖示，還能搭配 Lottie 動畫呈現，滿實用的！有興趣的朋友可參考看看囉！更多 Lottie 是什麼 。

12. Noun Project

Noun Project 是一款強大的 Icons 網站，有超過百萬個 Icons，由來自世界各地的設計師所創作。

Noun Project 提供 PNG 及 SVG 兩種檔案下載。除了 Icons 外，Noun Project 也提供高品質的照片素材，方便你一站就將素材找齊！

Noun Project 提供免費版本，不過免費版會需要標註圖源出處！或是可考慮付費升級，就不用特別標註，還能調整編輯 Icons 樣式，有需要的朋友再參考就可以囉。

13. Khagwal 3D

Khagwal 3D 是一款 3D 插圖素材網站，網站提供多款可愛的 3D 物件插圖，像是獎盃、購物袋、錢包等..。
Khagwal 3D 的素材有五種不同的配色樣式，每個樣式的質感都滿不錯的，很適合用在各種風格的設計當中。
Khagwal 3D 雖然有官網，但官網目前只有展示介紹功能，不能下載素材，若是想要使用 Khagwal 3D 素材，需要前往 Figma 外掛 。

在 Figma 內，你能盡情使用 Khagwal 3D 的所有素材，完全免費，包含五種配色，且每種配色還有五種不同的展示角度可以選擇 ，大家一定要試試！

14. Feather

Feather 是一款簡單的 Icons 分享網站，提供上百種開源 Icons 圖示，可免費下載使用。

你可以在網站上客製 Icons 粗細、顏色、大小，只要調整一次，就能同步套用到所有 Icons，非常方便瀏覽。

點選喜歡的 Icons 就可以直接下載 SVG 檔案，算是滿方便的一款素材網站。

Feather Icons 也有推出 Figma 外掛 ，同樣可以免費下載使用，找到喜歡的 Icons，點擊就能輕鬆插入設計，推薦大家多多利用！

15. Icons8

常見問題

WordPress 學習資源

學習 WordPress 網站架設流程中，或許會遇到一些解決不了問題，可以在下方留言給我，我會盡力協助解答！

接下來，額外分享 3 項架站資源，可有效幫助大家處理網站問題。
資源一：WP 高手架站課（線上課程）
這門 WordPress 高手架站課 濃縮了犬哥多年在網頁設計的實戰經驗，從網頁設計觀念、WordPress / WooCommerce 後台操作、熱門主題.外掛教學、品牌網站 / 部落格 / 電商網站，3 大類型網站建置方法等 .. 豐富內容，一次教會你。

課程內容非常的紮實（長度超過 20 小時）。如果你剛學習自架網站，這門課程可以讓你用最快的速度，就學會這項技能！

幫你增加網路曝光，提高你的線上營收！
資源二：犬哥數位（專業 WordPress 網頁設計公司）
如果你沒時間自己架站、或是遇到解決不了的網站問題。歡迎洽詢 犬哥數位（WordPress 網頁設計公司），請專家製作會更有效率！
資源三：更多犬哥教學資源
如果你在操作過程中遇到問題，可以加入 流量研究室 - 犬哥網站（目前有超過 9000+ 團員）。除了有網友一同幫你解惑外，犬哥團隊也會同步在社團幫助大家。

另外這是送給剛起步經營自媒體的朋友們，不論是經營網站、各類社群等都適用，立即加入 Line 群 免費領取「 神級自媒體起號工具包 」。

如果你想學更多品牌設計、社群行銷知識，也歡迎追蹤 犬哥網站 IG。或是喜歡看影片學習，可關注 YouTube 頻道。

# data[].attributes.attachment_link.title
30 個商用免費圖庫網站，完整大集合！（無版權素材 / 圖片 / 向量圖示 / Icon） | 犬哥網站

# data[].attributes.attachment_link.description
這是一篇完整的可商用「 免費圖庫 」整理清單，挑選的都是知名網站，完全可放心使用。站長們在設計網站時，可能有大量素材像是圖片、向量圖、Icon 圖示 .. 的使用需求，但卻不知道有哪些資源可用。或者你是否會擔心使用網路圖片的版權問題？怕自己做的圖片不好看，導致每張都需要花費大量時間，從頭設計？別擔心，我們幫站長們找到眾多真人相片、風景照、Icon、向量圖片等 ...

# data[].attributes.body
疑遭少年破解得手數十萬 悠遊卡公司：已加強防範

https://www.cna.com.tw/news/asoc/202506260326.aspx

學生學習歷程遭疑造假 陽明交大撤醫學系錄取資格

https://www.cna.com.tw/news/ahel/202506040294.aspx

高中生遭疑科展抄襲 科教館：違研究倫理撤獎項

https://www.cna.com.tw/news/ahel/202506230194.aspx

# data[].attributes.attachment_link.readable_text
（中央社記者許秩維台北23日電）台中一名女高中生錄取台大醫學系，被質疑科展作品抄襲。台灣科教館今天表示，經查學生確實有進行研究，但數據整理、研究報告內容部分違反研究倫理，因此撤銷獎項並追回獎狀獎金。她的繁星推薦錄取大學資格目前未受影響。

台中一名女高中生今年錄取台大醫學系，日前卻在網路社群被質疑，科展作品疑似抄襲指導教授的期刊論文。

台灣科學教育館今天發布新聞稿指出，有關第64屆中華民國中小學科學展覽會及2025年台灣國際科學展覽會的參賽作品「硫下光的成醛-發光二極體促進二硫縮醛合成之研究」，科教館近日召開兩次專業審查會議，並邀請2名作品作者及指導老師到審查會現場說明。

科教館提到，根據2名作者及指導教師陳述，以及實驗操作流程的描述、檢附的實驗日誌、校方提供的學生出勤紀錄等，皆顯示2名學生確實有進行研究，但在數據蒐集及處理、全國科展作品說明書、國際科展研究報告內容部分，有違反研究倫理之情事。

經科教館審慎評估及審查委員專業判定，確認作品有違反研究倫理之實，依據相關規定，決議撤銷該作品於「第64屆中小學科學展覽會」及「2025年台灣國際科學展覽會」參展資格及所獲獎項，並追回獲得的獎狀及獎金，2名作者及指導教師停止參加「中華民國中小學科學展覽會」及「台灣國際科學展覽會」1年。

科教館重申，自111年起已積極推廣研究倫理觀念，在每年中小學科展縣市說明會、高中職科展推廣活動、教師研習、科展報名注意事項等均一再強調和宣導；科教館十分重視研究誠信，呼籲全國師生恪守學術倫理，營造優質且公平的學術環境。

另外，台大校方日前以文字回應，這名學生是透過繁星推薦管道錄取醫學系，這項管道並未採計學習歷程，唯一可能影響的只有面試；然而學生在面試中表現良好，獲得評分教師一致認可，因此目前來看，不影響她的錄取資格。（編輯：陳清芳）1140623

本網站之文字、圖片及影音，非經授權，不得轉載、公開播送或公開傳輸及利用。

# data[].attributes.attachment_link.title
高中生遭疑科展抄襲 科教館：違研究倫理撤獎項 | 生活 | 中央社 CNA

# data[].attributes.attachment_link.description
台中一名女高中生錄取台大醫學系，被質疑科展作品抄襲。台灣科教館今天表示，經查學生確實有進行研究，但數據整理、研究報告內容部分違反研究倫理，因此撤銷獎項並追回獎狀獎金。她的繁星推薦錄取大學資格目前未受影響。

# data[].attributes.headline
Slido-問卷、投票、分析

# data[].attributes.subject
Slido-問卷、投票、分析

# data[].attributes.attachment_link.readable_text
It's how you include everyone
in your meetings

Slido gives you everything you need to engage your participants, capture their views and make everyone feel connected - whether you're running a team call, training or an all-company meeting.

Intuitive and easy

The attendees can join without any logins or downloads, and the setup for hosts takes only minutes.

5+ polling options

With Slido's 5 types of polls, Q&A, quizzes and surveys, you can engage your participants in a variety of ways.

Get started for free

Start with our forever-free Basic plan, or get more from Slido for only €10 per month.

# data[].attributes.attachment_link.description
Slido is the ultimate Q&A and polling platform for live and virtual meetings and events. It offers interactive Q&A, live polls and insights about your audience.

# data[].attributes.attachment_link.description
簡易輸入格式範例： 更多說明 輸入【105訴123】：可檢索所有法院中，含有【105年度訴字第123號】的之判例裁判。 輸入【台北地院105訴123】：可檢索【臺灣臺北地方法院105年度訴字第123號】之資料，或全文含有以下案號格式之判例裁判 （1）臺（台）北地方法院105年度訴字第123號 （2）臺（台）北地方法院一百零五年度訴字第一二三號 （3）臺（台）北地方法院一〇五年度訴字第一二三號

# data[].attributes.headline
Gamma-網頁、文件、簡報

# data[].attributes.subject
Gamma-網頁、文件、簡報

# data[].attributes.attachment_link.title
創意教案-全國法規資料庫

# data[].attributes.attachment_link.description
歡迎使用全國法規資料庫網站，本網站提供各界經由網際網路單一窗口簡單、方便、公開查詢法規資料及各機關法規網站，以達有效管理及公開法令資訊，建構法治社會之目標。

# data[].attributes.attachment_link.title
創意教案-全國法規資料庫

# data[].attributes.attachment_link.description
歡迎使用全國法規資料庫網站，本網站提供各界經由網際網路單一窗口簡單、方便、公開查詢法規資料及各機關法規網站，以達有效管理及公開法令資訊，建構法治社會之目標。

# data[].attributes.attachment_link.title
第17屆全國法規資料庫創意教學競賽要點

# data[].attributes.headline
基隆二信中學 國文樂可渟

# data[].attributes.subject
基隆二信中學 國文樂可渟

# data[].attributes.wish_content.attachment_props.alternative_text
我要Q版的和尚鸚鵡 穿著傳統過年服飾

# data[].attributes.headline
松山工農 生涯規劃科 余曉涵

# data[].attributes.subject
松山工農 生涯規劃科 余曉涵

# data[].attributes.headline
北一女中 公民科 范禎娠

# data[].attributes.subject
北一女中 公民科 范禎娠

# data[].attributes.headline
新北市新泰國中-羅俊驛（資訊/生活科技/視覺藝術）

# data[].attributes.subject
新北市新泰國中-羅俊驛（資訊/生活科技/視覺藝術）

# data[].attributes.headline
蘭雅國中輔導活動科康萃婷

# data[].attributes.subject
蘭雅國中輔導活動科康萃婷

# data[].attributes.wish_content.attachment_props.alternative_text
一幅普普風的畫作，一隻變色龍在熱帶民宅的花園裡

# data[].attributes.headline
前鎮高中 公民與社會 蔡珮均

# data[].attributes.subject
前鎮高中 公民與社會 蔡珮均

# data[].attributes.headline
教育部嘉義縣聯絡處 顏世帆(全民國防)

# data[].attributes.subject
教育部嘉義縣聯絡處 顏世帆(全民國防)

# data[].attributes.headline
北大高中 公民科 李建宏

# data[].attributes.subject
北大高中 公民科 李建宏

# data[].attributes.attachment_link.description
Made with Gamma. A new medium for presenting ideas, powered by AI.

# data[].attributes.body
📌【法律分析範例】以「誹謗罪（刑法第310條）」為例

🟡 1. Who – 誰會遇到這個法律問題？

被害者：明星、網紅、學生、老師、一般社群用戶

加害者：在網路上發表不實指控或惡意攻擊的人（可能是同學、粉絲、陌生人）

🟡 2. What – 什麼樣的行為涉及法律？

在 IG、Dcard、PTT、留言區發表不實或惡意指控

張貼他人照片並加上羞辱字眼

散布別人的私事或編造謠言來攻擊

傳播他人沒有證據的負面資訊（例如「他有性騷擾」、「她整形失敗」等）

📘 對應法律條文：
《刑法》第310條第1項：「意圖散布於眾，而指摘或傳述足以毀損他人名譽之事者，為誹謗罪。」

🟡 3. When – 什麼時候需要知道這個法律？

在發言、留言、轉發貼文、寫評論時

分享別人八卦或謠言時

參與討論名人或同學事件時（尤其是匿名平台）

為了表達憤怒時寫出帶有攻擊性的話語

🟡 4. Where – 在哪些場所會遇到？

社群媒體（IG、Facebook、YouTube、TikTok）

討論區（PTT、Dcard、巴哈姆特）

群組聊天室（LINE、Discord、Telegram）

校園、黑板報、私設粉專、班級匿名信箱

🟡 5. Why – 為什麼要有這個法律規範？

保護每個人「人格權」、「名譽權」，不被惡意傷害

防止假訊息或謠言傷害無辜者

給被害人申訴與法律追訴的保障

建立健康的言論自由與責任平衡

🟡 6. How – 如何正確遵守或處理？

不亂留言、不傳謠、不罵人

若有不同意見，用理性表達，避免人身攻擊

若遭遇霸凌，應保存截圖、證據，尋求家長、老師、警方或教育單位協助

若看見朋友成為受害者，可以主動關心、舉報不當留言

✅ 法條資料：

法條名稱：中華民國刑法

條號摘要：第310條

第1項：誹謗罪：意圖散布於眾而毀損他人名譽者，可處一年以下有期徒刑、拘役或三百元以下罰金。

第3項：若能證明所言屬實者，不罰。

# data[].attributes.body
項目設計內容

策略- 啟發式提問 + 議題導入
- 說明文閱讀策略教學（分析結構與手法）
- 案例法與法律應用討論
- 任務導向學習（查法條、創作倡議）

素材- 課文《愛與死與IG網紅》（說明文）
- 社會事件資料（Sulli、木村花、Paty）
- 全國法規資料庫（刑法310、個資法等）
- IG倡議圖範例

內容- 分析說明文結構與說明手法（舉例、引用、數據等）
- 辨識社會現象：粉絲文化、網紅心理、留言暴力
- 查詢與分析相關法律條文
- 創作數位反霸凌倡議圖

問題- 這篇說明文的主軸是什麼？作者想告訴我們什麼？
- 網紅為何容易被霸凌？我們是否也可能成為加害者？
- 網路留言有什麼法律風險？
- 我們如何保護自己與他人？

引導- 利用5W1H讓學生深入案例與法條分析
- 提供法條查詢工具教學與重點條文整理
- 小組合作討論與任務創作
- 引導學生以正向語言設計留言或倡議內容

連結- 課文主題 ↔ 真實社會事件（社群傷害與死亡）
- 社群行為 ↔ 法律責任（全國法規資料庫）
- 閱讀理解 ↔ 公民素養 ↔ 數位實作（IG倡議創作）

# data[].attributes.body
🧩 發展活動（建議三節課結構）

🟡 第1節：閱讀與議題導入

主軸活動：說明文分析 × 社會現象討論

閱讀文本《愛與死與IG網紅》，標記關鍵句、主旨段、說明手法（如舉例、數據、引用）

小組討論：現代網紅面臨的心理壓力與外界期待

補充案例介紹（如Sulli、木村花、Paty事件）：學生閱讀簡介 + 初步感受交流

全班思辨討論：

網紅與粉絲的關係如何影響彼此？

我們留言的背後，其實是什麼？

🟡 第2節：法律 × 社會 × 自我

主軸活動：法律查詢 × 5W1H 案例分析

教師示範如何使用「全國法規資料庫」搜尋「誹謗」、「公然侮辱」、「個資法」等關鍵字

小組任務：以某個社會事件或模擬情境為例，進行 5W1H 法律分析學習單

全班共學：挑選幾組分享分析成果，補充法律細節與社會觀點

延伸討論：我們身邊有哪些類似現象？留言真的無害嗎？

🟡 第3節：倡議與創作

主軸活動：數位表達 × 社會倡議

教師展示 IG 限動倡議圖範例（可用我剛幫你製作的那張）

學生小組設計：

主題口號

圖文設計概念（內容須回應法規＋倡導正向言論）

可使用 Canva、手機 IG 編輯或手繪製圖

全班分享：IG限動成果發表 + 意圖說明

教師回饋總結：我們如何從文字與法律中學習做一個「有責任的表達者」

# data[].attributes.attachment_caption
行政院農委會─2024我國遠洋漁業概況

# data[].attributes.headline
我們的餐具是否在流血？(地理&數學)

# data[].attributes.subject
我們的餐具是否在流血？(地理&數學)

# data[].attributes.body
素材：

-2024/10/2新聞頁面「血汗海鮮？美國3度列台灣遠洋漁獲進強迫勞動清單」

-美國勞動部官網公布的童工及強迫勞動製品清單(List of Goods Produced by Child Labor or Forced Labor)

-我國遠洋漁業概況：產量、產值的世界占比

-ILO(國際勞動組織)十一項強迫勞動指標

-《罪行海洋》序文

-《血汗漁場》試讀文

引起動機：

新聞連結到美國勞動部官網

教學策略：

以ILO(國際勞動組織)十一項強迫勞動指標檢視兩份閱讀文本，可得(1)泰國、臺灣遠洋漁船上涉及約7-9項強迫勞動；(2)缺工、過漁導致境外聘雇機制出現；(3)臺灣為世界第二大船隊國家，被世界主要市場要求改善漁工勞動條件

問題：

面對自己染血的餐具，我國產官消如何改善漁工海上的工作環境？

# data[].attributes.attachment_caption
國立台灣海洋大學食品科學系─漁業產銷概況

# data[].attributes.headline
我們的餐具是否在流血？(地理&數學)

# data[].attributes.subject
我們的餐具是否在流血？(地理&數學)

# data[].attributes.body
教學策略─小組透過閱讀理解策略報告：

(1)監察院110年「糾正外交部、勞動部及行政院農業委員會漁業署」之調查報告或新聞稿

(2)農業部漁業署111-1122年「漁業與人權行動計畫」

(3)政府與非政府（ILO、IOM）合作備忘錄（MOU）

(4)透過「全國法規資料庫」了解相關法律修法的歷程，理解國際法內法化目的

【最新草案】

農業部公告：114-07-02預告「申請劍旗魚進出口及再出口注意事項」修正草案(預告終止日 114-09-01) 意見表達

1. 人口販運防制法：內政部移民署

2. 投資經營非我國籍漁船許可辦法：農業部漁業署

3. 非我國籍漁船進入我國港口許可及管理辦法：農業部漁業署

4. 境外僱用非我國籍船員許可及管理辦法：農業部漁業署

# data[].attributes.attachment_link.description
Made with Gamma. A new medium for presenting ideas, powered by AI.

# data[].attributes.headline
歡迎老師提供您的回饋建議～

# data[].attributes.subject
歡迎老師提供您的回饋建議～

# data[].attributes.attachment_link.title
全國法規資料庫競賽-教學好想法工作坊活動滿意度調查

# data[].attributes.attachment_link.description
很感謝老師您的參與，爲瞭解教師們在本次由法務部及教育部共同舉辦法規教案設計工作坊活動之滿意程度，特實施此次問卷調查結果，將做為後續活動修正之參考，期盼您熱心提供寶貴的意見與想法。謝謝您的合作！

# data[].attributes.body
利用Sildo即時反應，讓學生表達對IG限動的感受，進一步引發學生思考📌 法治教育的評量，真正要評的是什麼？

✅ 不是背法條，而是理解言論的法律邊界與責任

→ 學生不需記憶《刑法》第幾條，而是能理解：什麼情境下，言論會變成法律責任？什麼是「言論自由」的限度？

✅ 不只會判斷對錯，更能說出為什麼這樣說話會造成傷害或違法

→ 與其判斷「這句留言對還是錯」，我們更希望學生能說出理由：它為什麼構成霸凌？它侵犯了誰的權益？法律怎麼看這個行為？

✅ 不僅是個人表現，更重視與同儕一起找出解方

→ 法治教育不是讓學生當「糾察隊」，而是鼓勵他們透過討論與角色扮演，去思考怎麼讓網路空間更安全、有尊重。

✅ 不只看課堂上寫得多好，更看生活中能不能做到一點改變

→ 重點不在於設計出多漂亮的倡議圖卡，而是學生在看留言、寫留言時，是否真的多想一秒鐘，是否從被動變成主動守護網路環境的人。

# data[].attributes.headline
我們的餐具是否在流血？(地理&數學)

# data[].attributes.subject
我們的餐具是否在流血？(地理&數學)

# data[].attributes.body
學習任務：

(1)訪問營養午餐秘書，追溯營養午餐的海鮮供應來源？

(2)生成「改善海上勞動條件」之社群網站倡議圖文

# data[].attributes.attachment_link.description
Made with Gamma. A new medium for presenting ideas, powered by AI.

# data[].attributes.body
https://gamma.app/docs/17-ijre92cm26hla8n

# data[].attributes.attachment_link.description
Made with Gamma. A new medium for presenting ideas, powered by AI.

# data[].attributes.attachment_link.description
Made with Gamma. A new medium for presenting ideas, powered by AI.

# data[].attributes.attachment_link.description
Made with Gamma. A new medium for presenting ideas, powered by AI.

# data[].attributes.attachment_link.description
Made with Gamma. A new medium for presenting ideas, powered by AI.