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

Advanced

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

1. 作業說明


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

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



2. 企劃大綱


請於第十三週5/20/21前回覆
企劃大綱的內容製作

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



3. 說明


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

第十八週6/24/25上課前製作完成,課堂討論評分
期末若未出席及繳交作業,期末成績以零分計算

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



4. 回覆項目


1.作業網址:

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



企劃大綱

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


5. 評分標準


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



Edited 1 time(s). Last edit at 05/14/2015 10:29AM by JinJin.
(編輯記錄)

http://mepopedia.com/~web103-2c/final/final-1025445153/
1.網站主題: GO GO 新竹
2.內容大綱: 重點~南寮漁港及內灣景點介紹
3.主要對象(分析): 喜歡大自然的人
4.網頁架構圖(樹狀圖): 再補上ლ(゚д゚ლ)
5.網頁版型設計圖 同上乁( ◔ ౪◔)「
6.色彩規劃: 藍綠白吧
7.資料蒐集(分析):
8.歷屆得獎分析(至少三組)
9.組員名單 1025445153 廖敏君
1025445147 張 郁
1025445138 梁奕堯
(゚∀゚ ) 一切都在討論中~



Edited 1 time(s). Last edit at 07/03/2015 01:30PM by 小累.
(編輯記錄)

1.作業網址: http://mepopedia.com/~web103-2c/final/final-1025445015
2.網站主題: 樂遊風城
3.內容大綱: 介紹新竹縣美食、樂趣、文化及博物館
4.主要對象(分析): 觀光客
5.網頁架構圖(樹狀圖):


6.網頁版型設計圖
7.色彩規劃:粉紫系列為主
8.資料蒐集(分析):
9.歷屆得獎分析(至少三組)
10.組員名單
1025445015 陳曉琪
1025445102 邱筱惠
1025445111 莊于萱
1025445192 黃婷萱



Edited 3 time(s). Last edit at 06/30/2015 11:53PM by CHEN CHICHI.
(編輯記錄)

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

2.網站主題:珍動台灣_Rare animals in Taiwan

3.網站架構(導覽):
主頁
-
文字篇-水鹿、黑面琵鷺、台灣黑熊、綠蠵龜、獼猴、櫻花鉤吻鮭
動圖篇-空/飛、陸/草、海/水

4.內容描述:
可能很多人比較沒有在關注保育類動物這塊
所以想要用簡單有趣的方式來呈現,才不會那麼沉重
(介紹六種台灣代表性的保育類動物。保護狀況、特徵、習性)

5.風格設計:有趣 清新的感覺 不會感到乏味 (文字篇-每頁的變換) (動圖篇-每個的隱藏文字)

6.組員名單,工作分配(視覺規劃、HTML CSS設計、動態效果):
設計動物圖樣(048)(087)(150)
資料查詢(048)(087)
設計空陸海圖樣(117)
網站架構_設計編排(117)

7.製作心得:
完成這個期末作業,真的要感謝每個人一起用心盡力把這個網頁完成
(為了不讓網頁變得乏味,所以在一些地方做了巧思)




企劃大綱

1.網站主題:珍動台灣_Rare animals in Taiwan
2.內容大綱:簡單的介紹六種台灣代表性的保育類動物(保護狀況、特徵、習性)

3.主要對象(分析):喜愛保育類動物的人,或想了解的人

4.網頁架構圖(樹狀圖):
主頁
-
文字篇(連結點大logo)-水鹿、黑面琵鷺、台灣黑熊、綠蠵龜、獼猴、櫻花鉤吻鮭
動圖篇(連結點左側的動物們的標準色塊)-空/飛、陸/草、海/水

5.網頁版型設計圖

6.色彩規劃:
白底-(動物們的潔白與無辜)、
綠框-(指的是大自然 大自然維護著動物們)、
藍綠色的logo-(藍天白雲 陸地草皮 海洋水源 的重合體)、
六隻動物的顏色
淡藍草綠海藍(空陸海)

7.資料蒐集(分析):

8.歷屆得獎分析(至少三組)

9.組員名單:

1025445 048林侑慶
1025445 087陳盈君
1025445 117黃振誠
1025445 150張曉萱



Edited 3 time(s). Last edit at 06/30/2015 11:44PM by 綠辛.
(編輯記錄)

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

2.網站主題:蘭嶼

3.網站架構(導覽):
主頁
丁字褲
拼板舟
地下屋
蘭嶼機場


4.內容描述:
大致舉例出了有關蘭嶼的一些特色去做介紹。

5.風格設計:簡單、明瞭、設計感
6.組員名單,工作分配(視覺規劃、HTML CSS設計、動態效果):
資料查詢(099)
設計圖樣(099)
網站架構設計編排(099)

