專題貢獻

專題研究計畫貢獻度

參與人員

工作事項

百分比

指導老師:
黃千娟、徐毓雯老師

1.指導網頁製作方向
2.指導網頁製作技術
3.網頁製作監督

15%

鍾沛蓉、李佩容、方宜貞、陳怡君

林彥丞、高子婷、陳玟潔

1.網頁版型製作
2.各自整理負責資料
3.填寫進度表
4.擬定問卷資料、修改、發放、收 回、統計
5.訂定訪問題目
6.整理訪問資訊並彙整
7.攝影、錄音、拍照
8..編輯網頁內容
9.互相幫忙檢查缺失

75%

鍾沛蓉、陳玟潔

1.網頁排版
2.網頁連結
3.網頁架構製作
4.CSS製作

李佩容、方宜貞、陳怡君、林彥丞

1.檢查錯漏字
2.修改語法及語病
3.內容排版
4.簡報頁內容
5.進度表填寫
6.相關資料查詢

高子婷、鍾沛蓉

1.按鈕設計
2.背景設計
3.插圖設計
4.文字美編

童柏壽老師

受訪、拍照及錄音,提供寶貴意見

10%

 

製作團隊

組長:鍾沛蓉

 

這是我第一次接觸專題這樣一個類型的分組作業,過程中也有用到上高職後學習到的電腦軟體,這也是我第一次製作網頁,當看到網頁成品的時候真的覺得非常有成就感。過程中我們從各處蒐集資料,自己繪製按鈕圖案,不斷嘗試位置高度與大小,才終於製作出我們都滿意的網頁成品。這次擔任這個組的組長,很感謝組員們的配合,雖然我是個不太稱職的組長,但這次的製作過程是人生中一個新鮮的體驗。

 

組員:方宜貞

我是升上高二才開始接觸專題製作的,原本以為可以輕鬆應付,但開始做後才發現並不容易,在製作網頁的過程中,還會用到許多完全沒接觸過的軟體,真的是難上加難,有時候還會與組員產生火花,常常想半途而廢,雖然過程真的很辛苦,但還是學到了許多沒學過的東西,也懂得怎麼與組員互相溝通及合作,每次一做完一部份的網頁就成就感無限,現在一看到我們的成品真的感動到想落淚,希望我們的千辛萬苦做的網頁能夠得到好成績。

組員:李佩容

第一次接觸到專題,第一次做網頁,所有都是第一次,因此非常的新奇而且期望也非常的高。雖然很多操作都是高二才教的,並沒有那麼熟悉,但是因為不斷重複練習與使用,就變得比較熟練。再來就是找資料的部分在一個網頁中,當每位瀏覽者點進去時,真正想得到什麼樣的資料,網路上的資料一查就是一大堆,所以過濾的工程就顯得更重要,設計的部分也得透過瀏覽大量的網頁,去得到靈感。所以網頁說簡單也不簡單,與組員合作也相當重要,因為所有人的分工,才能呈現最為完美的成品。

組員:高子婷

第一次做網頁的過程當中總有許多時刻讓我們傷透腦筋,常常毫無頭緒不知道要怎麼做下去,但每完成一小部分總會帶來無限的成就感,從決定主題、分工合作到查資料、做版型,一道道的關終於一步一腳印走到現在,每一次的討論產生出的火花,不論是好或不好都帶給了網頁從無到有的成果。我覺得這次最讓我印象深刻的是畫按鈕、調背景的色彩,第一次用繪圖板繪圖感覺很不一樣,看似容易卻也必須重視圖案的每個角落,對我來說每個細節都必須細心的描繪,即使在整張畫面看起來不起眼,但是否有耐心地畫出來感覺會很不一樣,而憑空想像圖案對我來說是最不擅長的。不僅大家的無悔的付出才有眼前看到的網頁,老師更是耐心告訴我們他所知道的方法,為的就是想讓我們能呈現出最好的,這次漫長製作過程所學到的事物與相互合作,相信在未來必定能學以致用。

組員:陳玟潔

 

剛開始以為專題製作很簡單,結果非常的複雜又困難,不但會使用到各種以前沒接觸過的電腦軟體,還要花費許多精力在專題上,過程雖然很辛苦,但每做完一小部分的網頁,就感覺非常的有成就感,當看到我們所做的網頁完成時,就覺得一切的辛苦都值得了,經由這次的專題製作,讓我學到了不少新的電腦技巧,謝謝組員們一路上辛苦的付出,也謝謝老師耐心的指導,希望我們的努力不會白費。

組員:陳怡君

