[期末作業] 專題網站設計 1. 作業說明2. 企劃大綱3. 說明4. 回覆項目5. 評分標準6. 範例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-學號(組長)，以ＦＴＰ上傳至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.網頁架構（ＨＴＭＬ＋ＣＳＳ）網頁效能 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 http://mepopedia.com/forum/read.php?2561,81299,81299#msg-81299 Mon, 24 Aug 2026 07:57:15 +0800 Phorum 5.2.7 http://mepopedia.com/forum/read.php?2561,81299,81914#msg-81914 Re: [期末作業] 專題網站設計 http://mepopedia.com/forum/read.php?2561,81299,81914#msg-81914 2.網站主題： 頂泰山巖
3.網站架構（導覽） [img]http://i.imgur.com/ijQMZYX.jpg[/img]
4.內容描述： 介紹頂泰山巖
5.風格設計： 淺褐色系為主
6.組員名單，工作分配(視覺規劃、HTML CSS設計、動態效果)：1035445023李婉慈
7.個人製作心得：途中換頁卡住,其他的語法都沒有那邊來得頭痛,然後終於做完了！]]> liyin0616 104-2《中國》竹視傳二B-進階網頁設計 Wed, 15 Jun 2016 19:06:10 +0800 http://mepopedia.com/forum/read.php?2561,81299,81891#msg-81891 Re: [期末作業] 專題網站設計 http://mepopedia.com/forum/read.php?2561,81299,81891#msg-81891 2.網站主題：八方雲集
3.網站架構:
4.內容描述：介紹八方雲集食物的做法及材料
5.風格設計：以橙色調為主、咖啡和黑色為輔，希望能夠讓人食欲大增
6.組員名單:
簡語瑄1035445179
邢玟倩1035445080]]> 1035445179 104-2《中國》竹視傳二B-進階網頁設計 Tue, 14 Jun 2016 22:36:02 +0800 http://mepopedia.com/forum/read.php?2561,81299,81874#msg-81874 Re: [期末作業] 專題網站設計 http://mepopedia.com/forum/read.php?2561,81299,81874#msg-81874 2.網站主題：客家文化介紹
3.網站架構:
4.內容描述：介紹客家文化人食衣住
5.風格設計：白灰簡單搭配
6.組員名單:
徐詠儀1035445222

7.比之前難度多了一些.]]> yung yi 104-2《中國》竹視傳二B-進階網頁設計 Tue, 14 Jun 2016 14:52:42 +0800 http://mepopedia.com/forum/read.php?2561,81299,81856#msg-81856 Re: [期末作業] 專題網站設計 http://mepopedia.com/forum/read.php?2561,81299,81856#msg-81856 1.網站主題：保育類
2.內容大綱：介紹台灣的保育類動物
3.主要對象(分析)： 想了解台灣保育類動物
4.網頁架構圖(樹狀圖)： [img]http://i.imgur.com/u3yXlro.jpg[/img]
5.色彩規劃：綠色 藍色
6.組員名單 :
曾琬芸 1035461133 (主視覺程式碼 css)
羅云宣 1035445068 (圖 蒐集資料)
林以真 1035445032 (圖 蒐集資料)]]> WANYUN 104-2《中國》竹視傳二B-進階網頁設計 Tue, 14 Jun 2016 12:09:29 +0800 http://mepopedia.com/forum/read.php?2561,81299,81853#msg-81853 Re: [期末作業] 專題網站設計 http://mepopedia.com/forum/read.php?2561,81299,81853#msg-81853 1.網站主題：歌仔戲
2.內容大綱： 介紹歌仔戲
3.主要對象(分析)：想了解歌仔戲文化的人
4.網頁架構圖(樹狀圖)：

5.色彩規劃：紅色黑色+手繪插圖
6.組員名單(學號）
1035445029陳悅綾
7.個人製作心得：超難]]> 1035445029 104-2《中國》竹視傳二B-進階網頁設計 Tue, 14 Jun 2016 09:31:03 +0800 http://mepopedia.com/forum/read.php?2561,81299,81849#msg-81849 Re: [期末作業] 專題網站設計 http://mepopedia.com/forum/read.php?2561,81299,81849#msg-81849
2.網站主題：台中X輕旅行
3.網站架構（導覽）

