I

全國高職學生 105 年度專題暨創意製作競賽

「專題組」作品說明書

群別：商業與管理群

作品名稱：時事星球

關鍵詞：時事議題、動畫設計、多媒體網站

I

目 錄

摘要 ...................................................................................................................................................... 1

壹、緒論 .............................................................................................................................................. 1

一、研究動機 .............................................................................................................................. 1

二、研究目的 .............................................................................................................................. 1

三、研究方法與流程 .................................................................................................................. 2

貳、文獻探討 ...................................................................................................................................... 2

一、健康飲食 .............................................................................................................................. 3

二、霸凌事件 .............................................................................................................................. 3

三、家庭暴力 .............................................................................................................................. 4

四、環境污染 .............................................................................................................................. 4

五、電腦軟體應用技巧 .............................................................................................................. 4

參、專題設計 ...................................................................................................................................... 5

一、專題網站架構圖 .................................................................................................................. 5

二、專題實務製作過程說明 ...................................................................................................... 5

三、動畫腳本設計 ...................................................................................................................... 6

四、「時事星球網站」設計說明 ............................................................................................ 14

肆、專題成果 .................................................................................................................................... 14

一、網站版面設計 .................................................................................................................... 14

二、動畫設計 ............................................................................................................................ 17

三、Line貼圖設計 ................................................................................................................... 18

四、線上推廣網站 .................................................................................................................... 18

伍、結論與建議 ................................................................................................................................ 18

一、結論 .................................................................................................................................... 18

二、建議 .................................................................................................................................... 19

三、實施對策 ............................................................................................................................ 19

陸、參考文獻 .................................................................................................................................... 20

II

圖目錄

圖 1 研究流程圖 ......................................................................................................................................... 2

圖 2 網站架構圖 ......................................................................................................................................... 5

圖 3 時事星球網站設計說明.................................................................................................................... 14

圖 4 健康飲食動畫 ................................................................................................................................... 17

圖 5 校園霸凌動畫 ................................................................................................................................... 17

圖 6 家庭暴力動畫 ................................................................................................................................... 17

圖 7 環境汙染動畫 ................................................................................................................................... 17

表目錄

表 1 動畫影片製作及網頁規劃與設計 ...................................................................................................... 5

表 2 線上推廣站平台－電腦版及手機版 .................................................................................................. 6

表 3「食在健康」腳本設計....................................................................................................................... 6

表 4「BULLY霸凌」腳本設計 ................................................................................................................... 8

表 5「家庭暴力」腳本設計..................................................................................................................... 10

表 6「生活中的一天」腳本設計 ............................................................................................................. 12

表 7 迎賓頁 ............................................................................................................................................... 15

表 8 網站版型設計 ................................................................................................................................... 15

表 9 動畫作品介紹 ................................................................................................................................... 17

表 10LINE貼圖設計 .................................................................................................................................. 18

表 11線上推廣網站─電腦版及手機版 .................................................................................................. 18

表 12實施對策方案 ................................................................................................................................. 19

1

【時事星球】

摘要

現在新聞報導的熱門議題，與日常生活息息相關，例如：不當飲食習慣讓健

康亮起紅燈，霸凌關係產生身心恐懼而發生悲劇、因情緒管理 EQ不佳而導致暴

力事件，甚至環境污染與破壞帶來人類無法預測的災害。因此，本專題以「時事

星球」為主題發展，本專題團隊將高職所學專業技能，Flash、Illustrator、SAI

等軟體，開發多媒體網站及逐格動畫影片。從文獻探討進行時事議題取材，選定

動畫主題及腳本撰寫，動畫作品包含「健康飲食」、「家庭暴力」、「校園霸凌」、

「環境汙染」。隨著現在網路化，建置動畫、多媒體網站，結合雲端科技應用，

讓社會大眾動動手指就能輕鬆進行時事議題學習，以活潑生動方式帶給大家省思

與啟發，共同關懷生活週遭的重要時事議題。

關鍵字：時事議題、動畫設計、多媒體網站

壹、緒論

一、研究動機