經過這次專題製作的課程,我更能了解到製作網頁的人背後辛苦,從資料收集、內容統整、版面設計,最後才終於誕生出一個網頁。一開始我們對於主題並沒有甚麼頭緒,經過討論決定朝著地方音樂藝術類卓想,原本已經敲定以歌仔戲為主題,但發現已有人做過相同的主題,且資訊完整,無法作出在他之上的網頁,於是我們重新出發,以歷史悠久的京劇作為我們本次的專題網頁。不過在查詢資料上卻遇上很大的困難,有些資料台灣並沒有比較深入的介紹,於是得到大陸網站查詢,無奈地區的限制,常常碰壁,所幸有方法得以解決這方面的問題。也謝謝我們這組的同學,幫助我將內容整理更加完善,雖然這一路上很艱辛,但相信大家都是付出心血透入在這課程上,最後我們希望能透過這個網頁能夠年輕世代的人了解京劇的特色,並能保護這個文化讓每個人都能沉浸在京劇的藝術裡。

組員:林彥丞

 

在這組裡面做的是有寫進度表,做網頁的內容,看有什麼要幫忙的就去幫,但是做到最後大部分的時間都要去服務隊,所以做的事比較沒有那麼多,還好有這群好朋友,他們不但沒有抱怨,還幫助我把我弄不完的東西弄完,真的很感謝他們,從這個專題中我學到要互相幫助,遇到困難要一起想辦法解決,因為收穫良多,所以感到很開心,希望這個專題能得到很好的名次。

 

作品日誌

日期 內容 感想
9/20~10/24
 
預定進度:資料蒐集, 網站架構-PPT
實際進度:網站架構表完成

工作分配
方宜貞.鍾沛蓉 網站架構表
李佩容.林彥丞.陳怡君 查資料

遭遇問題
1.京劇的資料過於龐大
2.網頁重複性太高 
3.資料的獨特性不顯著

解決對策
1.資料需要統整與篩選
2.因為網頁大多都有人做過,所以如果我們直接引用,就會構成抄襲,因此我們決定要將收集來的資料加以引申,或找尋相關的資料,將我們的主題與其連結
3.京劇的資料比較有束縛性,因此我們想將此主題活化,以更有趣的方式介紹此主題
今天做完網站架構表,也有一些眉目了,大致知道我們的方向在哪,因此也大致查了一些資料,但發現其實我們的題目與其他人做過的資料有很多相似的地方,這是因為京劇的一些資料都蠻相近,包括了歷史、緣由、禁忌、功法….等等。所以在資料上我們需要找到一些特別的獨家報導,而為了找到這些獨家報導,我們可能會去探訪一些劇團及演員,聽聽他們所親身經歷的戲劇人生及其中的不為人知的甘苦談,製作出獨一無二的網頁。
10/25~11/7
預定進度:補填寫網頁博覽會資料、查詢各自主題之資料、完成網站架構表
實際進度:網頁博覽會資料填寫完成、網站架構表完成

工作分配
方宜貞.鍾沛蓉 填寫網頁博覽會之資料
全部的人查詢各自主題之資料、完成網頁架構表

遭遇問題
填寫完網頁博覽會資料後,發現無法通過審核而得到網頁空間。

解決方法
我們剛開始以為是字數不足,因此複製很多次,後來發現也不是這個問題,由於找不出問題點,但在10/30去看時已審核完畢,我們得到了該有的網頁空間。
這是我們第一次參加網界博覽會,因此有許多不知道的事情和流程.感謝指導老師循循善誘一步一步讓我們能成功報名並填寫資料獲得網頁空間.且當我們有問題的時候她也會馬上給予協助解決問題,由衷感激老師。填寫網界博覽會資料時,卻無法審核通過,所以我們就一而再,再而三修改到通過為止。查詢自己主題的資料時,花了很多時間整理,因為不能夠完全抄襲,自己要經過消化吸收,轉換成自己的話打出來,所以下了很多的心思去修改和尋找。網站架構表需等到大家確定主題之後,就把確定的主題做成表格。

11/8~11/21 預定進度:完成各主題的資料,完成網頁設計圖,製作問卷
實際進度:完成各主題的資料,完成網頁設計圖,製作問卷

工作分配:
全部完成自己主題的資料
方宜貞.陳怡君 完成網頁設計圖
李佩容.鍾沛蓉.林彥丞 製作問卷

遭遇問題
問卷的題目需淺顯易懂,方便受訪者能直接了解題目。

解決對策
查詢許多資料後,大致找到了問題的方向,在設計問卷上盡可能明點主題,使受訪者能容易填答,並和組員討論後篩選出可用的題目。
我們花了很多的時間在尋找及修改主題資料,為了讓這些資料豐富多元,讓大家都看得樂樂陶陶,所以修改了很多次。網頁設計是大家一起討論出比較好看的面板,我們也參考了很多網頁的樣本,使用電繪板畫出適合的背景。問卷的題目,為了不要讓填寫者寫起來覺得很敷衍,所以我們花了很多的時間一起討論出有深度的題目。
11/22~11/28 預定進度:問卷分析,版面設計,網頁串連
實際進度:問卷分析,版面設計,網頁串連