7.製作心得:
為了完成期末作業,我心力交瘁,精疲力竭,而且我還一個人!!!!!!!!
還一度交不出來而被當,但謝謝老師給我補救的機會。

企劃大綱

1.網站主題:蘭嶼
2.內容大綱:簡易的介紹蘭嶼的特色。

3.主要對象(分析):想對蘭嶼多瞭解的人。

4.網頁架構圖(樹狀圖):
- 主頁
- 丁字褲
- 拼板舟
- 地下屋
- 蘭嶼機場
5.網頁版型設計圖

6.色彩規劃:
蘭嶼給人心曠神怡的感覺,所以白色為底,燈箱由蘭嶼的象徵拼板舟為設計,
點進去之後以拼板舟上的紅為底色,再加上解說。


9.組員名單:
1025445099 陳盛倫

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

2.網站主題: 新莊好去處
3.網站架構(導覽) 暢遊新莊/上游藝文/百年老街/輔仁大學
4.內容描述: 介紹新莊好玩好去的地方
5.風格設計: 簡單的風格用土黃色係還有大量的白底來設計
6.組員名單,工作分配(視覺規劃、HTML CSS設計、動態效果):
1025445069 古珮儒 |拍攝照片、視覺規劃、HTML CSS設計、動態效果
1025445072 王人永 |拍攝照片、視覺規劃、HTML CSS設計、動態效果
7.製作心得:
互相合作才能做出屬於自己的網站,雖然過程中有遇到許多困難,但我們還是做出來了

企劃大綱

1.網站主題: 新莊好去處
2.內容大綱: 介紹新莊好玩好去的地方
3.主要對象(分析):想了解新莊或到新莊遊玩的大眾
4.網頁架構圖(樹狀圖):
暢遊新莊| 上游藝文|百年老街|輔仁大學
介紹新莊| 中港大排 | 新莊廟街| 輔仁大學
| | | | 福壽街 | | 新莊夜市
| | | | 文藝中心 |新月橋
| | | | 體育場
5.網頁版型設計圖
6.色彩規劃:土黃色係、白
7.資料蒐集(分析):
8.歷屆得獎分析(至少三組)
9.組員名單
1025445069古珮儒
1025445072王人永



Edited 1 time(s). Last edit at 06/29/2015 04:14PM by KUPEIRU.
(編輯記錄)

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

2.網站主題: 台中GO!
3.網站架構(導覽)
4.內容描述: 台中特色景點
5.風格設計: 插畫溫馨
6.組員名單,工作分配(視覺規劃、HTML CSS設計、動態效果): 劉玉文(插圖資料蒐集)、鄭喬薰鍾婷玟(主要網站架設)
7.製作心得: 燈箱跟彈跳視窗比較難其他還OK,做完很有成就感


企劃大綱

1.網站主題:台中特色景點
2.內容大綱: 台中有很多好玩的地方,吃的、玩得、逛的.....很多很多,做成一個有質感的網站,供大家參考
3.主要對象(分析):年輕人愛嘗鮮選擇特色美食、景點
4.網頁架構圖(樹狀圖):
主業(台中GO!)
食 :宮原眼科 幸發亭 怪物冰
藝文 歌劇院 路思義教堂 湖心亭
美術館:台灣美術館 勤美
夜市 : 一中 逢甲 旱溪
風景: 高美濕地 秋洪谷

5.網頁版型設計圖

6.色彩規劃: 簡單配色
首頁粉綠色系
內容藍綠色系

7.資料蒐集(分析):
8.歷屆得獎分析(至少三組)
9.組員名單
1025445006鄭喬薰
1025445090鍾婷玟
1025445120劉玉文



Edited 2 time(s). Last edit at 07/03/2015 01:13AM by 1025445006.
(編輯記錄)

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

2.網站主題:看見,台灣節慶
3.網站架構(導覽):
4.內容描述:介紹台灣不同的節慶
5.風格設計:插畫風,活潑顯眼
6.組員名單,工作分配(視覺規劃、HTML CSS設計、動態效果):目前還沒確定
7.製作心得:很多東西很複雜,但學到很多


企劃大綱

1.網站主題:看見,台灣節慶
2.內容大綱:介紹台灣重要的幾個節慶
3.主要對象(分析):想更認識台灣的大朋友小朋友thumbs up
4.網頁架構圖(樹狀圖):
5.網頁版型設計圖
6.色彩規劃:活潑 鮮豔
7.資料蒐集(分析):
8.歷屆得獎分析(至少三組)
9.組員名單
1025445009 蔡宜庭
1025445018 陳怡融
1025445036 李易達
1025445039 何佳霖
1025445123 姚育慈
1025445180 謝芷寧



