Welcome! 登入 註冊
專區首頁 專區百科 專區論壇 專區部落格 專區地圖

Advanced

[期末作業] 專題網站設計

[期末作業] 專題網站設計

1. 作業說明


請參考[期末作業說明] 專題網站製作--以網站新人王為例
http://mepopedia.com/forum/read.php?1651,45305

請設計與台灣有關的主題
並請依[期末作業] 企劃大綱的內容製作
http://mepopedia.com/forum/read.php?1650,45588

盡可能地將本學期學習的技術應用於其中
仍須以視覺美感為主,設計頁數請盡量至少以十頁以上為主
設計上若有困難,請找老師討論

6/17日上課前製作完成,課堂討論評分

將資料夾命名為 final-學號(組長),以FTP上傳至final資料夾
作業網址為http://mepopedia.com/~web102-a/final/final-1015445XXX



2. 回覆項目


1.作業網址:

2.網站主題:
3.內容:
4.主要對象:
5.風格設計:
6.組員名單,工作分配,製作心得:



3. 評分標準


1.內容技巧,是否有應用所學技巧
2.視覺美感
3.網頁架構(HTML+CSS)網頁效能
4.工作分配之項目



Edited 1 time(s). Last edit at 06/10/2014 11:56PM by JinJin.
(編輯記錄)

1.作業網址: http://mepopedia.com/~web102-a/final/2A019/
2.網站主題: 金門國家公園
3.內容:介紹與其他國家公園不同,因歷史而成為國家公園的金門國家公園。
4.主要對象:想要了解這離島國家公園的遊客
5.風格設計: 以黑體文字讓畫面簡單,大量的留白來突顯金門豐富色彩的風景與歷史景觀
6.組員名單,工作分配,製作心得:
016楊佩軒:圖片收集修飾、文字收集統整
018章恩韶:圖片編輯修飾、文字編輯
019簡 正:網站製作、語法解析
027陳怡捷:網帳架構規劃、網站製作

心得:
做完直接去吃永豆吃早餐喇



Edited 2 time(s). Last edit at 06/17/2014 01:02AM by 1015445018.
(編輯記錄)

MEPOERs said:
JinJin: 1.風格不錯,2.若能以div方式製作延展性與擴充性會更好
1.作業網址: http://mepopedia.com/~web102-a/final/final-1015445002/taiwan
2.網站主題: 節識臺灣
3.內容: 利用臺灣特有的節日及習俗,讓觀光客認識台灣節日特色,能快速的『入境隨俗』。
4.主要對象: 對臺灣節日習俗還不是很瞭解的觀光客。
5.風格設計: 利用簡單的色系、墨水潑濺,代出台灣的感覺。
6.組員名單,工作分配,製作心得:
002陳玉穎-資料彙整、網站架構
007鐘婉文-蒐集資料
014葉雨柔-蒐集資料
060張嘉恬-資料彙整、網站架構

心得:
我們好棒棒~ 做出網頁還真有成就感呢!雖然語法看到眼睛快脫窗。

MEPOERs said:
mepoadm: 非常不錯!
1.作業網址:http://mepopedia.com/~web102-a/final/0519BPL/0519BPL/Bopiliao.html

2.網站主題: 剝皮寮介紹 / 旅途導覽 / 歷史介紹

3.內容: 歷史介紹、參觀動向、電影艋舺、相簿賞析、聯絡信箱

4.主要對象: 一般大眾、自我檢閱、老師評分、兒孫欣賞

5.風格設計: 顏色選用灰色調性,所謂化肥發灰,灰化肥發黑。黑化肥發黑不發灰,灰化肥發灰不發黑

6.組員名單,工作分配,製作心得:

1015445004許翔瑋:資料收集、導覽圖繪製
1015445009鄭鈿宥:實地探訪、攝影拍照
1015445023陳威翔:照片資料、JQ語法編寫
1015445024林 宜:HTML、JQ語法編寫

心得:合作愉快

1.作業網址:http://mepopedia.com/~web102-a/final/final-playya
2.網站主題:作伴遊花東
3.內容:介紹花東的歷史文化、熱門觀光景點及伴手禮...
4.主要對象:有興趣想到花東遊玩或想了解花東歷史背景的遊客、觀光客...
5.風格設計:我們將花東的好山好水及美麗的風景當作主視覺,呈現出花東特有的好風光。
6.組員名單,工作分配,製作心得:
1015445044 黃柏元:資料收集
1015445059 曾郁琪:內頁編排、資料彙整
1015445266 胡家芳:主頁編排、HTML編寫
製作心得:熬夜這麼多天,終於趕工完成!再也不想看到DW了!辛苦了各位~

