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

Advanced

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

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

1. 作業說明


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

網站新人王網站
http://2015.netking.tw

請設計與台灣有關的主題
如:景點,小吃,行業,廟宇,風俗,文化,故事....等。

[hr]

2. 企劃大綱


請於第十六週前回覆
企劃大綱的內容製作

1.網站主題:
2.內容大綱:
3.主要對象(分析):
4.網頁架構圖(樹狀圖):
5.網頁版型設計圖
6.色彩規劃:
7.歷屆得獎分析(至少三組)
8.組員名單(學號)

[hr]

3. 說明


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

第十八週上課前製作完成,課堂報告評分
期末若未出席及繳交作業,期末成績以零分計算

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

[hr]

4. 回覆項目


1.作業網址:

2.網站主題:
3.網站架構(導覽)
4.內容描述:
5.風格設計:
6.組員名單,工作分配(視覺規劃、HTML CSS設計、動態效果):
7.個人製作心得:

[hr]
企劃大綱

1.網站主題:
2.內容大綱:
3.主要對象(分析):
4.網頁架構圖(樹狀圖):
5.網頁版型設計圖
6.色彩規劃:
7.歷屆得獎分析(至少三組)

[hr]

5. 評分標準


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


1.作業網址: http://mepopedia.com/~css104-2c/final/final-1035445153
2.網站主題: 新年
3.網站架構(導覽):新年/年菜大全/年貨大街/春節習俗
4.內容描述: 介紹新年相關知識
5.風格設計: 中國傳統風
6.組員名單:1035445102 陳美珍 / 1035445153 吳佩芬
工作分配(視覺規劃、HTML CSS設計、動態效果): 一起做,一起找資料,一起P圖,一起改CSS
7.個人製作心得: 102覺得非常的困難和麻煩,做的很累~~~~~~
153覺得非常的麻煩,很想睡覺。



Edited 2 time(s). Last edit at 06/15/2016 11:34PM by 美珍.
(編輯記錄)

1.作業網址: http://mepopedia.com/~css104-2c/final/final-1025445227

2.網站主題: 東門城之內
3.網站架構(導覽) http://i.imgur.com/PHVAqB3.jpg
4.內容描述: 介紹新竹在地文化刊物及小店
5.風格設計: 簡單、穩重、又不會太沉悶
6.組員名單,工作分配(視覺規劃、HTML CSS設計、動態效果): 1025445227張英儀
7.個人製作心得: 成就達成

1.作業網址: http://mepopedia.com/~css104-2c/final/final-1035443128
2.網站主題: 水果王國
3.網站架構(導覽):水果王國/水果介紹/四季水果/影片介紹
4.內容描述: 介紹水果相關知識
5.風格設計: 簡潔風格
6.組員名單:1035443128 黃鴻軒
工作分配 就一個人做、
7.個人製作心得: 覺得非常的困難和麻煩

1.作業網址: http://mepopedia.com/~css104-2c/final/final-1035445066
2.網站主題:政撼彈
3.網站架構(導覽):
4.內容描述:黑金政治不然ㄋ
5.風格設計: 黑漆漆的一片阿
6.組員名單:1035445066彭晧宇

7.個人製作心得:一個歪掉一個歪掉!!!!!!人帥正能量.人醜豬哥亮.人帥小鮮肉.人醜五花肉

1.作業網址: http://mepopedia.com/~css104-2c/final/final-1015445256/

2.網站主題: 101
3.網站架構:首頁/第101個故事/必buy好物/不吃可惜/煙火盛會
4.內容描述: 介紹101
5.風格設計:夜晚的都市風
6.組員名單,工作分配(視覺規劃、HTML CSS設計、動態效果):
1015445210蘇汶琇 1015445256吳奕姍
7.個人製作心得:老師我們真盡力了 對不起老師給我們好多機會 嗚嗚嗚嗚嗚嗚
不知道為什麼圖片要重新整理好多次才會跑出來

1.作業網址:http://mepopedia.com/~css104-2c/final/final-1035445024
2.網站主題:夜視台灣
3.網站架構(導覽)

4.內容描述: 一個介紹台灣夜景的網站
5.風格設計: 城市燈火複雜中帶點簡單
6.組員名單,工作分配(視覺規劃、HTML CSS設計、動態效果):
1035445024洪守億:視覺規劃、HTML CSS設計。
1035445084蕭勝鴻:動態效果、HTML CSS設計。
1035445018謝宜璁:動態效果。
1035445180林港涵:視覺規劃。
7.個人製作心得:好一個期末作業有點難又有點容易在加一點複雜=我努力過了,拜託讓我過。



Edited 4 time(s). Last edit at 06/15/2016 05:43AM by 1035445084.
(編輯記錄)

1.作業網址: http://mepopedia.com/~css104-2c/final/final-1035445186/