4.內容描述：介紹台中美食與景點
5.風格設計： 以簡單清晰的色調來呈現輕旅行的感覺
6.組員名單，工作分配(視覺規劃、HTML CSS設計、動態效果)：
146、224 視覺規劃、資料收集
185 視覺規劃、HTML、CSS設計、動態效果
7.個人製作心得：超級難，難爆了 壞了我好多腦細胞QQ 但是還是弄好了~~]]> 1035445185 徐于庭 104-2《中國》竹視傳二B-進階網頁設計 Tue, 14 Jun 2016 06:26:33 +0800 http://mepopedia.com/forum/read.php?2561,81299,81848#msg-81848 Re: [期末作業] 專題網站設計 http://mepopedia.com/forum/read.php?2561,81299,81848#msg-81848 1.網站主題：台灣妖怪
2.內容大綱：認識台灣妖怪的種類及介紹
3.主要對象(分析)：年輕族群
4.網頁架構圖(樹狀圖)： http://imgur.com/rcOIh6Y
5.色彩規劃：可愛風，暖色調
6.組員名單：
劉郁婕１０３５４４５１７０
王苑玲１０３５４４５０１１
陳玟伶１０３５４４５０５０
我們是命運共同體，我們一起完成ｄｅｒ
7.個人製作心得：
陳玟伶:老師你要當我們班導嗎ＯwＯ
劉郁婕:老師辛苦了^3^
王苑玲:老師你看天亮了耶Q口Q]]> wl02789213 104-2《中國》竹視傳二B-進階網頁設計 Tue, 14 Jun 2016 05:18:07 +0800 http://mepopedia.com/forum/read.php?2561,81299,81846#msg-81846 Re: [期末作業] 專題網站設計 http://mepopedia.com/forum/read.php?2561,81299,81846#msg-81846 1.網站主題：寶藏巖
2.內容大綱：介紹寶藏巖及周邊。
3.主要對象(分析)： 遊客。
4.網頁架構圖(樹狀圖)：
View post on imgur.com

5.色彩規劃：灰/黃。
6.組員名單 :
林約瑟 1035445014(主視覺程式碼 css)
黃重鈞 1035445107(圖/蒐集資料)
陳孟湄 1035445074(圖/蒐集資料)
周子茗 1035445065(圖/蒐集資料)]]> 藍道 104-2《中國》竹視傳二B-進階網頁設計 Tue, 14 Jun 2016 04:50:41 +0800 http://mepopedia.com/forum/read.php?2561,81299,81843#msg-81843 Re: [期末作業] 專題網站設計 http://mepopedia.com/forum/read.php?2561,81299,81843#msg-81843 1.網站主題：新莊人，新莊情
2.內容大綱：介紹新莊老街
3.主要對象(分析)： 遊客。
4.網頁架構圖(樹狀圖)：[img]http://i.imgur.com/6FYFhPt.jpg?1[/img]
5.色彩規劃：白黃色系。
6.組員名單 :
劉衣琪 1035445017
周虹妮1025445118
一起找資料，實地探查，拍照，做出來的]]> 1035445017 104-2《中國》竹視傳二B-進階網頁設計 Tue, 14 Jun 2016 02:50:20 +0800 http://mepopedia.com/forum/read.php?2561,81299,81827#msg-81827 Re: [期末作業] 專題網站設計 http://mepopedia.com/forum/read.php?2561,81299,81827#msg-81827 網站主題：八方雲集
內容大綱：介紹八方雲集的食物。
主要對象(分析)：客戶。
色彩規劃：暖色調。
組員名單 :
邢玟倩 1035445080(主視覺程式碼 css)
簡語瑄 1035445179(資料查詢、圖)]]> quishi850816 104-2《中國》竹視傳二B-進階網頁設計 Tue, 14 Jun 2016 01:09:06 +0800 http://mepopedia.com/forum/read.php?2561,81299,81805#msg-81805 Re: [期末作業] 專題網站設計 http://mepopedia.com/forum/read.php?2561,81299,81805#msg-81805 2.網站主題：淡水老街
4.內容描述：介紹淡水老街附近
5.風格設計：黑底簡單配色加上可愛插圖
6.組員名單，工作分配：1035445119
7.製作心得：語法一直放錯位置，最後還是免強完成。]]> 1035445119 104-2《中國》竹視傳二B-進階網頁設計 Mon, 13 Jun 2016 22:21:52 +0800 http://mepopedia.com/forum/read.php?2561,81299,81802#msg-81802 Re: [期末作業] 專題網站設計 http://mepopedia.com/forum/read.php?2561,81299,81802#msg-81802 2.網站主題：大溪老街
3.網站架構（樹狀圖）:http://imgur.com/a53E5oY
4.內容描述：台灣最著名大溪老街
5.風格設計：古早味
6.組員名單，工作分配：
簡廷恩1035445041
翁健瑋1035445059
詹前緯1035445149
共同製作這困難的作業。
7.製作心得：不停的爭吵，最後才發現這是一個美麗的誤會，一起攜手完成這項作業!!]]> 1035445059 104-2《中國》竹視傳二B-進階網頁設計 Mon, 13 Jun 2016 22:11:57 +0800 http://mepopedia.com/forum/read.php?2561,81299,81800#msg-81800 Re: [期末作業] 專題網站設計 http://mepopedia.com/forum/read.php?2561,81299,81800#msg-81800 1.網站主題：鶯唱高歌
2.內容大綱：介紹台灣的鶯歌
3.主要對象(分析)： 遊客。
4.網頁架構圖(樹狀圖)：
View post on imgur.com