工作分配
陳怡君 版面設計
問卷分析 鍾沛蓉.李佩容
網頁設計 方宜貞
進度表 林彥丞

遭遇問題
1.版面設計要讓人賞心悅目同時也要符合京劇的風格,在設計上較難構思
2.問卷有一題的選項較多所以多花了一點時間

解決對策
1.版面設計參考了很多京劇的網頁,也詢問了很多人喜歡什麼樣的風格
2.問卷使用下課時間把分析用完

在問卷分析的過程中,其實有一些混亂,因為我們不只要統整紙本的問卷還有我們自製的網路問卷,在全部轉到excel裡去做統整,不過多虧有人這方面很強,我們才得以解決問題。至於版面設計和網路串連的部分,不但要想出創新的圖示,吸引別人閱讀我們的網頁,還得在Dreamweaver處理方面下一番功夫。
12/13~12/20 預定進度:問卷圖表製作,網頁連結
實際進度:問卷圖表製作,網頁連結

工作分配
鍾沛蓉.陳怡君 問卷圖表製作
方宜貞.林彥丞 網頁連結
李佩容 進度表

遭遇問題
因為網頁做了有段時間了,大致上已步上軌道了,漸漸熟悉網頁的各項功能選項,因此這週做得很順利,沒有什麼太大的問題。
問卷圖表製作經過些許微調,已大功告成。網頁連結建立因之前已在word修改過,也都是先轉成Dreamweaver 的檔案,故也順利的成功完成各個網頁的連結建立。
12/21~12/27 預定進度:網頁排版.設計及製作連結
實際進度:網頁排版.設計及製作連結

工作分配
陳怡君、李佩容 網頁設計
方宜貞 製作連結
鍾沛蓉 網頁排版
林彥丞 進度表

遭遇問題
因為我們接觸Dreamwever時間不長,所以一開始排版有點亂
連結雖然做好了,可是文字的位置卻偏移了。

解決對策
由我們組員先自行找出問題點,之後再請求老師的幫助及教導。
每個人對於網頁的樣式各有不同的意見,但是我們一起討論出網頁的排版和樣式之後,並參考歷屆得獎作品,在放學後製作網頁,雖然一開始對於Dreamweaver有不熟悉的部分,但是經過老師不厭其煩的教導下,我們慢慢摸索出方法,完成這個網頁。
12/28~1/3 預定進度:美化網頁
實際進度:尚未完成美化網頁

工作分配
全部的人一起想怎麼美化網頁

遭遇問題
為了使網頁能夠更加吸引人,我們參考了很多其他網頁版型作為參考,但是有些排版方式並不是很熟悉。

解決對策
先自己思索,探討之後真的想不到,再請求老師的幫助及教導,並把老師教的東西好好地記起來,以備不時之需。

雖然網頁尚未完成,但是已經有大概的構想及樣子了,等做出來之後一定會讓人的眼睛為之一亮的,也很感謝老師在我們遇到版型不知道怎麼做的時候,願意耐心的教導我們直到我們學會如何製作,我們一定會把網頁做更加完美的。
1/4~1/10 預定進度:完成美化網頁
實際進度:已剩少部分尚未做完

工作分配
全部一起構思這個網站該如何呈現會比較好

遭遇問題
下星期要期末成果報告,但又要準備段考,有點擔心會做不完

解決對策
盡量在這禮拜超前進度,下禮拜才有時間報告及最後的修訂
這禮拜已經把網頁做出一個型來了,看到成果有說不出的感動,但是要得名的話還需要修改細部的部分並加強內容深度,讓這個網頁變得完美無缺,即使大家都有段考的壓力,但是還是會撥時間出來一起討論網頁要怎麼修改才會無懈可擊。
1/11~1/17 預定進度:完成網頁製作
實際進度:完成網頁製作

工作分配
組員全體一起完成網頁製作

遭遇問題
因為我們這組被老師選為向全資處科報告我們網頁的製作理念的代表,但同時也接近期末考,讓我們蠟燭兩頭燒

解決對策
每人各自負責一部分內容,利用下課時進行討論並統整
很感謝老師認同我們這一組,讓我們這一組在資處科全體班級面前報告,分享我們的網頁是如何做出來的,我們會繼續把網頁做得更完善、精彩,拿到好成績,不會辜負老師的期望的
( 1/15.17.18 期末考 但是我們還是努力的討論網頁的東西並無因為段考而懈怠)
1/18~1/24 預定進度:完成簡報頁.標題與內容
實際進度:完成簡報頁.標題與內容