2.網站主題: 來憩大溪
3.網站架構:首頁/地圖/美食/交通/影片
4.內容描述: 介紹大溪
5.風格設計:輕鬆的色調與休閒的風格
6.組員名單,工作分配(視覺規劃、HTML CSS設計、動態效果):
視覺規劃/吳季妍1035445186;HTML CSS設計、動態效果/劉以潔1035445075
7.個人製作心得: 心好累

1.作業網址: http://mepopedia.com/~css104-2c/final/final-1035445120/

2.網站主題: 花蓮
3.網站架構:首頁/介紹/美景/人情味/影片
4.內容描述: 介紹花蓮
5.風格設計:輕鬆的色調與休閒的風格
6.組員名單,工作分配(視覺規劃、HTML CSS設計、動態效果):
1035445120賴芊羽
7.個人製作心得: 讓我及格 我終於可以短時間內部碰到網頁設計了

1.作業網址: http://mepopedia.com/~css104-2c/final/final-1035445108
3.網站架構(導覽):
4.內容描述: 介紹五月天
5.風格設計: 五月天風
6.組員名單:1035445108 葉峻傑 / 1035445078 陳浩田
工作分配(視覺規劃、HTML CSS設計、動態效果): 都一起
7.個人製作心得: 很難

[img]http://i.imgur.com/rB6pbeF.jpg[/img]
1.作業網址: http://mepopedia.com/~css104-2c/final/final-1035445051
2.網站主題: 國家公園
3.網站架構(導覽):陽明山國家公園、雪霸國家公園、台江國家公園、墾丁國家公園、太魯閣國家公園、玉山國家公園、金門國家公園、澎湖國家公園、東沙島國家公園
4.內容描述: 介紹台灣的國家公園
5.風格設計: 簡約風格
6.組員名單:1035445048 林佳芸、 1035445051 陳薇安 、1035445216 丁郁臻
工作分配(視覺規劃、HTML CSS設計、動態效果): 找圖做網頁都一起這樣
7.個人製作心得:
216:要做的時候想死 做完想哭求過了就好spinning smiley sticking its tongue outspinning smiley sticking its tongue outspinning smiley sticking its tongue out
051:不好做,看成品很開心。
048:雖然過程中遇到很多問題,但是在問題中都有找到解決的方案,過程中也很謝謝組員互相幫忙的找出問題的根源。

圖片來源:Google搜尋台灣國家公園



Edited 2 time(s). Last edit at 06/16/2016 12:45AM by apple3246927.
(編輯記錄)

1.作業網址: http://mepopedia.com/~css104-2c/final/final-1035445156/

2.網站主題: 鶯歌
3.網站架構:首頁/老街/博物館/藝術村/美食

4.內容描述: 介紹鶯歌
5.風格設計:青花瓷中國風
6.組員名單,工作分配(視覺規劃、HTML CSS設計、動態效果):
視覺規劃/卓奕萱 1035445009
資料整理/李梅甄 1035445111
HTML CSS設計、動態效果/王冠婷 1035445156
7.個人製作心得: 人家累了



Edited 1 time(s). Last edit at 06/15/2016 11:12PM by MeiJunLee.
(編輯記錄)

1.作業網址: http://mepopedia.com/~css104-2c/final/final-1035445195
2.網站主題: 野餐趣
3.網站架構(導覽): 首頁 / 關於野餐由來 / 介紹野餐美食 / 台灣的野餐景點 / 野餐影片
View post on imgur.com

4.內容描述: 介紹台灣的野餐景點
5.風格設計: 可愛簡單風格
6.組員名單:1015448040 林意芸、 1035445189 李思瑤 、1035445195 林瑞婷、1035445207卓怡姿
工作分配(視覺規劃、HTML CSS設計、動態效果): 上網找資料、視覺規劃、找圖、做網頁架構與設計,都是大家一起做。
7.個人製作心得:
1015448040 林意芸:真的覺得很難sad smiley
1035445189 李思瑤:Ya~~~終於做完期末了spinning smiley sticking its tongue outspinning smiley sticking its tongue outspinning smiley sticking its tongue out
1035445195 林瑞婷:終於做完了!!! 頭腦都要炸開了... 拜託讓我們過吧>grinning smiley< 謝謝組員一起完成~
1035445207 卓怡姿:第一次分組很好玩 辛苦我的組員們雖然燈箱很難纏但我們做到了!! !



Edited 4 time(s). Last edit at 06/16/2016 02:15AM by ruiruiting.
(編輯記錄)