本專題團隊利用假日共同討論主題，發現許多時事在現實生活中與我們有密

切的關聯。由於現在社會議題非常多元，近年來食安問題引起健康飲食的重視、

校園霸凌事件不斷傳出，隨著科技進步，霸凌也開始慢慢在網路盛行、家庭暴力

事件不只侷限於大人對小孩施暴，甚至還出現兒女因為金錢問題傷害父母。此

外，環境污染不只影響我們的心理與生理，同時影響到居住在地球上的生物等，

都為這個社會與生活環境帶來極大衝擊。最後，本專題選定「時事議題」為探討

主題，透過查閱書籍和網路統整時事相關資訊。專題技術以 SAI進行繪圖軟體繪

製物件、Flash 建置多媒體網站及動畫設計，以短篇動畫及網站進行推廣，呼籲

人們重視與我們密不可分的「時事星球」。

二、研究目的

本專題以探討時事議題為藍圖，設計短篇動畫，及建置多媒體網站，從動畫

中引導大眾了解現行所重視的社會議題，探討時事議題包含：食安風暴的波及、

校園霸凌事件、家庭暴力以及環境污染。

本專題研究目的歸納如下：

(一)探討現行的時事議題

(二)體認社會危害的問題

(三)時事議題對我們產生的影響

(四)動畫腳本設計與動畫製作

(五)進行多媒體網站規劃與設計

(六)透過網站及動畫的推廣，讓大家更加了解時事議題的解決與預防。

2

三、研究方法與流程

(一)研究方法

1.文獻探討法：本研究藉由網際網路、書籍、報章雜誌…等相關資訊來蒐集

彙整資料，並進行時事議題的取材及動畫腳本撰寫。

2動畫繪製與設計：以健康飲食、家庭暴力、校園霸凌、環境汙染等時事為

主題設計進行故事劇本發展，結合 Flash動畫軟體繪製生動活潑的短篇動畫。

3.實務網站設計：運用 Flash技術建置多媒體網站，其版面設計是以「星球」

為核心概念，主要分成健康飲食、霸凌事件、家庭暴力、環境汙染等四個行

星，每個行星代表不同時事議題的探討，傳達生活中的時事議題都會圍繞著

地球，然而這些議題對人與社會有何影響，及提供改善方法等相關資訊。

(二)研究流程圖

圖 1研究流程圖

貳、文獻探討

本專題想以傳達正確觀念為主，怎麼吃的健康、杜絕霸凌與防範、面對到家

暴這類的事應該如何尋求協助，少做傷害地球的事應該要節能減碳、環保愛地球

才能永續發展。此專題時事議題研究，以「健康飲食」、「霸凌事件」、「家庭

暴力」、「環境汙染」等四大行星為動畫發展主題，透過高職專業課程所學 Flash、

Illustrator、Photoshop 等軟體技術，進行「時事星球」多媒體動畫網站實務設計，

並結合雲端資源應用與智慧型手機掃描 QR code，即可隨時連結 Weebly線上推

廣網站瀏覽時事相關資訊。

3

一、健康飲食

隨著時代的變遷，外食族群越來越多，不論稚齡兒童、青少年或分秒必爭的

上班族，皆獨愛速食的餐飲，業者看準這種商機賺取更多利潤，經常推出促銷活

動、新商品或是創新口味來吸引消費者，由於現在的食品多數都是加工過的，食

物中含有多種的人工色素與化學添加物。另外，現在的人也常忽略健康與運動的

重要性，使得罹患慢性病的機率也持續增加。然而，均衡飲食是每天都必須注意

的，現在的人重視吃的「健康」而不是吃出「問題」，由於食安問題嚴重，許多

人則轉為自行栽種有機食品，甚至有業者藉著這種商機開始推出有機與健康的食

品，有機食品是不使用化學合成農藥、化學合成肥料、基因改造生物、動物及植

物生長調節劑等非天然物質的農產品生產加工過程。實際案例：神鮮蔬果餐飲、

自創有機品牌-宜蘭青農返鄉築夢

二、霸凌事件

霸凌是一種有攻擊行為意圖的現象，通常發生在肢體上、言語上、網路上等，