Edited 1 time(s). Last edit at 07/03/2015 03:20PM by 1025445018.
(編輯記錄)

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

2.網站主題: 蘭嶼我遊玩
3.網站架構 page1---蘭嶼地圖簡介
page2---蘭嶼遊玩風景介紹-----三個小頁面
page3---當地美食介紹-----四個小頁面
page4---交通介紹-----可外連德安航空首頁

4.內容描述:簡單介紹蘭嶼
5.風格設計: 鮮明簡潔配置
6.組員名單,工作分配(視覺規劃、HTML CSS設計、動態效果):
1025445186彭韋豪
1025445198謝秉宇
1025445159徐楚翔
1025445171謝睿騏

7.製作心得: 滿多地方滿難的 尤其是加了JAVA的語法做動態效果,常常遇到語法錯誤頁面跑錯的問題,可是反覆看了語法卻又不知道哪裡錯,挫折感滿大的。


企劃大綱

1.網站主題: 蘭嶼
2.內容大綱: 介紹蘭嶼
3.主要對象(分析): 愛旅遊愛看風景體驗不同文化
4.網頁架構圖(樹狀圖):
page1---蘭嶼地圖簡介
page2---蘭嶼遊玩風景介紹-----三個小頁面
page3---當地美食介紹-----四個小頁面
page4---交通介紹-----可外連德安航空首頁

5.網頁版型設計圖
6.色彩規劃: 鮮明
7.資料蒐集(分析):
8.歷屆得獎分析(至少三組)
9.組員名單
1025445186彭韋豪
1025445198謝秉宇
1025445159徐楚翔
1025445171謝睿騏

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

2.網站主題:Hualien
3.網站架構(導覽):
4.內容描述:介紹花蓮的風景
5.風格設計:簡單色塊
6.組員名單,工作分配(視覺規劃、HTML CSS設計、動態效果):
1025445045 饒文欣-動態效果製作
1025445051 林芳伃 -搜集資料和整理
1025445126 宋映萱 -HTML CSS設計
1025445129 王嬿婷 -HTML CSS設計
1025445132 羅雅嫚-照片修改
7.製作心得:
其實我們在這作業上很用心,本來想要做出不一樣的風格,照片版型都設定好了,但燈箱一直跳不出來,上網找了方法也行不通,也花了很多的時間,最後只能使用老師課堂上所教的風格做,但我們盡可能地做出讓人清心又舒服的感覺,我們的視覺規劃是大家一起討論的

企劃大綱

1.網站主題:Hualien
2.內容大綱: 利用色塊介紹花蓮,在旁邊有個動態的視窗地圖,地圖上所指示的地方都是他們的正確地理位子
3.主要對象(分析):想到花蓮玩的遊客
4.網頁架構圖(樹狀圖):
5.網頁版型設計圖


6.色彩規劃: 海洋休閒風格
7.資料蒐集(分析):照片部分是自己的有些事上網找的
8.歷屆得獎分析(至少三組)
9.組員名單
1025445045 饒文欣
1025445051 林芳伃
1025445126 宋映萱
1025445129 王嬿婷
1025445132 羅雅嫚

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

2.網站主題:桃園Taoyuan

3.網站架構(導覽):主頁面 觀音濱海遊憩區 羅浮雙橋 大溪老街 永安漁港 地圖

4.內容描述:介紹桃園的景點
5.風格設計:簡單風
6.組員名單,工作分配(視覺規劃、HTML CSS設計、動態效果):
1025445012 戴嫻純
1025445078黃歆媛
1025445096徐琬凌
1025445108張惟婷
1025445156蔡佳芬
1025445174黃琪雅

7.製作心得:
很有成就感的,製作出和上學期更不一樣的網頁。雖然沒有製作出屬於自己的網頁但是對於網頁有更深入的了解。

企劃大綱

1.網站主題:桃園Taoyuan
2.內容大綱: 介紹桃園景點
3.主要對象(分析):想到桃園遊玩的旅客

4.網頁架構圖(樹狀圖):
(0)主頁面
(1)觀音濱海遊憩區
(2)羅浮雙橋
(3)大溪老街
(4)永安漁港
(5)地圖

(各有一個介紹頁面)

5.網頁版型設計圖
6.色彩規劃:簡單明瞭風格
7.資料蒐集(分析):照片、料上網找的 ,在進photoshop修改

8.歷屆得獎分析(至少三組)
(1)BRT台中PAPAGO~
(2)台北咖啡城市
(3)大山北月
都有設計感,並結合許多自己設計的元素。

9.組員名單
1025445012 戴嫻純
1025445078黃歆媛
1025445096徐琬凌
1025445108張惟婷
1025445156蔡佳芬
1025445174黃琪雅

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

