實驗材料 一、 研究場域

楊少偉(2007)指出視覺化學習滿足了學生對閱讀的期待，學生喜歡閱讀圖 片，因為，圖片內容是很直觀的、形象的、通俗的，閱讀起來省時、省力，且能 提高學生邏輯思維能力，因它融合了娛樂性、審美性、科學性、人文性、知識性、

教育性為一體。

(一)、虛擬網路霸凌體驗網站

本研究所採用網站內容由國立臺東大學數位與媒體科技學系蔡東鐘教授 編授。在虛擬網站體驗部分針對網友在社群網站中的留言板、討論區的發言 紀錄，經由文獻探討中，符合網路霸凌情式建置於網站內容中，畫面如下圖 所示。

圖4 「網路生活體驗營」網站首頁

網址:http://210.240.128.50/xoops/htdocs/modules/bully/stud.php

網路生活體驗營網站即是以此為出發點，網路生活體驗營網站一開始進入

25

的首頁，首先讓學生拍照，使學生在體驗情境內容時，容易身歷其境，融入 於網站當中(如圖 4)。

圖 5 「網路生活體驗營」網站常態型首頁

網址:http://210.240.128.50/xoops/htdocs/modules/bully/play.php?bully_id=23

「網路生活體驗營」網站內容有部落格、漫畫、臉書、留言板、影片、投票 區、相片館等複合式的情境內容。

圖6 「網路生活體驗營」網站恐怖版首頁

網址:http://210.240.128.50/xoops/htdocs/modules/bully/play.php?sample=ghost

26

圖7 「網路生活體驗營」網站中的部落格 網址:

http://210.240.128.50/xoops/htdocs/modules/bully/pro_blog.php?bully_id=23 研究者透過文獻探討，蒐集相關資訊內容，在部落格中呈現情境式體 驗，學生在體驗過程中，透過 BB FlashBack Express Recorder 軟體，紀錄學生 對哪個段落或者是哪種情境與出現的肢體動作、表情語言等，對其進行編碼 探討。

圖8 「網路生活體驗營」網站中的漫畫 網址:

http://210.240.128.50/xoops/htdocs/modules/bully/pro_carton.php?bully_id=23

27

網路生活體驗營網站中的漫畫是由校園霸凌相關的情境，組合而成之四格漫 畫，學生在閱讀之後，將其觀看心得，書寫於空白處。

圖9 「網路生活體驗營」網站中的臉書 網址:

http://210.240.128.50/xoops/htdocs/modules/bully/pro_facebook.php?bully_id=2 3

由於，社群網站的興起發達，根據文獻探討中指出，現今大部分的網路 使用者，在臉書這一塊的使用是很發達的，故在體驗式網站中，增加了臉書 這一區塊，使學生在情境式體驗當中，更容易融入情境當中。

圖10 「網路生活體驗營」網站中的留言板 網址:

http://210.240.128.50/xoops/htdocs/modules/bully/pro_message.php?bully_id=2 3

28

29

圖11 「網路生活體驗營」網站中的影片 網址:

http://210.240.128.50/xoops/htdocs/modules/bully/pro_youtube.php?bully_id=2 3

由於YOUTUBE 也是許多人會點閱的網站之一，而研究者蒐集相關霸 凌影片，學生在觀看之後，回覆心得至網頁當中。

圖12 「網路生活體驗營」網站中的投票區 網址:

http://210.240.128.50/xoops/htdocs/modules/bully/pro_vote.php?bully_id=23 根據文獻探討中指出，由於學童在使用社群網站的過程中，很容易在社 群網站中的社團，舉辦投票選舉，因隱密性較高，故作風較為大膽，對他人 作人身攻擊。

圖13 「網路生活體驗營」網站中的合成圖 網址:

http://210.240.128.50/xoops/htdocs/modules/bully/pro_ugly_pic.php?bully_id=2 3

易對他人作人身攻擊的霸凌者，在自己本身中的部落格，會仗恃著部落 格人氣較高，張貼一些令人難堪的照片，增加瀏覽度的同時，也達到對他人 進行霸凌之效果。

二、資料蒐集的相關網站

由於網路世界的浩瀚無崖，資料極為繁複，故研究者從中選取以下四個代表 性網站作為代表，選取原因為使用者眾多，符合文獻探討中，易產生網路霸凌之 場域，故以此做為代表，其一為YOUTUBE 影片網站，其二為 FACEBOOK 社群 網站、其三為YAHOO 時尚部落格、其四為無名小站 部落格，透過以上的場域 蒐集探討，希冀從中獲得相關資料。

30

31

圖14 「YOUTUBE」網站首頁 網址：http://www.youtube.com/

圖 15「FACEBOOK」網站首頁 網址：http://www.facebook.com/

圖16 「Yahoo 時尚」網站首頁 網址：http://tw.fashion.yahoo.com/

圖17 「無名小站」網站首頁 網址:http://www.wretch.cc/

32