而霸凌並不是偶然發生，是長期性且常常發生的事件。校園霸凌事件層出不窮，

尤其在校學生受到欺負，可能發生逃學、情緒低落，甚至自殺等負面行為，會讓

學生變得自卑、孤僻、扭曲他人的人生觀，有些則會有想報復的心態造成惡性循

環，絕對不可以忽視。以眾人皆知的卡通影片哆啦 A 夢為例：故事裡的主角大

雄經常被小夫、胖虎欺負，遭受欺負的大雄都會向哆啦 A 夢尋求協助。在現實

生活中過於缺少像哆啦 A夢一樣會幫助霸凌受害者的人，導致霸凌者過於囂張，

造成受害者無法脫離霸凌的陰影，所以當自己或他人遭遇到霸凌時，應該立即尋

求協助，例如：蒐集證據、諮商室尋求輔導老師協助，或是任何可以信任告知的

大人。實例案件：玫瑰少年事件、楊又穎網路霸凌事件

霸凌的種類分為以下幾種：

(一) 關係霸凌：是指生活中最常見也是最常忽略的，通常是同儕之間互相排

擠、散播不實的謠言，或是離間小團體的成員。

(二) 言語霸凌：透過言語來嘲笑或諷刺他人，這種方式容易使他人心理受到

創傷，雖然在表面上看不到傷口，卻帶給受害者比肢體上更嚴重的傷害。

(三) 肢體霸凌：通常身體上會帶著明顯傷痕，不管是推、踢、毆打、搶奪財

物等，是最令人恐懼的。

(四) 性霸凌：只要是對他人的性別、性取向、性象徵作為取笑、評論、侵犯

身體甚至是傳遞與性有關的紙條或謠言的行為，例如：性侵害、阿魯巴、

校園裡大開黃腔。

(五) 網路霸凌：隨著網路的普及，從原本生活中常見的霸凌，至今已開始蔓

延到網路上，是另一種新興的霸凌方式就是網路霸凌，在網路上散佈不

實謠言、留下辱罵或嘲笑的字眼等。

4

三、家庭暴力

家庭暴力是指家庭成員之間實施精神上、身體上的不法的傷害或家庭內的性

虐待。有些原本是一個和藹可親的家庭，但因為工作或經濟壓力，而尋找錯誤的

方式來紓解，像是喝酒、吸毒或是把氣發洩在家人身上，會讓小朋友產生錯誤的

觀念，而這個問題開始被重視。家庭暴力多半是施暴者處於有壓力的狀態或家庭

關係複雜，受虐者通常身上會出現傷痕、作惡夢、焦慮、緊張等情況，嚴重則會

有生命危險，可能會對受虐者以後的家庭有很大的影響，甚至把自己所承受的反

應在自家人身上，不管是自己或他人遭受到暴力行為時要趕緊蒐集證據、報案處

理，千萬不可以輕易忽視。實例案件：鄧如雯殺夫案

四、環境污染

隨著時代的變遷，科技日新月異，帶給人們許多方便卻也製造不少的負面影

響，伴隨現代科技的發展而帶來了環境污染，這些環境的汙染帶給我們無法預測

的災害。

空氣汙染，由於現在工業時代蒸蒸日上與交通工具便利的關係，排放廢氣的

含量歷年增加，例：發電廠、汽機車、工業廢氣、燃燒塑膠製品等汙染，都會造

成臭氧層破洞的因子使紅外線照射在地球表面，地表溫度上升，讓北、南極冰山

融化導致海平面上升。近年來政府實施宣導多搭大眾運輸工具、減少使用塑膠的

使用，以環保袋代替塑膠袋等方式，減緩臭氧層破洞。實例案件：地球暖化危機。

水汙染，由於現在工廠私自排放廢水的情形越來越頻繁，導致河川汙染

更加嚴重，例：優養化是從水中的營養鹽如氮、磷等過量，導致藻類大量繁殖，

而引起水質惡化，魚蝦大量死亡的情形，為了不再讓水汙染更加惡化，所以政府