工作分配
高子婷 畫版型
陳玟潔 排版型
方宜貞、李佩容、鍾沛蓉 標題與內容
方宜貞 聯絡戲曲學院
林彥丞 進度表

遭遇問題
戲曲學院要我們以文字說明為何選擇本校而非其他校院,同時希望了解我們大致訪問的內容

解決對策
大家互相討論發表意見,整合較好的內容,完成符合戲曲學院的要求
我們這組因為別組被拆散所以多了兩個組員,不只多了人分攤我們的工作,網頁的進度也加快了不少,同時想法也變得更加多樣化,討論起來也非常起勁。和戲曲學院聯絡之後,我們決定在28號的時候前往訪問,這也是我們第一次全組人要在校外進行訪問,令人感到期待。
1/25~1/31 預定進度:前往劇團訪問
實際進度:前往劇團訪問

工作分配
方宜貞、李佩容 訪問
陳玟潔、鍾沛蓉 紀錄
高子婷 錄影
陳怡君 拍照

遭遇問題
適逢寒假。大家可能因為服務隊、社團、家人出遊,導致時間被壓縮得很緊迫,距離交件的日期越來越近,而我們的網頁還是有些小地方仍未完成

解決對策
大家發揮團隊精神,盡量全員到齊分攤工作,且提早到達,完成每日進度
今天是採訪的日子,大家都很期待紛紛提早到達目的地,童老師先帶我們在館內拍攝相關的照片,像是樂器、服裝、道具等,之後欣賞劇團的演出,台上演員奮力地演出,接連幾個特技動作,讓身為觀眾的我們看的是膽戰心驚,心中無不是佩服。在這之後我們訪問了童老師,老師清楚而詳細的回答問題,不只讓我們對京劇有更深的認識,了解目前劇團所面臨的問題,也希望更多人能夠發現京劇的美,進而到劇團欣賞美。
2/1~2/7 預定進度:整理劇團訪問資料+組員各自心得繳交
實際進度:已完成80%+組員已全數繳交

工作分配
方宜貞、李佩容 資料整理 
陳玟潔、高子婷 版型設計
鍾沛蓉 照片整理
陳怡君、林彥丞 進度表

遭遇問題
我們有錄劇團演員表演的影片,但是全部放的話會有著作權的問題

解決對策
我們打算利用剪輯的方式,選出精彩的片段給大家欣賞,增加大眾進入劇場欣賞的意願
雖然寒假幾乎都要回來學校做專題,不只每天很早就到校開始每日該完成的進度,有時甚至做到晚上才離開,但是每一天看到網頁都有一點成長,我想所有的辛苦都是值得的,當然不光靠組員間相互合作還要感謝指導老師犧牲自己的假期陪我們做網頁,遇到瓶頸時立刻給予協助,並提供意見給我們可以逐步完成網頁的細節。
2/8~2/14 預定進度:完成劇團訪問資料及訪問者基本資料
實際進度:已完成劇團訪問資料、尚未完成訪問者基本資料

工作分配
方宜貞、李佩容 資料放入網頁
鍾沛蓉 照片篩選
陳玟潔 高子婷 版型設計
陳怡君、林彥丞 進度表

遭遇問題
適逢春節假期,雖然不用到學校來製作網頁,不過我們網頁仍有些尚未完成,

解決對策
在家自行完成尚未繳交的進度,如遇到不會的部分,可利用通訊軟體向同組組員詢問
寒假結束意味著已漸漸接近作品上傳時間,目前得先取得初賽資格的門票,才有機會進入決賽,經過討論我們將會在開學後,利用放學時間留下來進行將網頁各項項目做得更加完善,相信我們一定可以如期交件,並取得初賽資格。
2/15~2/21 預定進度:組員心得照片放入+網頁細部修改+上傳作品
實際進度:已全數完成

工作分配
方宜貞、鍾沛蓉、陳玟潔 修改網頁
李佩容 word 內容修飾
高子婷 網頁美編
陳怡君 、林彥丞 進度表

遭遇問題
接近開學複習考,但這星期就要上傳作品,我們也要找一個時間檢查網頁有無缺失

解決對策
為了讓組員有時間複習,不因為網頁而影響成績,所以我們利用一天的時間將複習考當天的進度提前完成
今天我們已經將網頁上傳至大會網站,這一刻令我們非常感動,就好像母親看著自己的孩子從孩子漸漸長大成人一樣,從一開始訂定類別,之後歷經變更主題的窘境,中途有其他組員加入,讓我們的工作輕鬆不少,可以有更多的時間精進我們的網頁,後來去訪問了國立戲曲學院的童老師,親眼看了京劇的表演,讓人嘆為觀止,了解到表演背後的辛酸過程。在寫網頁希望能夠以真誠的文字及優質的影片的方式呈現給每個人,期盼能使這個文化得以繼續保存在這世上,流傳於世世代代。