5.色彩規劃：復古風格，褐色和米白色
6.組員名單 :
吳寶蓉 1035445131(主視覺程式碼 css / 蒐集資料)
許宗舜 1035445098(圖 / 蒐集資料)
7.個人製作心得：雖然語法很多都很複雜，可是做完後真的很有成就感。]]> 吳寶蓉 104-2《中國》竹視傳二B-進階網頁設計 Mon, 13 Jun 2016 22:02:04 +0800 http://mepopedia.com/forum/read.php?2561,81299,81787#msg-81787 Re: [期末作業] 專題網站設計 http://mepopedia.com/forum/read.php?2561,81299,81787#msg-81787 1.網站主題：台灣好茶
2.內容大綱： 介紹台灣茶文化
3.主要對象(分析)：各個愛喝茶的年齡層
4.網頁架構圖(樹狀圖)：
http://i.imgur.com/RUGprgn.jpg?1
5.色彩規劃： 以茶葉的色調來做網頁的整體搭配
6.組員名單(學號）
1035445104李恩慈]]> EN-TZU LEE 104-2《中國》竹視傳二B-進階網頁設計 Mon, 13 Jun 2016 20:40:18 +0800 http://mepopedia.com/forum/read.php?2561,81299,81770#msg-81770 Re: [期末作業] 專題網站設計 http://mepopedia.com/forum/read.php?2561,81299,81770#msg-81770
2.網站主題：臺灣菜市場

3.網站架構（導覽）:


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

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

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

7.個人製作心得：雖然語法很多很複雜，看了很久，但做完後會非常有成就感。]]> 1035445158 104-2《中國》竹視傳二B-進階網頁設計 Mon, 13 Jun 2016 17:49:55 +0800 http://mepopedia.com/forum/read.php?2561,81299,81766#msg-81766 Re: [期末作業] 專題網站設計 http://mepopedia.com/forum/read.php?2561,81299,81766#msg-81766
2.網站主題：竹山
3.網站架構（導覽）
View post on imgur.com

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