必需嚴格把關、健全地下水保護、不將垃圾隨意倒入在河川裡等方式，已達到保

護的效果。實例案件：高屏溪汙染事件。

噪音汙染，會損害聽覺的神經細胞，使聽力逐漸下降，引起耳鳴，嚴重則

會永久性失聰。為了避免我們的聽力受損，必須要有解決之道，例：不超過訂

定的分貝、防噪隔離板、限制車速、設計消噪聲輪胎。

五、電腦軟體應用技巧

本專題團隊運用高二多媒體課程所學「Flash」、「Illustator」、「Photoshop」

等動畫實務設計軟體技術，進行動畫及網站實務開發與設計。Flash 是全球第一

個商用的二維矢量動畫軟件，因為運用向量運算的方式，占用存儲空間較小，被

大量用於互聯網網樣的動畫設計。使用 Flash創造出的影片有特殊書的 swf格式，

並號稱全世界 97%的瀏覽器都內建 Flash 播放器。Flash CS6 開始納入物件導向

程式，對使用者的角度，是目前最好的前端技術。因此本專題實務設計軟體，以

Flash來製作網站及動畫設計。

5

本專題實務設計部分，運用 Flash 撰寫 ActionScript 2.0 語法提高與使用者互

動模式，搭配 Illustrator、SAI等軟體繪製動畫元件匯入 Flash 進行動畫編輯，讓

整體動畫視覺畫面更加活潑生動。然而，動畫製作原理最主要以「逐格動畫」方

式呈現，「逐格動畫原理」是將每幀不同的的圖片連續播放，而產生動畫效果，

也利用傳統補間動畫製作更快速、更順暢。再搭配雲端資源建置 Weebly線上推

廣網站，使用者可透過智慧型手機掃描 QR code即可取得時事動畫等相關訊息。

參、專題設計

一、專題網站架構圖

圖 2網站架構圖

二、專題實務製作過程說明

(一) 動畫影片製作及網頁規劃與設計

1. 電腦軟體：Flash CS6、Flash CS5

表 1動畫影片製作及網頁規劃與設計

動畫影片製作－以「校園霸凌」動畫為例 網頁規劃與設計－「時事星球」多媒體網站

技術說明：先將 SAI 繪製好的圖層匯入，接著將

原件打散，加入移動補間動畫調整人物肢體動

作，並在 Flash CS6 調整時間再配上音樂。

技術說明：先將 Illustrator CS5 繪製好的圖層匯

入，並將每個圖案存成原件，最後加入語法及動

畫。

6

(二)建置 Weebly線上推廣網站－lovestar201699.Weebly.com

表 2線上推廣站平台－電腦版及手機版

電腦版 手機版

QR Code

三、動畫腳本設計

(一)作品名稱：健康飲食－食在健康

表 3「食在健康」腳本設計

場/景 音效 說明 特殊技術

背

景

音

樂

小孩子在電視機偶然看到速

食廣告

傳統補間動畫

爸媽帶小孩去超市被很多各

式各樣的糖果、餅乾吸引。

看到了電視機的速食，因為

玩具所吸引，所以吵著要吃

速食。

自從買零食之後，小孩子每

天都不吃正餐。

7

場/景 音效 說明 特殊技術

背

景

音

樂

小孩子在一個月的時間內，

體重增加了很多，加上長期

飲食不均衡，肚子痛去看醫

生

小孩子開始正常飲食，不碰

零食

逐格動畫

除了均衡飲食，也開始跑步

減肥

小孩子聽了醫生的話，均衡

飲食加上運動成功瘦下來 傳統補間動畫

宣導擁有正確飲食概念，維

持身體健康才能使家庭更加

美滿

8

二、作品名稱：校園霸凌－Bully霸凌

表 4「Bully霸凌」腳本設計

場/景 音效 說明 特殊技術

嘆

氣

聲

女主角幾乎每天被霸凌，每

當要進教室前，只能無能為

力的嘆氣

逐格動畫

背

景

音

樂

一進教室，就看到自己的桌

子被別人塗鴉

惡作劇的人是班上三人小組

總是欺負女主角

有一天午休，混混三號因為