MEPOERs said:
JinJin: 請盡量不要以整頁圖片的方式製作,影響網路瀏覽速度、降低效能並缺乏擴充性
1.作業網址: http://mepopedia.com/~web102-a/final/fanil-YA%20SI/index.html

2.網站主題: 夜市-YASI
3.內容: 介紹台北當地小夜市
4.主要對象: 一般大眾年輕人
5.風格設計: 乾淨簡潔,利用淺色透明度來做視覺
6.組員名單,工作分配:
1015445001王瀅筑:資料收集、架構網站
1015445055彭莉雯:資料收集、製作版型
1015445049李念珍:繪製插畫
1015445267李金樺:架構網站
心得:語法會看到很累,補上完整後感覺很棒~



Edited 1 time(s). Last edit at 06/17/2014 10:51AM by light.
(編輯記錄)

MEPOERs said:
JinJin: 有些畫面是否尚未完成?
1.作業網址: http://mepopedia.com/~web102-a/final/final-1015445030/

2.網站主題: 大飽藏 One Piece
3.內容: 探討夜市美食與如何製作
4.主要對象: 所有愛吃美食的客人
5.風格設計: 以插畫風格來製作,並以插畫方式繪畫出夜市美食的製作程序
6.組員名單,工作分配,製作心得:
組長:陳族維
組員:黃督修、陳延義、林展瑩、葉柏逸

工作分配:
尋找美食與製作方法:陳延義、葉柏逸
繪圖、插畫:林展瑩、黃督修
網頁製作:陳族維

製作心得: 覺得學到很多

MEPOERs said:
JinJin: 1.分頁能以首頁包覆的方式製作會更統一,2.工作分配要均衡
1.作業網址:http://mepopedia.com/~web102-a/final/final-taoyuan/index4.html

導覽列分開樣子 改依些字....

http://mepopedia.com/~web102-a/final/final-1-taoyuan/index4.html

2.網站主題: 回憶童年,桃園成長記
3.內容: 介紹桃園的一些美景和文化和我小時候的回憶故事
4.主要對象: 喜歡桃園的人
5.風格設計: 使用簡潔的效果 再加上動畫效果和我的繪畫技巧,讓人一目了然的網頁
每一頁都有附上一些動畫效果
6.組員名單,工作分配,製作心得:
1015445006蘭雅涵〈全〉
製作心得
花了很多的時間在做網頁,網頁語法真的很難,要認真去體會才可做出一個好的網頁
一個人完成網頁 真的是好難 好難 !!!!~~~~動態效果更難
第一頁 要等三隻蝴蝶跑完 才能下一頁喔 !!!!!!!!!!!



Edited 3 time(s). Last edit at 06/16/2014 09:44PM by 蘭雅涵.
(編輯記錄)

1.作業網址:http://mepopedia.com/~web102-a/final/final-1015445268/index0.html
2.網站主題:閱讀台北
3.內容:介紹台北的美食.花博.夜市.文創區
4.主要對象:任何想了解台北的觀光客
5.風格設計:主要以大地色系做視覺
6.組員名單:1015445268 周晶晶
7.工作分配:全
8.製作心得:動態效果好難...orz

MEPOERs said:
JinJin: 可試著不用table包會更好
1.作業網址:http://mepopedia.com/~web102-a/final/final-1015445051/index.html
2.網站主題:TCA台灣當代藝術家
3.內容:介紹台灣當代畫家
4.主要對象:一般大眾
5.風格設計:黑色背景 + 極簡
6.組員名單:1015445051陳全福 1015445056陳柏儒 1015445057 王靖淳
7.工作分配:
1015445051陳全福 網站架構/語法編寫
1015445056陳柏儒 網站內容/繪製插畫
1015445057 王靖淳 照片資料/繪製插畫
8.製作心得:
confused smiley



Edited 1 time(s). Last edit at 06/16/2014 11:07PM by usa200ps.
(編輯記錄)

1.作業網址:
http://mepopedia.com/~web102-a/final/final-TREE/index.html
2.網站主題:林林景緻
3.內容:介紹台灣的特有樹種
4.主要對象:一般大眾
5.風格設計:黑白線條素描簡單風
6.組員名單,工作分配,製作心得:

1015445012 林伊柔 資料收集 網站架構
1015445039 洪靜琪 資料收集 網站架構
1015445040 黃郁茹 資料收集 繪製插畫
1015445012 曹珮驊 資料收集 繪製插畫