[img]http://i.imgur.com/N5CqJv6.jpg[/img]
1.作業網址: http://mepopedia.com/~css104-2c/final/final-1035445027
2.網站主題: 台南
3.網站架構(導覽):奇美博物館/小吃/府城/影片
4.內容描述: 介紹台南
5.風格設計: 黑色質感
6.組員名單:1035445027何詠恩/1035445114曾子淨/1035445201吳駿傑
工作分配(視覺規劃、HTML CSS設計、動態效果):大家一起
7.個人製作心得: 東西很多好麻煩



1.作業網址: http://mepopedia.com/~css104-2c/final/final-1025445227
2.網站主題: 東門城之內
3.網站架構(導覽) http://i.imgur.com/PHVAqB3.jpg
4.內容描述: 介紹新竹在地文化刊物及小店
5.風格設計: 簡單、穩重、又不會太沉悶
6.組員名單,工作分配(視覺規劃、HTML CSS設計、動態效果): 1025445227張英儀
7.個人製作心得: 成就達成 哭
1025445227張英儀

1.網站主題:http://mepopedia.com/~css104-2c/final/final-1035445129

2.內容大綱:介紹野柳

3.主要對象(分析):對野柳地質有興趣者

4.網頁架構圖(樹狀圖):


5.網頁版型設計圖 :以手繪女王頭最為首頁設計

6.色彩規劃:以藍白為主

7.個人製作心得:需要花點時間製作

組員名單:1035445129

1.作業網址: http://mepopedia.com/~css104-2c/final/final-1035445159

2.網站主題: 台中走透透

3.網站架構(導覽):
View post on imgur.com


4.內容描述: 介紹台中的景點與美食以及文化還有網站連結唷~

5.風格設計: 走簡單海洋可愛風~

6.組員名單:
1035445090 林品秀、 1035445093 張圓圓 、1035445150 李家欣、1035445159 陳怡安、1035445162 張庭瑜

工作分配(視覺規劃、HTML CSS設計、動態效果):
品秀:製作food內頁(html、動態效果)
圓圓:製作page1、web內頁(外部連結、文化圖片蒐集、資料統整)
家欣:製作place內頁(內頁設計、景點圖片蒐集、資料統整)
怡安:製作index內頁及統整
庭瑜:製作map內頁(資料統整、內頁設計、圖片蒐集)

7.個人製作心得:
品秀:這次的網頁真的比較有難度,一次都做好幾小時,好痛苦啊~~~不過出來的成品有點小小成就感,謝謝老師也謝謝同學~~!
圓圓:覺得越學越難有點不堪負荷,期末比較多也比較難,好險有大家分組做完了,真是一級棒棒棒
家欣:期末的作業好難但幸好我有很厲害的組員可以救救大家,終於完成了好開心,謝謝老師這一年的教導~
怡安:很開心跟我們好朋友們一起完成了期末作業~一起共同奮鬥的感覺真好!看到成品非常開心~謝謝曉今今很照顧我們我愛哩ㄚ~~謝謝這麼有耐心~
庭瑜:網頁越來越難,但感謝一起製作的組員們還有認真用心教學的老師,學到了很多,辛苦了



Edited 1 time(s). Last edit at 06/16/2016 12:53AM by 陳怡安安你好.
(編輯記錄)

1.作業網址: http://mepopedia.com/~css104-2c/final/final-1025445123
2.網站主題: 瑞穗牧場
3.網站架構(導覽): 首頁 / 關於瑞穗→簡介 / 介紹→景點 (北回歸線.秀姑巒溪.掃叭石柱.舞鶴觀光茶園) / 導覽地圖 / 影片
4.內容描述: 介紹瑞穗牧場以及附近景點
5.風格設計: 乳牛花紋簡單的風格
6.組員名單:1035445030 彭藍萱 . 1035445042 張鏵文 . 1035445123 林悅煦 . 1035445126 呂泊漾
工作分配(視覺規劃、HTML CSS設計、動態效果):全部都是當天一起討論一起做的~
7.個人製作心得:
1035445030 彭藍萱 這次的網站作業,讓我們學習到很多,雖然過程很煎熬,摸索的很辛苦,但最後完成時真的很開心!
1035445042 張鏵文 最後一次網頁很有成就感,謝謝老師無怨無悔的付出辛苦了!雖然一開始搞得亂七八糟,但現在可以完成最後的網頁很感動。
1035445123 林悅煦 覺得很難拉xDDDD 用了滿久的
1035445126 呂泊漾 比起期中這次更複雜,常常會看不懂,慢慢瞭解後終於完成了~

1.作業網址: http://mepopedia.com/~css104-2c/final/final-1025445189

2.網站主題: 鶯歌yingge
3.網站架構(導覽)