無聊，所以想到要如何惡整

女主角

拍照聲

＋

背景音樂

惡作劇完後拍了照片上傳到

FB。

9

場/景 音效 說明 特殊技術

背

景

音

樂

女主角有天在逛動態，偶然

發現自己被惡整的照片被上

傳到網路上

逐格動畫

女主角委屈地流下眼淚。

女主角開始回想之前所被欺

負的畫面

這些傷害，造成女主角害怕

的一直往後退

組員 D

配音

最後呼籲大家避免霸凌事件

一再發生

10

(三)作品名稱：家庭暴力

表 5「家庭暴力」腳本設計

場/景 音效 說明 特殊技術

背

景

音

樂

以陰森的城堡以及蝙蝠作為

開頭

逐格動畫

小孩子躲在牆角發抖

有個怪物喝完酒拿了酒瓶砸

向小孩子

酒瓶雖然沒有砸中小孩子，

但卻被酒瓶的碎片割到

喝醉酒施暴對小孩子來說父

親就跟怪物一樣

11

場/景 音效 說明 特殊技術

背

景

音

樂

爸爸因為心情不好，開始鞭

打小孩

逐格動畫

電話按鈕只剩 113 這三個按

鈕，準備去拯救小孩子

電話跳了跳吸引小孩子注意

小孩發現後抬起頭，拿起電

話尋求協助

組員 D

配音 宣導 113保護專線的重要性

傳統補間動畫

12

(四)作品名稱：環境汙染－生活中的一天

表 6「生活中的一天」腳本設計

場/景 音效 說明 特殊技術

背

景

音

樂

以生活中的一天來敘述我們

平常的日常生活對地球的影

響

逐格動畫

兔子剛起床覺得肚子餓，所

以決定騎摩托車去買早餐

路上到處都是工廠及汽車，

我們的生活品質遭受到汙染

兔子回到家覺得很熱，於是

開了冷氣並調到最低溫

環境污染導致地球暖化

13

場/景 音效 說明 特殊技術

背

景

音

樂

筆嚇到，趕緊畫上路地

逐格動畫

冷氣只要 26度就好

盡量走樓梯代替電梯

摩托車可以代替腳踏車

宣導節能減碳，人人從日常

生活小事做起

14

四、「時事星球網站」設計說明

圖 3時事星球網站設計說明

肆、專題成果

一、網站版面設計

(一)迎賓頁

1.設計理念：呼應主題「時事星球」，將四個主題分別以每顆星球作為代表，並

以太空為背景，帶給大家一種要去探險的感覺。

2.技術應用：使用 Illustrator CS5 繪製所有網站元件，再運用 Flash CS5 進行網站

版型設計，並寫入 Action Script2.0 語法，點選四大主題星球超連結

至內頁。

3.網頁內容：以太空為背景由星星和幾顆星球來做裝飾點綴，並用繩子將四顆主

題星球垂吊著。左上角懸掛著主題「時事星球」。

15

表 7迎賓頁

設計說明：以四個星球代表重要的議題，再加上星空的背景來凸顯議題的重要性。

(二)網站版型設計

1.設計理念：四個主題分別用不同色系呈現，是為了方便使用者區分目前是在哪

一個主題的畫面。每個主題的版面也使用不同的風景呈現，使用的

元件都是以簡單的線條來製作，為了避免畫面太過複雜、凌亂，導

致使用者不知道重點到底該放在哪裡。

2.技術應用：使用 Illustrator CS5 繪製所有元件，之後再利用 Flash CS5 排版並寫

入語法。按鈕的部分也使用 Flash CS5 製作動畫，讓滑鼠滑過按鈕

時產生變色效果，讓網頁較為活潑有趣外，也能讓使用者清楚知道

目前是停留在哪個子網頁。

3.網頁內容：四個主題都能透過影片欣賞來瞭解我們想傳達的訊息，並整理歷史

事件以及相關資料為大家做介紹。

表 8網站版型設計

設計說明：此頁主題以健康飲食為重點，並為大家整理出健康飲食、安全守則

以及標章介紹。讓大家對於飲食這部分增加一些小知識。