6.個人製作心得：製作一個跟景點有關的網頁真不容易啊!]]> 1034445002 104-2《中國》竹視傳二B-進階網頁設計 Mon, 13 Jun 2016 16:55:35 +0800 http://mepopedia.com/forum/read.php?2561,81299,81744#msg-81744 Re: [期末作業] 專題網站設計 http://mepopedia.com/forum/read.php?2561,81299,81744#msg-81744 1.網站主題：TAINAN
2.內容大綱：介紹台南
3.主要對象(分析)： 遊客
4.網頁架構圖(樹狀圖)：[img]http://i.imgur.com/pkoZJtQ.jpg[/img]
5.色彩規劃：白色 米色 色彩很多 偏淡色系~
6.組員名單 :
呂姿儀 1035445176 (主視覺程式碼 css / 圖)
游弘斌 1035445086 (蒐集資料 / 圖)
7.製作心得：一起合力完成一個網頁滿有成就感的]]> star0106w 104-2《中國》竹視傳二B-進階網頁設計 Mon, 13 Jun 2016 00:47:31 +0800 http://mepopedia.com/forum/read.php?2561,81299,81742#msg-81742 Re: [期末作業] 專題網站設計 http://mepopedia.com/forum/read.php?2561,81299,81742#msg-81742
2.網站主題： 東北旅行
3.網站架構（導覽） [img]http://i.imgur.com/Sc4PWNT.jpg[/img]
4.內容描述： 宜蘭市古蹟文化及手藝介紹
5.風格設計： 導覽
6.組員名單，工作分配(視覺規劃、HTML CSS設計、動態效果)： 全部都是本人做
7.個人製作心得： 語法量多，明明只是新增內容，卻一直發生bug卻找不到原因]]> 1035445113 104-2《中國》竹視傳二B-進階網頁設計 Mon, 13 Jun 2016 00:00:45 +0800 http://mepopedia.com/forum/read.php?2561,81299,81739#msg-81739 Re: [期末作業] 專題網站設計 http://mepopedia.com/forum/read.php?2561,81299,81739#msg-81739
2.網站主題： 2016鹿港老街音樂文化季
3.網站架構（導覽）
https://imgur.com/Te8KeO2
4.內容描述：
5.風格設計：簡單線條和區塊做呈現
6.組員名單，工作分配(視覺規劃、HTML CSS設計、動態效果)：
1025445234彭郁惠
7.個人製作心得：]]> unite2003@yahoo.com.tw 104-2《中國》竹視傳二B-進階網頁設計 Sun, 12 Jun 2016 23:18:23 +0800 http://mepopedia.com/forum/read.php?2561,81299,81726#msg-81726 Re: [期末作業] 專題網站設計 http://mepopedia.com/forum/read.php?2561,81299,81726#msg-81726 1.網站主題： 大湖酒莊草莓文化館
2.內容大綱： 介紹草莓文化館的產品以及相關資訊
3.主要對象(分析)： 想參觀或認識草莓文化館的客人
4.網頁架構圖(樹狀圖)：
[img]http://i.imgur.com/gF10vly.jpg?1[/img]
5.色彩規劃： 運用各種深淺不一紅色 表達草莓的感覺
6.組員名單(學號）
陳郁琳 1035445071 (活動專區)
黃毓雯 1035445152 (首頁、介紹、主架構)
翁瑱真 1035445191 (產品)
王文筠 1035445206 (交通資訊)
林冠妤 1035445209 (導覽圖)]]> 翁瑱真 104-2《中國》竹視傳二B-進階網頁設計 Sun, 12 Jun 2016 02:29:07 +0800 http://mepopedia.com/forum/read.php?2561,81299,81662#msg-81662 Re: [期末作業] 專題網站設計 http://mepopedia.com/forum/read.php?2561,81299,81662#msg-81662 1.網站主題：端午
2.內容大綱：介紹台灣傳統节日端午的习俗和各地习俗
3.主要對象(分析)： 学生。
4.網頁架構圖(樹狀圖)：
[img]http://i.imgur.com/PSChwOA.jpg?1[/img]
5.色彩規劃：人文水墨。
6.組員名單 :
周李銘 1035445137 （主視覺程式碼 css）
蔡佩霖 1035445005 （圖）
鍾宜真 1035445077 （圖）
廖瑋琦 1035445134 （收集資料）
饒瑾瀓 1035445140 （收集資料）]]> 2zzzcm 104-2《中國》竹視傳二B-進階網頁設計 Thu, 09 Jun 2016 18:17:18 +0800 http://mepopedia.com/forum/read.php?2561,81299,81649#msg-81649 Re: [期末作業] 專題網站設計 http://mepopedia.com/forum/read.php?2561,81299,81649#msg-81649 2.網站主題：逢甲夜市美食小吃
3.網站架構（樹狀圖）:http://imgur.com/AnJ91hO
4.內容描述：以台灣逢甲夜市為主來介紹台灣本土美食
5.風格設計：黑底簡單配色加上可愛插圖
6.組員名單，工作分配：
葉汶綺1035445044
邱雅君1035445047
一起找資料及圖片，共同參與製作。
7.製作心得：互助合作，共同完成，共同解決困難，雖遇到一些難題，但還是努力並盡早完成。]]> 1035445044 104-2《中國》竹視傳二B-進階網頁設計 Wed, 08 Jun 2016 15:56:09 +0800 http://mepopedia.com/forum/read.php?2561,81299,81615#msg-81615 Re: [期末作業] 專題網站設計 http://mepopedia.com/forum/read.php?2561,81299,81615#msg-81615 1.網站主題：拜擺
2.內容大綱：介紹台灣傳統拜拜的習俗跟方式還有禁忌。
3.主要對象(分析)： 遊客。
4.網頁架構圖(樹狀圖)：
View post on imgur.com

5.色彩規劃：偏深紅系。
6.組員名單 :
柯惠文 1035445218(主視覺程式碼 css)
蔡妮珈 1035445194(圖)
陳冠霖 1035445056(圖)
陳韻文 1035445026(圖)
王奕璇 1035445200(蒐集資料)
彭詩婷 1035445125(蒐集資料)]]> 1035445125 104-2《中國》竹視傳二B-進階網頁設計 Mon, 06 Jun 2016 13:20:13 +0800 http://mepopedia.com/forum/read.php?2561,81299,81299#msg-81299 [期末作業] 專題網站設計 http://mepopedia.com/forum/read.php?2561,81299,81299#msg-81299
  1. 1. 作業說明
  2. 2. 企劃大綱
  3. 3. 說明
  4. 4. 回覆項目
  5. 5. 評分標準
  6. 6. 範例

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-學號(組長)，以ＦＴＰ上傳至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.網頁架構（ＨＴＭＬ＋ＣＳＳ）網頁效能 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]]> JinJin 104-2《中國》竹視傳二B-進階網頁設計 Tue, 10 May 2016 03:01:18 +0800