2.網站主題:台灣夜市
3.網站架構(導覽):台灣,士林,南勢角,逢甲,金鑽,瑞豐
4.內容描述:台灣前幾大有名夜市
5.風格設計:簡約
6.組員名單,工作分配(視覺規劃、HTML CSS設計、動態效果): 視覺規劃:唐偉。 HTML CSS設計:陳姿璇,逄堡鈞。 動態效果:林禹丞
7.製作心得:過程相當複雜,花費不少時間,不過做完時,相當有成就感


企劃大綱

1.網站主題:台灣夜市
2.內容大綱:介紹台灣前幾大有名夜市
3.主要對象(分析):外地想了解台灣的遊客
4.組員名單:1025445042逄堡鈞 1024555183:陳姿璇 1025445081 林禹丞 1025445093 :唐偉

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

2.網站主題:金門回憶

3.網站架構(導覽):主頁面 金門 風景 人文 歷史 地圖

4.內容描述:金門之美
5.風格設計:簡約風(黑白)
6.組員名單,工作分配(視覺規劃、HTML CSS設計、動態效果):
1025445024 吳秉叡
1025445030 王泰然
1025445177 吳永婷
7.製作心得:
不太會做網頁的設計 只好用作業7的架構來重新設計

企劃大綱

1.網站主題:金門回憶
2.內容大綱: 介紹金門的美
3.主要對象(分析):想瞭解金門的美的人
4.網頁架構圖(樹狀圖):
(0)主頁面
(1)金門
(2)風景
(3)人文
(4)歷史
(5)地圖

(各有一個介紹頁面)

5.網頁版型設計圖
6.色彩規劃:簡單明瞭風格
7.資料蒐集(分析):照片、料上網找的 ,在進photoshop以及ai修改

8.歷屆得獎分析(至少三組)


9.組員名單
1025445024 吳秉叡
1025445030 王泰然
1025445177 吳永婷

.作業網址: http://mepopedia.com/~web103-2c/final/final-1025445060/

2.網站主題:巷弄裡的下午茶
3.網站架構(導覽) 野餐吧/溫古咖啡/美好年代/愛麗絲咖啡
4.內容描述: 介紹各個下午茶的特點
5.風格設計:鄉村雜貨風
6.組員名單,工作分配(視覺規劃、HTML CSS設計、動態效果):
1025445060 黃淯婷 〈HTML 、動態效果 〉
1025445135 李品萱 〈HTML 、圖片製作 〉
7.製作心得:
過程中遇到很多問題,像是燈箱出不來,但後來問老師有解決

企劃大綱

1.網站主題:巷弄裡的下午茶
2.內容大綱: 介紹各個下午茶的特點
3.主要對象(分析):喜歡吃下午茶的朋友們
4.網頁架構圖(樹狀圖):
野餐吧| 溫古咖啡|美好年代|愛麗絲咖啡
6.色彩規劃:亮色系
7.資料蒐集(分析):
8.歷屆得獎分析(至少三組)
9.組員名單
1025445060 黃淯婷
1025445135 李品萱

1.作業網址:http://mepopedia.com/~web103-2c/final/final-1025445054/
2.網站主題:澎湖喔嗨喲
3.網站架構(導覽):
首頁----澎湖喔嗨喲
----- 雙心石滬
----- 跨海大橋
----- 花火節
4.內容描述: 介紹澎湖風景跟當地特色活動跟景點
5.風格設計:海灘清爽可愛感 讓我們以輕鬆度假的角度跟心情去了解當地美景跟活動
6.組員名單 工作分配(視覺規劃、HTML CSS設計、動態效果):
底圖照片 鯨魚設計(陳文晴)
架構設計(陸怡潔)
資料內容(洪筠真)(許雅筑)
上台報告(林子軒)
修改統整(許雅筑)(陸怡潔)(洪筠真)
7.製作心得: 之前有很多部分都卡住 但還好大家一起完成了


企劃大綱

1.網站主題:澎湖
2.內容大綱:介紹活動跟景點
3.主要對象(分析):想了解澎湖的人 觀光客..等
4.網頁架構圖(樹狀圖):
首頁----澎湖喔嗨喲
----- 雙心石滬
----- 跨海大橋
----- 花火節
主頁
5.網頁版型設計圖
6.色彩規劃:
底色---灰白帶點咖啡色 加白
圖片 鯨魚---多以藍色為主
7.資料蒐集(分析): 網路上找的
8.歷屆得獎分析(至少三組)
9.組員名單:
1025445054 許雅筑
1025445063 洪筠真
1025445162 陸怡潔
1025445033 林子軒
10254450 陳文晴