16

設計說明：霸凌也是在現代常發生的事件，所以以校園霸凌為主題為大家整理

霸凌種類、人際關係以及解決方法等資訊。

設計說明：家庭暴力也是我們不能忽視的重要議題，利用這個主題讓大家瞭解

到家暴的種類、家庭理論以及解決方法。

設計說明：以環境污染為主題，並加入最常見的三大污染，水污染、空氣污染

以及噪音汙染等子網頁為大家做介紹。

17

二、動畫設計

表 9動畫作品介紹

(一)健康飲食篇－「食在健康」動畫影片

1.作品名稱：食在健康

2.動畫時間：2分 27秒

3.軟體技術：利用 Flash 傳統補間動畫

4.設計理念：利用玩具來吸引小孩子食

用速食還有各式各樣的零食，造成小

孩子的飲食習慣不均衡、體重過重。

平時除了要注意均衡飲食，才能使身

體更健康。

圖 4健康飲食動畫

(二)校園霸凌篇－「Bully 霸凌」動畫影片

1.作品名稱：Bully霸凌

2.動畫時間：3分 3秒

3.軟體技術：利用 Flash 傳統補間動畫

4.設計理念：劇本利用肢體霸凌、關係

霸凌及最新出現的網路霸凌來設計，

受害者會因為受不了，因此選擇不正

當的逃避方式，最後呼籲大家一起杜

絕霸凌。

圖 5校園霸凌動畫

(三)家庭暴力篇－「家暴」動畫影片

1.作品名稱：家暴

2.動畫時間：1分 13秒

3.軟體技術：利用 Flash 傳統補間動畫

4.設計理念：這部動畫利用小孩子的角

度，施暴人對單純的小孩來說就像恐

怖的怪物，最後將電話擬人化，幫助

小孩撥打 113 專線。

圖 6家庭暴力動畫

(四)環境汙染篇－「生活中的一天」

1.作品名稱：生活中的一天

2.動畫時間：3分 14秒

3.軟體技術：利用 Flash 逐格動畫

4.設計理念：是以我們日常生活為例，

例如：隨手關燈等，這些幾乎是我們

都可以為地球做的事情，而我們卻常

常忽略。

圖 7環境汙染動畫

18

三、Line貼圖設計

表 10Line 貼圖設計

設計理念：將「生活中的一天」的角色研發出 Line貼圖，利用總是張著大大的嘴

巴、無理頭的形象，希望讓大家能因為這個角色對我們動畫產生興趣。

四、線上推廣網站

(一)電腦版及手機版

表 11 線上推廣網站─電腦版及手機版

線上推廣網路平台

伍、結論與建議

一、結論

當初在擬定主題時，發現現在有許多的社會議題經常出現在新聞或是報紙

上，由於這些議題與我們生活息息相關，所以決定將這些社會議題歸納出來，並

分成四大主題來研究與探討解決方式，並說明的更加詳細。

本專題除了文獻探討外，為了推廣更多並且讓大家更加了解我們研究的議

題，就利用我們所學的繪圖軟體 Illustrator、動畫軟體 Flash 建置時事星球網站、

動畫影片及設計 Line 貼圖，結合協作平台、時事星球網路平台與手機版平台等，

讓大家在這網路發達的時代，可以隨時獲得有效、正確的相關資訊或是把正確觀

念傳達給下一代，減少悲劇的發生，迎向更美好的未來。

19

二、建議

(一)結合教學課程

利用學校課程安排一些社會時事相關科目，讓學生能多元化學習，可以

讓學生瞭解且教導學生正確觀念，甚至達到推廣效果，當遇到類似事件

時，能夠緊急應變，找出適當的解決方法。

(二)周邊商品設計

1.電子繪本：把動畫製作成手翻書，讓年齡較小的小朋友可以邊閱讀邊

學習，傳達正確的觀念。

2.標語書籤：作為贈送的小物品，上面印有關於健康飲食、霸凌、家暴、

環境汙染的標語，例：「杜絕霸凌 人人有責」、「健康

百分百 人生才精彩」。