4.內容描述: 介紹鶯歌特色景點
5.風格設計: 復古及帶有鶯歌瓷器的紋路
6.組員名單,製作心得,工作分配(視覺規劃、HTML CSS設計、動態效果):
 [1025445189 鍾宜庭-負責網頁架構及整體設計]
  -想嘗試些東西,但還是搞不定,所以按部就班。
 [1035445057 蔡依婷-鶯歌故事及鷹哥石資料、圖片]
  -對於鶯歌印象較深大概就是鶯歌老街與陶,找資料後才又更瞭解到鶯歌這個地區的故事文化,認識它更多了。 
 [1035445072 李巧儀-陶博館頁面編排]
  -這學期的網頁越來越難了,不過難的部分是在於整個結構的調整(css),但語法部分也增加了很多相對比較複雜的程式,只要一步錯步步錯,所以要更用心更專注去做,覺得身心俱疲⋯,還好還是不討厭做網頁。網頁分工的確不簡單,感謝組員的用心,才有這次的成果。 
 [1035445168 曾鈺嬋 , 製作標準字、首頁、攝影、老街小圖示]
  -這次的網頁是第一次做團體的作業~感覺不好分工~我覺得最困難的就是css跟語法的部分,辛苦負責這一part的人~~辛苦大家了。



Edited 1 time(s). Last edit at 06/16/2016 10:44AM by 1025445189.
(編輯記錄)

1.作業網址: http://mepopedia.com/~css104-2c/final/final-1035445171/

2.網站主題:九份

3.網站架構(導覽)


4.內容描述:九份的歷史.環境等

5.風格設計:晚霞的九份

6.組員名單,工作分配(視覺規劃、HTML CSS設計、動態效果):
1035445087任璿蓁:視覺規劃 動態效果
1035445141林佳陵:視覺規劃 動態效果
1035445171阮珮璇:視覺規劃 HTML CSS設計
1035445183陳思妤:視覺規劃 動態效果

7.個人製作心得:環境介紹那部份好麻煩(PS.183很煩躁和想睡覺)



Edited 6 time(s). Last edit at 06/16/2016 11:22AM by 珮璇.
(編輯記錄)

1.作業網址:http://mepopedia.com/~css104-2c/final/final-1035445054

2.網站主題:GloFish 螢光魚
3.網站架構(導覽)
[img]http://i.imgur.com/mSWL2VY.png?1[/img]
4.內容描述: 介紹螢光魚的特色與資料,有放背景音樂
5.風格設計: 只用黑色調來襯托螢光魚的色彩
6.組員名單,工作分配(視覺規劃、HTML CSS設計、動態效果):

1035445036李文心 [整理資料、製作浮動圖案]
1035445063劉慧茹 [查詢資料、畫魚的圖片、幫忙整理語法、修圖片]
1035445060 黃思瑄 [畫魚、魚缸的圖片]
1035445054 楊依潔[視覺規劃、HTML CSS設計、動態效果、製作LOGO與小標誌]

7.個人製作心得:
很有趣、在查詢資料的過程讓我們理解原來螢光魚出產國是台灣,只有台灣有在養殖,覺得很厲害。



Edited 2 time(s). Last edit at 06/16/2016 12:03PM by 1035445054.
(編輯記錄)

1.作業網址: http://mepopedia.com/~css104-2c/final/final-1035445219
2.網站主題: 九份
3.網站架構(導覽):九份老街/關於九份/熱門景點/照片欣賞/相關影片
http://i.imgur.com/7oGomAS.jpg?1
4.內容描述: 介紹九份
5.風格設計: 九份名俗風格
6.組員名單:1035445015 陳若琪 / 1035445096 曾謙柔 / 1035445219 邱鈺珊
工作分配(視覺規劃、HTML CSS設計、動態效果): 全部一起
7.個人製作心得:好累~~~~~~~~~~~

1.作業網址: http://mepopedia.com/~css104-2c/final/final-1035445147
2.網站主題: 基隆
3.網站架構(導覽):基隆故事/必吃美食/星空草原/海洋科學博物館
4.內容描述: 介紹基隆好去好玩好吃的地方
5.風格設計: 海洋風
6.組員名單:1035445147 高永鈞 / 1035445018 廖慧伃/ 1035445035 徐志豪
工作分配(視覺規劃、HTML CSS設計、動態效果): 大家一起參與
7.個人製作心得: 覺得麻煩,眼睛很酸~~~

1.作業網址: http://mepopedia.com/~css104-2c/final/final-1035445033
2.網站主題: 陣頭
3.網站架構(導覽):
4.內容描述:介紹後四季臉譜與陣頭
5.風格設計:中國風和喜氣的紅色
6.組員名單:1035445006 李毓柔 1035445033 陳怡均
工作分配(視覺規劃、HTML CSS設計、動態效果):006找資料 033找文字 網頁架構一起做
7.個人製作心得: 好累好麻煩........



Edited 1 time(s). Last edit at 06/19/2016 02:05PM by 1035445006.
(編輯記錄)