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-2b/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.工作分配之項目
[hr]

6. 範例


http://mepopedia.com/forum/read.php?2428,75966

http://mepopedia.com/~css104-2c/hw08/ex/final-1015445215
http://mepopedia.com/~css104-2c/hw08/ex/final-1015445218
http://mepopedia.com/~css104-2c/hw08/ex/final-1025445044
http://mepopedia.com/~css104-2c/hw08/ex/final-1025445055
http://mepopedia.com/~css104-2c/hw08/ex/final-1025445205
http://mepopedia.com/~css104-2c/hw08/ex/0519BPL



Edited 1 time(s). Last edit at 05/10/2016 03:02AM by JinJin.
(編輯記錄)

作業網址:http://mepopedia.com/~css104-2b/final/final-1035445218/
1.網站主題:拜擺
2.內容大綱:介紹台灣傳統拜拜的習俗跟方式還有禁忌。
3.主要對象(分析): 遊客。
4.網頁架構圖(樹狀圖):
View post on imgur.com

5.色彩規劃:偏深紅系。
6.組員名單 :
柯惠文 1035445218(主視覺程式碼 css)
蔡妮珈 1035445194(圖)
陳冠霖 1035445056(圖)
陳韻文 1035445026(圖)
王奕璇 1035445200(蒐集資料)
彭詩婷 1035445125(蒐集資料)



Edited 1 time(s). Last edit at 06/06/2016 01:21PM by 1035445125.
(編輯記錄)

作業網址:http://mepopedia.com/~css104-2b/final/final-1035445017/
1.網站主題:新莊人,新莊情
2.內容大綱:介紹新莊老街
3.主要對象(分析): 遊客。
4.網頁架構圖(樹狀圖):[img]http://i.imgur.com/6FYFhPt.jpg?1[/img]
5.色彩規劃:白黃色系。
6.組員名單 :
劉衣琪 1035445017
周虹妮1025445118
一起找資料,實地探查,拍照,做出來的



Edited 1 time(s). Last edit at 06/14/2016 02:53AM by 1035445017.
(編輯記錄)

1作業網址: http://mepopedia.com/~css104-2b/final/final-1035445044/
2.網站主題:逢甲夜市美食小吃
3.網站架構(樹狀圖):http://imgur.com/AnJ91hO
4.內容描述:以台灣逢甲夜市為主來介紹台灣本土美食
5.風格設計:黑底簡單配色加上可愛插圖
6.組員名單,工作分配:
葉汶綺1035445044
邱雅君1035445047
一起找資料及圖片,共同參與製作。
7.製作心得:互助合作,共同完成,共同解決困難,雖遇到一些難題,但還是努力並盡早完成。



Edited 4 time(s). Last edit at 06/09/2016 01:28AM by 1035445044.
(編輯記錄)

作業網址:http://mepopedia.com/~css104-2b/final/final-1035445137/
1.網站主題:端午
2.內容大綱:介紹台灣傳統节日端午的习俗和各地习俗
3.主要對象(分析): 学生。
4.網頁架構圖(樹狀圖):
[img]http://i.imgur.com/PSChwOA.jpg?1[/img]
5.色彩規劃:人文水墨。
6.組員名單 :
周李銘 1035445137 (主視覺程式碼 css)
蔡佩霖 1035445005 (圖)
鍾宜真 1035445077 (圖)
廖瑋琦 1035445134 (收集資料)
饒瑾瀓 1035445140 (收集資料)



Edited 2 time(s). Last edit at 06/13/2016 05:07PM by 2zzzcm.
(編輯記錄)

作業網址: http://mepopedia.com/~css104-2b/final/final-1035445071
1.網站主題: 大湖酒莊草莓文化館
2.內容大綱: 介紹草莓文化館的產品以及相關資訊
3.主要對象(分析): 想參觀或認識草莓文化館的客人
4.網頁架構圖(樹狀圖):
[img]http://i.imgur.com/gF10vly.jpg?1[/img]
5.色彩規劃: 運用各種深淺不一紅色 表達草莓的感覺
6.組員名單(學號)
陳郁琳 1035445071 (活動專區)
黃毓雯 1035445152 (首頁、介紹、主架構)
翁瑱真 1035445191 (產品)
王文筠 1035445206 (交通資訊)
林冠妤 1035445209 (導覽圖)



Edited 1 time(s). Last edit at 06/13/2016 06:29PM by 翁瑱真.
(編輯記錄)

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

2.網站主題: 2016鹿港老街音樂文化季
3.網站架構(導覽)
https://imgur.com/Te8KeO2
4.內容描述:
5.風格設計:簡單線條和區塊做呈現
6.組員名單,工作分配(視覺規劃、HTML CSS設計、動態效果):
1025445234彭郁惠
7.個人製作心得:



Edited 4 time(s). Last edit at 06/12/2016 11:28PM by unite2003@yahoo.com.tw.
(編輯記錄)

1.作業網址:http://mepopedia.com/~css104-2b/hw08/hw08-1035445113

2.網站主題: 東北旅行
3.網站架構(導覽) [img]http://i.imgur.com/Sc4PWNT.jpg[/img]
4.內容描述: 宜蘭市古蹟文化及手藝介紹
5.風格設計: 導覽
6.組員名單,工作分配(視覺規劃、HTML CSS設計、動態效果): 全部都是本人做
7.個人製作心得: 語法量多,明明只是新增內容,卻一直發生bug卻找不到原因



Edited 2 time(s). Last edit at 06/13/2016 10:37PM by 1035445113.
(編輯記錄)

作業網址:[url=http://mepopedia.com/~css104-2b/final/final-1035445176/]http://mepopedia.com/~css104-2b/final/final-1035445176/[/url]
1.網站主題:TAINAN
2.內容大綱:介紹台南
3.主要對象(分析): 遊客
4.網頁架構圖(樹狀圖):[img]http://i.imgur.com/pkoZJtQ.jpg[/img]
5.色彩規劃:白色 米色 色彩很多 偏淡色系~
6.組員名單 :
呂姿儀 1035445176 (主視覺程式碼 css / 圖)
游弘斌 1035445086 (蒐集資料 / 圖)
7.製作心得:一起合力完成一個網頁滿有成就感的



Edited 2 time(s). Last edit at 06/13/2016 12:56AM by star0106w.
(編輯記錄)

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

2.網站主題:竹山
3.網站架構(導覽)
View post on imgur.com

4.內容描述:介紹竹山各個景點
5.風格設計:以竹子的色調為主

6.個人製作心得:製作一個跟景點有關的網頁真不容易啊!



Edited 2 time(s). Last edit at 06/13/2016 05:38PM by 1034445002.
(編輯記錄)

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

2.網站主題:臺灣菜市場

3.網站架構(導覽):


4.內容描述:介紹菜市場的由來與常見的各類蔬果、魚肉。

5.風格設計:營造出走進菜市場的真實感,依照菜市場的感覺設計。

6.組員名單:
1035445053黃聖雯(視覺規劃、找圖、收集資料)
1035445155彭品瑄(視覺規劃、找圖、收集資料)
1035445158吳紀萩(視覺規劃、找圖、HTML CSS設計、動態效果)

7.個人製作心得:雖然語法很多很複雜,看了很久,但做完後會非常有成就感。

作業網址: http://mepopedia.com/~css104-2b/final/final-1035445104
1.網站主題:台灣好茶
2.內容大綱: 介紹台灣茶文化
3.主要對象(分析):各個愛喝茶的年齡層
4.網頁架構圖(樹狀圖):
http://i.imgur.com/RUGprgn.jpg?1
5.色彩規劃: 以茶葉的色調來做網頁的整體搭配
6.組員名單(學號)
1035445104李恩慈



Edited 2 time(s). Last edit at 06/13/2016 08:43PM by EN-TZU LEE.
(編輯記錄)

作業網址:http://mepopedia.com/~css104-2b/final/final-1035445131
1.網站主題:鶯唱高歌
2.內容大綱:介紹台灣的鶯歌
3.主要對象(分析): 遊客。
4.網頁架構圖(樹狀圖):
View post on imgur.com

5.色彩規劃:復古風格,褐色和米白色
6.組員名單 :
吳寶蓉 1035445131(主視覺程式碼 css / 蒐集資料)
許宗舜 1035445098(圖 / 蒐集資料)
7.個人製作心得:雖然語法很多都很複雜,可是做完後真的很有成就感。



Edited 2 time(s). Last edit at 06/13/2016 10:05PM by 吳寶蓉.
(編輯記錄)

1作業網址: http://mepopedia.com/~css104-2b/final/final-1035445041
2.網站主題:大溪老街
3.網站架構(樹狀圖):http://imgur.com/a53E5oY
4.內容描述:台灣最著名大溪老街
5.風格設計:古早味
6.組員名單,工作分配:
簡廷恩1035445041
翁健瑋1035445059
詹前緯1035445149
共同製作這困難的作業。
7.製作心得:不停的爭吵,最後才發現這是一個美麗的誤會,一起攜手完成這項作業!!

1作業網址: http://mepopedia.com/~css104-2b/final/final-1035445119/
2.網站主題:淡水老街
4.內容描述:介紹淡水老街附近
5.風格設計:黑底簡單配色加上可愛插圖
6.組員名單,工作分配:1035445119
7.製作心得:語法一直放錯位置,最後還是免強完成。

作業網址:http://mepopedia.com/~css104-2b/final/final-1035445080/
網站主題:八方雲集
內容大綱:介紹八方雲集的食物。
主要對象(分析):客戶。
色彩規劃:暖色調。
組員名單 :
邢玟倩 1035445080(主視覺程式碼 css)
簡語瑄 1035445179(資料查詢、圖)

作業網址:http://mepopedia.com/~css104-2b/final/final-1035445014/
1.網站主題:寶藏巖
2.內容大綱:介紹寶藏巖及周邊。
3.主要對象(分析): 遊客。
4.網頁架構圖(樹狀圖):
View post on imgur.com

5.色彩規劃:灰/黃。
6.組員名單 :
林約瑟 1035445014(主視覺程式碼 css)
黃重鈞 1035445107(圖/蒐集資料)
陳孟湄 1035445074(圖/蒐集資料)
周子茗 1035445065(圖/蒐集資料)

http://mepopedia.com/~css104-2b/final/final-1035445170/index.html
1.網站主題:台灣妖怪
2.內容大綱:認識台灣妖怪的種類及介紹
3.主要對象(分析):年輕族群
4.網頁架構圖(樹狀圖): http://imgur.com/rcOIh6Y
5.色彩規劃:可愛風,暖色調
6.組員名單:
劉郁婕1035445170
王苑玲1035445011
陳玟伶1035445050
我們是命運共同體,我們一起完成der
7.個人製作心得:
陳玟伶:老師你要當我們班導嗎OwO
劉郁婕:老師辛苦了^3^
王苑玲:老師你看天亮了耶Q口Q

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

2.網站主題:台中X輕旅行
3.網站架構(導覽)

4.內容描述:介紹台中美食與景點
5.風格設計: 以簡單清晰的色調來呈現輕旅行的感覺
6.組員名單,工作分配(視覺規劃、HTML CSS設計、動態效果):
146、224 視覺規劃、資料收集
185 視覺規劃、HTML、CSS設計、動態效果
7.個人製作心得:超級難,難爆了 壞了我好多腦細胞QQ 但是還是弄好了~~

作業網址: http://mepopedia.com/~css104-2b/final/final-1035445029
1.網站主題:歌仔戲
2.內容大綱: 介紹歌仔戲
3.主要對象(分析):想了解歌仔戲文化的人
4.網頁架構圖(樹狀圖):

5.色彩規劃:紅色黑色+手繪插圖
6.組員名單(學號)
1035445029陳悅綾
7.個人製作心得:超難

作業網址:http://mepopedia.com/~css104-2b/final/final-1035461133/
1.網站主題:保育類
2.內容大綱:介紹台灣的保育類動物
3.主要對象(分析): 想了解台灣保育類動物
4.網頁架構圖(樹狀圖): [img]http://i.imgur.com/u3yXlro.jpg[/img]
5.色彩規劃:綠色 藍色
6.組員名單 :
曾琬芸 1035461133 (主視覺程式碼 css)
羅云宣 1035445068 (圖 蒐集資料)
林以真 1035445032 (圖 蒐集資料)

1作業網址: http://mepopedia.com/~css104-2b/final/final-1035445222/
2.網站主題:客家文化介紹
3.網站架構:
4.內容描述:介紹客家文化人食衣住
5.風格設計:白灰簡單搭配
6.組員名單:
徐詠儀1035445222

7.比之前難度多了一些.

1作業網址:http://mepopedia.com/~css104-2b/hw08/hw08-1035445179
2.網站主題:八方雲集
3.網站架構:
4.內容描述:介紹八方雲集食物的做法及材料
5.風格設計:以橙色調為主、咖啡和黑色為輔,希望能夠讓人食欲大增
6.組員名單:
簡語瑄1035445179
邢玟倩1035445080

Attachments:
開啟 | 下載 - 導覽列.jpg (695.6 KB)
1.作業網址: http://mepopedia.com/~css104-2b/final/final-1035445023/
2.網站主題: 頂泰山巖
3.網站架構(導覽) [img]http://i.imgur.com/ijQMZYX.jpg[/img]
4.內容描述: 介紹頂泰山巖
5.風格設計: 淺褐色系為主
6.組員名單,工作分配(視覺規劃、HTML CSS設計、動態效果):1035445023李婉慈
7.個人製作心得:途中換頁卡住,其他的語法都沒有那邊來得頭痛,然後終於做完了!