3.時事貼紙：利用動畫裡的 Q版人物或網頁四大主題星球以及其他版面

元件製自屬於專屬時事的貼紙。

(三)開發線上問答 APP

製作問答小遊戲來增加民眾對於時事的了解，並與店家作結合，若答對

題數通過標準，能獲得消費點數，即可向結合店家換取商品或消費。

(四)推廣線上平台

1.建置 blog網站：隨時更新動態，讓民眾即時獲得最新資訊。

2.建設網路平台：可與手機作結合，讓大家更容易取得並瀏覽。

三、實施對策

表 12 實施對策方案

(一)健康方面

1.藉由政府宣導正確的飲食習慣，並且搭配運動來讓身體變得更好。

2.運用學校在升旗時間表演相關話劇或演講方式來推廣，讓大家知

道健康飲食的原則與重要性。

(二)霸凌方面

1.在學校課程中加入一些有關霸凌課程的議題，並教會學生在事情

爭執上不要以暴力解決。

2.多看一些有關霸凌的影片，建立有效解決方法和預防措施。

(三)家庭暴力方面 1.觀看有關預防家庭暴力的影片。

2.透過政府或是公益團體的宣傳來呼籲大家。

(四)環境方面

1.空氣汙染：懸浮微粒往往造成成空氣品質不良主因，利用政府宣

傳多搭大眾運輸工具降低廢氣的排放量，來減少天空中的懸浮微粒。

2.水汙染：透過環保署嚴格的把關讓工廠不亂排放廢水到溪川、河

流或海裡。

3.噪音汙染：實施噪音污染管制，若超過管制標準即可開罰。

20

陸、參考文獻

(一)動畫網站

1.食妝秀，2014年 5月 20日，取自：https://youtu.be/vpLsuL4kdUY。

2.多喝水多健康，2015年 1月 18 日，取自：https://youtu.be/r4Ijl016P4k。

3. His and Hercules，2016 年 1月 22日，取自：https://goo.gl/VmAL8y。

4. Cat Me If You Can，2015 年 12 月 25日，取自：https://goo.gl/OvEAXp。

5. Cop Out，2014年 10月 24日，取自：https://goo.gl/4ShDgZ。

6. Hey Herman!，2014 年 6月 20 日，取自：https://goo.gl/PtHjWS。

(二)書籍

1.正確學會 Flash CS6 的 16 堂課(2010)，碁峰，台北，文淵閣工作室。

2.正確學會 Illustrator CS6 的 16 堂課(2013)，旗標，台北，施威銘研究室。

3. Flash CS6 躍動的網頁(2012)，旗標，台北，施威銘研究室。

4. Flash動畫設計實感(2010)，碁峰，台北，周國棟。

5.輕鬆學 Flash CS5 動畫設計(2010)，松崗， 台北，采風設計苑。

6.用 Flash玩動畫比你想的簡單(2010)，碁峰，台北，文淵閣工作室。

7.動畫棒棒堂(2007)，旗標出版股份有限公司，台北，葉翊霳。

8.Illustrator IDEA 設計館(2010)，碁峰資訊股份有限公司，台北，IART

DESIGN。

(三)網站

1.衛生福利部國民健康署，104年 11月 30日，取自： http://goo.gl/rTVqu4。

2.均衡飲食 吃出健康，104年 12 月 05日，取自：http://goo.gl/bVAUel。

3.霸凌維基百科，104年 12月 19 日，取自：https://goo.gl/xmOEEj。

4.教育部防治校園霸凌專區，104 年 12月 23日，取自：https://goo.gl/7rJ3QH。

5.家庭暴力維基百科，105年 01 月 16日，取自：https://goo.gl/qL0UE3。

6.土壤及水污染防治科，105年 01 月 21日，取自：http://goo.gl/2nQmkm。

7.水汙染的來源及危害，105年 01 月 21日，取自：https://goo.gl/Lyko3f。

8.空氣汙染維基百科，105年 02 月 01日，取自：https://goo.gl/9xXQ65。

9.噪音汙染，105年 02月 05日，取自：http://goo.gl/TOSNzA。