MEPOERs said:
JinJin: 1.建議可以有更多分頁使其更豐富,2.內文字體請在調整會更精緻
1.作業網址: http://mepopedia.com/~web102-a/final/final-1015445048/index-2.html
2.網站主題: 台灣‧心體驗
3.內容:介紹台灣保育類動物
4.主要對象:愛動物的人
5.風格設計: 簡單明瞭
6.組員名單:1015445048
工作分配:全
製作心得:動態真的好難...弄不出來,已殘念

1.作業網址: http://mepopedia.com/~web102-a/final/final-1015445038/mrt
2.網站主題: 北捷甲透透
3.內容: 捷運路線動向、附近美食餐廳
4.主要對象: 一般坐捷運的大眾
5.風格設計: 簡潔大方、趣味,可以很清楚的找到沿途捷運美食
6.組員名單,工作分配,製作心得:
1015445010 鄔會停 : 動畫 語法
1015445038 陳奐蓁 : 版面 語法
1015445036 蔡志圍 : 動畫 插畫
1015445061 鄧蕎緯 : 資料收集
1015445063 李治頡 : 資料收集 跑腿
製作心得 : 熬夜很多天終於做完了!

MEPOERs said:
JinJin: 1.分配工作請均衡,每人都須有與網頁設計直接的工作
1.作業網址:http://mepopedia.com/~web102-a/final/final-1015445031/1015445031/index.html
2.網站主題:台灣著名美食指南
3.內容: 介紹全台美食
4.主要對象: 對台灣美食小吃有興趣的所有人
5.風格設計:利用簡單的灰色調突顯圖片中美食的特色!
6.組員名單,工作分配,製作心得:
全部由組員1015445031一人完成

都已經全部做完了,卻再快完成的時出錯..幸好最後完成了........不過整個製作過程真的非常絕望..........



Edited 1 time(s). Last edit at 06/17/2014 12:49AM by 趙芸婷.
(編輯記錄)

1.作業網址: http://mepopedia.com/~web102-a/final/final-1015445054/index
2.網站主題: 阿逗仔遊樂園
3.內容:介紹全台知名遊樂園
4.主要對象: 喜愛遊樂園的外國人
5.風格設計: 利用簡單的台灣北中南東色系 ,做出可愛的感覺。
6.組員名單,工作分配,製作心得:
035鍾怡暄- 標籤DIV 網頁內容 滑鼠變換影像
043鍾恵婷-繪製插畫 網頁內容 滑鼠變換影像
045李艾倢 — 網頁內容 FLASH 網頁內容 滑鼠變換影像
050李凌岑- 標籤DIV 網頁內容 滑鼠變換影像
054楊昀真- 網站架構 語法編寫 製作版型 FLASH 滑鼠變換影像

心得:
位置一直歪掉好煩喔~~~ 背景一直弄不上去好煩喔~~~div做好了但是滑鼠一過去就不見



Edited 1 time(s). Last edit at 06/17/2014 01:57PM by 1015445054.
(編輯記錄)

1.作業網址:http://mepopedia.com/~web102-a/final/finalCP/index.html

2.網站主題:侯硐
3.內容:介紹侯硐的相關資訊以及歷史,還包含了侯硐的一些侯硐必去景點。
4.主要對象:不限年齡
5.風格設計:簡約、插畫風格
6.組員名單,工作分配,製作心得:
1015445015姜佳妤:繪製插圖、版面設計
1015445022莊惟筑:網頁語法、版面設計
1015445025李怡穎:網頁語法、網站統整
1015445033邱沛瑜:網頁語法、網頁編排
製作心得:網頁動態好難,要做煥業效果但始終做不出來(暈),大家辛苦了!

1.作業網址: http://mepopedia.com/~web102-a/final/final-1015445034/index.html
2.網站主題: 永和樂華觀光夜市
3.內容: 介紹永和,樂華觀光夜市的著名美食
4.主要對象:地球人
5.風格設計: 簡單,俏皮
6.組員名單:林孝勇
工作分配,製作心得:因為一個人一組,拿期中的版型來做修改,不斷嘗試一些語法,要修改一個地方,別的地方就會跑掉,所以沒辦法讓它看起來變化太大。

1015445034

1.作業網址:http://mepopedia.com/~web102-a/final/final-1015445046/

2.網站主題: 員ㄓ員味
3.內容: 員山鄉景點與故事
4.主要對象: 喜歡輕旅行×感受生活的人
5.風格設計: 簡單清新感,不希望太多的色彩,主要的色調希望由照片本身呈現出來 ,
6.組員名單,工作分配,製作心得:
1015445046鄭伊涵(全)
jQuery好難好難好難!!!!
做完網頁有種牽一髮動全身之感
看似簡單卻難到快崩潰confused smiley