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「生活中的一天」腳本設計
場/景 音效 說明 特殊技術
背
景
音
樂
以生活中的一天來敘述我們
平常的日常生活對地球的影
響
逐格動畫
兔子剛起床覺得肚子餓,所
以決定騎摩托車去買早餐
路上到處都是工廠及汽車,
我們的生活品質遭受到汙染
兔子回到家覺得很熱,於是
開了冷氣並調到最低溫
環境污染導致地球暖化
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。