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-2b/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:28AM by JinJin.
(編輯記錄)

1.作業網址: http://mepopedia.com/~web103-2b/final/final-1025445044
ps.最佳解析度為 720P (1280 * 720)
2.網站主題: 羅東遊
3.網站架構(導覽)
4.內容描述: 介紹2天1夜的羅東行。
5.風格設計: 札記本風格+有紀念性的照片裝點,希望網頁的視覺感帶有回憶感與溫馨的感覺。


6.組員名單,工作分配(視覺規劃、HTML CSS設計、動態效果):

020陳玟伃 視覺規劃、圖片彙整修改、機動組
044李雅涵 CSS動態效果、文案組、機動組
062闕均璉 視覺規劃、HTML、CSS設計、圖片彙整修改
167楊淳媜 視覺規劃、圖片彙整修改、機動組
170林家瑩 視覺規劃、HTML、CSS設計、圖片彙整修改

7.製作心得:

020陳玟伃 第一次覺得電腦壞了,又要做網頁,真的是一件超不容易的事,超感謝我的組員。

044李雅涵 原以為網頁很容易簡單,沒想到照著範例語法做竟然都對不到距離,圖片還跑掉出不來,見識到網頁的可怕,尤其要從一堆語法中抓出錯誤根本大海撈針,快吐血了。

062闕均璉 高中都沒這麼累過,第一次體驗連續三天看日出,更第一次發現網路是這麼不穩定的東西。

167楊淳媜 第一次從實際參觀走訪到做網頁全部靠我們自己來,挺累人。

170林家瑩 3天熬夜超爆肝累爆,網頁語法真的難,做出來很感動。


企劃大綱

1.網站主題: 羅東遊
2.內容大綱: 介紹2天1夜的便宜行程給想去宜蘭羅東夜市與知名景點的學生族群。
3.主要對象(分析): 想去羅東旅遊的民眾
4.網頁架構圖(樹狀圖):

http://i.imgur.com/rQzIV8y.jpg


5.網頁版型設計圖
http://i.imgur.com/PGIxHcp.jpg
6.色彩規劃: 溫馨的感覺,因此使用了大量的大地色系
7.資料蒐集(分析):

【羅東夜市】

【羅東林業文化園區】

【內埤海灣】

【白米木屐村】

參考了羅東諸多景點採用了前五名去宜蘭最想去且最熱門的羅東夜市與林場。
夏天會讓人聯想到海灘,因此我們旅途中突發奇想就直奔內埤海灣。
旅遊的最後行程是去白米木屐村體驗手工製作木屐的樂趣。

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

【憩息足跡FACTORY】
希望能跟他們一樣把遠足旅遊時的興奮愉快心情,在我們的網頁中表現出來,讓觀看我們網頁的民眾能深刻感受到我們的心情。

【歲月時分 in Taipei】
採用他們的網站架構設計,畫面以左右移動為大原則。

【阿嬤的故鄉‧金門的歲月流轉】

呈現出古早味與懷舊風情,我們希望能將她們這種特有的懷念之情,套用在我們的羅東遊上,希望帶給觀者親身體驗的感覺。



Edited 13 time(s). Last edit at 06/29/2015 04:10PM by 李雅涵.
(編輯記錄)

1.網站主題:北城百年風華
2.內容大綱:介紹台北城中地區周邊景點並探討今昔比對
3.主要對象(分析):想了解與欣賞台北的人
4.網頁架構圖(樹狀圖):

5.網頁版型設計圖 : ?
6.色彩規劃:暖色系
7.資料蒐集(分析): ?
8.歷屆得獎分析(至少三組):
《許我一百年 幸福全台灣》
http://enews.kh.edu.tw/shutewish/script1/index005.asp
較為一般常見的版型,內容清晰簡單,加入了一些動畫與跑馬燈的小特效讓網頁比較有趣一點。整體風格偏比較可愛插畫式的風格。

《阿嬤的故鄉 金門的歲月流轉》
http://kinmen.venusmall.tw/OutWeb/MainDoor/Body/index.asp?TTL=8323.851
首頁(形象頁)有簡單的動畫帶入,照著故鄉的主題呈現暖色系的懷舊風格。進入網站後可以明顯看到切割成最上排是按回首頁的大標,往下是按鈕列,分別講金門的地理、歷史、和台灣的文化差異、美食、休閒生態。左列則是可以更細的去看又分為哪些部分,例:美食又分為美味小吃、風味菜、伴手禮等。在網頁內容的上方有寫一些簡單的大鋼能更快理解此頁的內容再決定要不要繼續深入了解,非常方便。此網站運用許多照片作表現,包括左上角的形象圖,與內文中相關文字的照片等。

《BRT台中》
http://www.ibrt.tw/
整體風格明亮清晰可愛,版型、移動等都是現在較為流行的方式,運用許多照片編排成的網頁,質感佳。點選內容後會將網頁移至最上方較為不方便。以一個搭車子逛台中的方式表現,內容相當有趣。
9.組員名單: 1025445041吳冠臻 1025445056楊長霖 1025445140陳曼容 1025445143張有圻 1025445197宋依柔



Edited 3 time(s). Last edit at 06/01/2015 01:07PM by 1025445197.
(編輯記錄)

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

2.網站主題: 北城百年風華
3.網站架構(導覽)
4.內容描述:介紹台北城中地區周邊景點並探討今昔比對
5.風格設計:手繪帶有日本昭和時期的風格
6.組員名單,工作分配(視覺規劃、HTML CSS設計、動態效果):
041吳冠臻:資料收集、場景拍攝
056楊長霖:視覺規劃、HTML CSS設計
140陳曼容:資料收集、修圖
143張有圻:視覺規劃、資料收集、場景拍攝
197宋依柔 :資料收集、場景拍攝

7.製作心得:
041吳冠臻: 雖然我是幫忙找資料和去拍幾個景點,但我覺得團員裡面最辛苦的是寫語法的團員,他們設定語法還有美編,真的辛苦你們了。

056楊長霖:當初提意這主題時,其實還蠻私心的,因為自己很喜歡歷史,在研究台北城的歷史時,對於台北古時風華十分著迷,所以這次作業做得很開心,也辛苦各位組員的幫忙,最後…….燈箱語法真的是有夠麻煩!!

140陳曼容: 這次的小組作業組員們都非常的努力,網頁中也可以讓人更了解當地的歷史,真的非常有趣,也非常謝謝組員們,大家都辛苦了。

143張有圻:可以做這個網頁的主題其實非常開心,可以看到臺北許多美麗的古城,並了解其歷史。和組員們一起努力做網頁也覺得非常有趣!

197宋依柔 : 我負責找城中與西門的資料和拍攝景點的工作;雖然遇到的突發狀況讓我一時反應不過來但還是順利解決了,也多虧了夥伴們努力完成網頁美編等等的語法設定,你們辛苦了。

最新更新版

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


企劃大綱
1.網站主題:
2.內容大綱:
3.主要對象(分析):
4.網頁架構圖(樹狀圖):
5.網頁版型設計圖
6.色彩規劃:
7.資料蒐集(分析):
8.歷屆得獎分析(至少三組)
BRT 台中PAPAGO http://www.ibrt.tw/
很喜歡在滑動網頁時旁邊的BRT會跟著移動,編排方式新穎有創意。
歲月時分 http://timeline.tw/
很簡單的風格,但東西卻交代的很清楚。
訪台北 http://www.funtaipei.tw/
喜歡他的小動畫和慢慢出現的文字,簡單清新讓人很舒服。
聽見,福 爾 摩沙 http://listento.tw/
整體的使用介面還蠻清楚的,畫面也很好看,但內容有些枯燥。
9.組員名單
1025445071林宛萱
1025445224林嘉瑜
1025445068黃怡蓁
1025445023李宇晴



Edited 1 time(s). Last edit at 05/20/2015 05:43PM by 1025445071.
(編輯記錄)

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

2.網站主題: 台灣健康五小吃
3.網站架構(導覽) 首頁 > 各項小吃 > 各項介紹
4.內容描述: 介紹五大台灣的健康小吃,分析其內容物、熱量、好處、著名出沒地點
5.風格設計: 插畫、向量
6.組員名單,工作分配(視覺規劃、HTML CSS設計、動態效果):
1025445002李君瀅
1025445005鄭妤柔
1025445008邱裕婷
1025445182林宜庭

7.製作心得:




企劃大綱 //

1.網站主題: 台灣健康五小吃
2.內容大綱:
傳統小吃份量雖小,熱量卻高得嚇人,小吃是台灣拚外交、觀光的宣傳武器,但是美味健康難以兼顧,
全台最普及的5大健康小吃,提醒大家聰明吃小吃的小撇步!

3.主要對象(分析): 來台觀光客、在地台灣人
4.網頁架構圖(樹狀圖):
http://imagizer.imageshack.us/v2/320x240q90/901/RX0pCP.jpg
5.網頁版型設計圖
http://imagizer.imageshack.us/v2/1024x768q90/540/fWUC8A.jpg

6.色彩規劃: 大地色系
7.資料蒐集(分析):
參考《康健雜誌》揭開 10 大危險小吃的真相
8.歷屆得獎分析(至少三組)
【BRT台中PAPAGO~】
互動性、趣味十足,跳窗頁的關閉如果做得在明顯一點,就不會有不知道怎麼回上一頁的問題
以可愛風格插畫的網頁活躍性的介紹了台中重要景點,很棒!
【FunTaipei】
清新淡雅的風格,以五感為名導覽列名稱,簡單扼要帶動"心"台北的氣息。
【大山北月】
一進去就被背景音樂快速融入其中,懷舊的鄉村音樂,搭配色鉛筆、水彩手繪的的插圖,有種想家想哭的感覺。

9.組員名單
1025445002李君瀅
1025445005鄭妤柔
1025445008邱裕婷
1025445182林宜庭



Edited 12 time(s). Last edit at 06/29/2015 12:21AM by rosezheng.
(編輯記錄)

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

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


企劃大綱

1.網站主題: 台灣節慶
2.內容大綱: 介紹華人傳統節慶的文化
3.主要對象(分析): 大眾
4.網頁架構圖(樹狀圖):
5.網頁版型設計圖
6.色彩規劃:
7.資料蒐集(分析):
8.歷屆得獎分析(至少三組)
9.組員名單 : 225 邱婉晴 226周芸卉



Edited 1 time(s). Last edit at 07/03/2015 12:03AM by JinJin.
(編輯記錄)

1.作業網址: http://mepopedia.com/~web103-2b/final/final-1025445029
2.網站主題: 台灣國家公園
3.網站架構(導覽)
4.內容描述: 向大家介紹台灣的國家公園,能更瞭解及深入
5.風格設計: 插畫、向量
6.組員名單,工作分配(視覺規劃、HTML CSS設計、動態效果):
1025445029陳佳汶 (HTML設計)
1025445065清水美帆 (視覺設計)
1025445083丘中儀 (文字設計)
1025445125王莉婷 (動畫設計)
1025448040王俐茹 (搜集資料、內文編排)
7.製作心得:
029陳佳汶 :現在網頁真的很重要,在這個課程中學到很多語法,游標、燈箱…真的很好玩,但是一旦多了真的會亂,常常連結不到,結果是因為重複到。在大家分工合作下終於完成,非常有成就感!!!希望以後還能在接觸到網頁!!想學更多,更會用!

040王俐茹:我覺得網頁雖然真的很複雜,可是慢慢一點一點做完真的會很有成就感,然後因為是分組所以我很感謝我們這組做語法跟用作圖的同學,因為這些都是要反覆有耐心的去檢查。

065清水美帆:網頁設計雖然複雜又難,但是經過這學期的課程後,比較不怕去接觸語法之類的了!而且學會了好多,越學越有趣!!做期末作業時雖然有遇到困難但是還是覺得超好玩,也很喜歡分組分工,大家一起做比自己做還來得快做的也比較細膩!真的很有成就感!!

083丘中儀:網頁設計真的蠻難的,我很多語法都看不懂,感謝我的超強麻吉做的版型真的超棒,我覺得很厲害哈哈,以後自己也要更努力去搞懂這些東西,因為現在科技越來越發達網站也越來越豐富,要學的東西真的很多,加油!!

125王莉婷:以前對於網頁真的幾乎什麼都不懂,學完這個網頁課真的收穫很多,裡面的語法什麼的都要花時間自己去摸自己改,但做完真的感覺很開心自己又多學了關於網頁裡面以前不會的東西,我們以後也可能需要設計網頁,做相關的東西,所以學會對自己也是有很大幫助,也希望以後有機會可以再學到更多關於網頁的東西。

企劃大綱

1.網站主題: 國家公園
2.內容大綱:台灣有許多美麗風景的國家公園,但有許多人只知道名字但並不了解,所以想藉由這次網站,特別介紹北中南的國家公園,讓大家能更加的瞭解自己國家的特色景點!

3.主要對象(分析): 大眾
4.網頁架構圖(樹狀圖):
5.網頁版型設計圖
6.色彩規劃:暖色系

7.資料蒐集(分析):
https://www.atlassian.com/information-management-infographic
滑鼠下滑呈現人在走動闖關並與其他物件互動,途中還會以漫畫的方式呈現對話,走到最底即成功,很有趣的網站!

https://dolox.com/#home
與得獎作品BRT的很類似,但他是以火箭為主,轉到每一頁都會有不同效果,最後一頁更精緻,以動畫的方式呈現,
途中會慢慢出現臉書推特的相關訊息!!

8.歷屆得獎分析(至少三組)
《訪台北》 http://www.funtaipei.tw/
畫面中有小插畫與小動畫,配色簡單清晰卻又不失質感,利用燈箱效果介紹每個景點,使畫面不會太複雜也能說明清楚'

《BRT 台中PAPAGO 》 http://www.ibrt.tw/
畫面右邊有一台BRT會跟著滑鼠動,加上簡單可愛的插畫與豐富的照片,使人能清楚瞭解!

《憩息足跡 》http://www.twfactory.com.tw/
利用觀光公車的概念搭配滑鼠滾動,如同真的再搭公車一樣,每個地點都有燈箱效果,點進去也有清楚的解說,插畫也畫得很用心!!!

9.組員名單 :
1025445029陳佳汶
1025445065清水美帆
1025445083丘中儀
1025445125王莉婷
1025448040王俐茹



Edited 7 time(s). Last edit at 07/01/2015 08:30PM by miho.
(編輯記錄)

1.作業網址:

2.網站主題: 台灣國際美食鼎泰豐
3.網站架構(導覽)
4.內容描述: 向大家介紹台灣的鼎泰豐,能更瞭解及深入
5.風格設計: 流線、簡單
6.組員名單,工作分配(視覺規劃、HTML CSS設計、動態效果):
1025445227 余軒萱
1025445233 楊沛蓉
1025445155 高雅淇
1025445164 楊淳媛
1025445089 卓衣芯
1025445116 林保昇

7.製作心得:


企劃大綱

1.網站主題: 鼎泰豐
2.內容大綱:雖然台灣人都知道鼎泰豐,但是對於別的國家的人並不了解,希望能透過這個網站饞打給更多的人知道台灣的美食文化!

3.主要對象(分析): 大眾
4.網頁架構圖(樹狀圖):
5.網頁版型設計圖
6.色彩規劃:中國風

7.資料蒐集(分析):

8.歷屆得獎分析(至少三組)
《訪台北》 http://www.funtaipei.tw/
畫面中有小插畫與小動畫,配色簡單清晰卻又不失質感,利用燈箱效果介紹每個景點,使畫面不會太複雜也能說明清楚'

《BRT 台中PAPAGO 》 http://www.ibrt.tw/
畫面右邊有一台BRT會跟著滑鼠動,加上簡單可愛的插畫與豐富的照片,使人能清楚瞭解!

《憩息足跡 》http://www.twfactory.com.tw/
利用觀光公車的概念搭配滑鼠滾動,如同真的再搭公車一樣,每個地點都有燈箱效果,點進去也有清楚的解說,插畫也畫得很用心!!!

9.組員名單 :

1025445227 余軒萱
1025445233 楊沛蓉
1025445155 高雅淇
1025445164 楊淳媛
1025445089 卓衣芯
1025445116 林保昇

1.作業網址:http://mepopedia.com/~web103-2b/final/final-1025445014/
2.網站主題:大溪老街
3.網站架構(導覽)
4.內容描述:介紹大溪老街的相關資訊
5.風格設計:插畫 舒適
6.組員名單,工作分配(視覺規劃、HTML CSS設計、動態效果):
1025445014張庭瑄
1025445047徐逸盈
1025445050蘇羿慈
1025445080陳玟卉
1025445101王伶
1025445119戚孟淳

7.製作心得:我們整組統整出來覺得網頁設計真的是要花費許多時間與心思去完成的,從一開始的討論方向,到討論如何製作出屬於我們風格的網頁,再到最後出來的成品。在過程中遇到了許多難題會因為少一個語法而壞了整個網頁,因此重覆操作了很多次,但也因為大家的互相幫助、互相摸索才完成出屬於我們的網頁。

1.網站主題: 大溪老街
2.內容大綱: 介紹大溪老街歷史.景點.美食.交通.住宿
3.主要對象(分析):大溪老街觀光客
4.網頁架構圖(樹狀圖):
5.網頁版型設計圖
6.色彩規劃:暖色
7.資料蒐集(分析):
8.歷屆得獎分析(至少三組)
FunTaipei- http://www.funtaipei.tw/
點進去時會覺得風格溫和舒適,些許的動畫設計多了些互動感
BRT台中- http://www.ibrt.tw/
在滑動網頁時會發現旁邊的BRT也會跟著滑動,以可愛的風格互動方式帶來歡樂 ,會讓人有想去台中的感覺
歲月時分- http://timeline.tw/
風格帶有可愛又有點成穩的感覺,他有趣的地方是會隨著年紀而做出不同的變化帶有點故事性,介紹的地方也正是這年齡層會去的地方。


9.組員名單
1025445014張庭瑄
1025445047徐逸盈
1025445050蘇羿慈
1025445080陳玟卉
1025445101王伶
1025445119戚孟淳



Edited 2 time(s). Last edit at 06/30/2015 01:47AM by penny1114.
(編輯記錄)

1.作業網址:

2.網站主題:
3.網站架構(導覽) 首頁>景點>特色>飲食
4.內容描述: 介紹新竹新八大景點及當地特色食物
5.風格設計: 清新 吧
6.組員名單,工作分配(視覺規劃、HTML CSS設計、動態效果):
黃筑暘 All
7.製作心得:


企劃大綱

1.網站主題: 彪新竹
2.內容大綱: 想去新竹玩卻又不清楚有那些景點及特色,本網站將以上列出,方便提供旅遊規劃
3.主要對象(分析):觀光客(本地+外地)
4.網頁架構圖(樹狀圖):
5.網頁版型設計圖

6.色彩規劃: 純淨路線
7.資料蒐集(分析):
8.歷屆得獎分析(至少三組)
9.組員名單
1025445134 黃筑暘



Edited 1 time(s). Last edit at 06/12/2015 09:00PM by 1025445134.
(編輯記錄)

1.作業網址:http://mepopedia.com/~web103-2b/final/final-1025445113/
2.網站主題:基隆食堂
3.網站架構(導覽)排骨飯/一口吃香腸/滷肉飯/丸角咖啡廳/周家蔥油餅
4.內容描述:以在地人對基隆的美食口袋做基隆必吃的美食網站,向民眾介紹基隆的小吃、店家。
5.風格設計:簡約古早風
6.組員名單,工作分配(視覺規劃、HTML CSS設計、動態效果):
1025445113彭瑋傑-版型設計
1025445026譚思苹-圖片資料查詢
1025445131羅品瑄-版面編排

7.製作心得:

1025445113彭瑋傑
透過這次期末介紹基隆的在地美食,在製作過程中了解只有在地人知道的美食小吃及店家,希望藉由我們製作的網頁讓大眾知道基隆的美食特色及地點,而我們是以簡單的網頁呈現如融合老師教的媒材製作希望能有好的成果呈現。

1025445026譚思苹
製作網頁對我來說非常不擅長,但是這次的期末作業我主要是負責圖文設計跟文字,比較不是做主要的東西,希望自己以後可以進步,也可以讓自己的網頁設計技能更進步些。覺得會做網頁的人真的好厲害!

1025445131羅品瑄
覺得製作中雖然有點困難,可是還是完成這項作業,雖然很想做到很好,可是覺得自己的語法使用還不夠好,所以希望有機會能多多磨練自己。

企劃大綱

1.網站主題:基隆食堂
2.內容大綱:讓大眾介紹在地人所熟悉的必吃美食
3.主要對象(分析):大眾
4.網頁架構圖(樹狀圖):排骨飯/一口吃香腸/滷肉飯/丸角咖啡廳/周家蔥油餅
5.網頁版型設計圖
6.色彩規劃:復古古早
7.資料蒐集(分析): http://www.shopcool.com.tw/list-profile/cities-2/
8.歷屆得獎分析(至少三組)
《大山北月》http://www.bighillnorthmoon.tw/cafe/
畫面中以簡單的編排方式,豐富卻不繁雜,一點進網站配著原有的音樂,很有記憶及創意,加上一點的繪圖配置恰到好處,有種手作的方式呈現,視覺感很特別。

《阿嬤的故鄉‧金門的歲月流轉》http://kinmen.venusmall.tw/OutWeb/MainDoor/Body/index.asp?TTL=82545.75
以復古的方式呈現,與我們的設計方向相仿,帶著濃濃的古早味,以四合院為主圖,介紹著金門特色,讓人記憶深刻。

《憩息足跡 》http://www.twfactory.com.tw/
利用大量的繪圖插畫,與其他的設計網站做出區別,很輕鬆樂趣的方式呈現網站的風格,讓人會想一看再看,期待下一個圖畫。

9.組員名單 :

1025445113彭瑋傑
1025445026譚思苹
1025445131羅品瑄
(因網頁設計伺服器硬碟故障重新上傳、回復)



Edited 1 time(s). Last edit at 06/28/2015 11:10PM by peng weijie.
(編輯記錄)

1.作業網址:http://mepopedia.com/~web103-2b/final/final-1025445035/
2.網站主題:九份
3.網站架構:地圖/歷史/美食/住宿
4.內容描述:簡單介紹九份的事物,讓查詢資料的人不必找很多網站參考,我們的網站就可以簡單了解食、住、歷史
5.風格設計:插畫手繪
6.組員名單,工作分配(視覺規劃、HTML CSS設計、動態效果):
1025445011劉宇婕-圖片繪製
1025445035駱亭均-HTML CSS設計、動態效果
1025445092黃貽翎-圖片繪製、視覺規劃、資料蒐集
1025445128李瑜柔-視覺規劃、 -HTML CSS設計、動態效果、資料蒐集

7.製作心得:

1025445011劉宇婕-網頁好難,大家辛苦~
1025445035駱亭均-語法好難一直亂掉,快崩潰
1025445092黃貽翎-終於做出來了,辛苦嘞~
1025445128李瑜柔-歷經太多崩潰的時刻了

企劃大綱

1.網站主題:九份
2.內容大綱:讓大眾了解九份當地歷史、食物、住宿
3.主要對象(分析):大眾
4.網頁架構圖(樹狀圖):地圖/歷史/美食/住宿
5.網頁版型設計圖
6.色彩規劃:插畫手繪
7.資料蒐集(分析):
8.歷屆得獎分析(至少三組)

BRT http://www.ibrt.tw/
可愛的車子移動,沒有什麼特別變化就有點無聊

訪台北 http://www.funtaipei.tw/
用簡單的語法做出好看的網頁!!!


9.組員名單 :

1025445011劉宇婕
1025445035駱亭均
1025445092黃貽翎
1025445128李瑜柔

(因網頁設計伺服器硬碟故障重新上傳、回復)

1.作業網址:http://mepopedia.com/~web103-2b/final/final-1025445086/
2.網站主題:台中Day
3.網站架構:台中Day→景點→美食→民宿→名產
4.內容描述:介紹台中的景點.美食.民宿和名產
5.風格設計:簡單.輕鬆
6.組員名單,工作分配(視覺規劃、HTML CSS設計、動態效果):
1025445200連怡婷
1025445077儲德君
1025445086林怡潔
1025445176呂璨榕

7.製作心得:
在製作的過程中,我們遇到了許多問題,但我們也都一一的解決了,雖然我們並不是非常會做網頁,但做了這個網頁真的非常的感動,也花了我們
不少時間,也很開心我們做好了。

企劃大綱

1.網站主題:台中Day
2.內容大綱:讓大眾了解台中景點.美食.民宿和名產
3.主要對象(分析):大眾
4.網頁架構圖(樹狀圖):台中Day

景點.美食.民宿.名產
5.網頁版型設計圖
6.色彩規劃:咖啡色.墨綠色
7.資料蒐集(分析):
勤美美術館 http://www.cmppj.org.tw/home/default
視覺規畫非常好的一個網站,非常值得參考
台中觀光旅遊網 http://travel.taichung.gov.tw/
很多資料都是在上面找到的,視個收集資料的好地方,不過美感有待加強
8.歷屆得獎分析(至少三組)

BRT http://www.ibrt.tw/
插畫風格非常的可愛,旁邊BRT移動視一大特色,不過畫面東西感覺有點多,會有點雜亂

訪台北 http://www.funtaipei.tw/
簡單的風格,不會使人感到壓力,會一直想要看下去,很棒的一個網站。

歲月時分 in Taipei http://timeline.tw/
中間的主角,點到不同頁面,它的衣服和旁邊的配角都會改變,我覺得這很特別,還有按下面的心情故事都會跳出介紹

9.組員名單 :

1025445200連怡婷
1025445077儲德君
1025445086林怡潔
1025445176呂璨榕


(因網頁設計伺服器硬碟故障重新上傳、回復)

1.作業網址:http://mepopedia.com/~web103-2b/final/final-1025445179/%E4%B8%89%E5%B3%BD%E8%80%81%E8%A1%97.html#
2.網站主題:三峽老街
3.網站架構(導覽)
4.內容描述:介紹三峽老街的相關資訊
5.風格設計:簡單 明瞭
6.組員名單,工作分配(視覺規劃、HTML CSS設計、動態效果):
1025445095 江俊逵
1025445152 林世修
1025445179 林柏元

7.製作心得:雖然是參考學長的,從中還是遇到許多困難,雖然摸了很久,但還是自行找到方法解決了
蠻有成就感的


1.網站主題: 三峽老街
2.內容大綱: 介紹三峽老街歷史.景點
3.主要對象(分析):三峽老街觀光客
4.網頁架構圖(樹狀圖):
5.網頁版型設計圖
6.色彩規劃:暖色
7.資料蒐集(分析):
8.歷屆得獎分析(至少三組)
FunTaipei- http://www.funtaipei.tw/
點進去時會覺得風格溫和舒適,些許的動畫設計多了些互動感
BRT台中- http://www.ibrt.tw/
在滑動網頁時會發現旁邊的BRT也會跟著滑動,以可愛的風格互動方式帶來歡樂 ,會讓人有想去台中的感覺
歲月時分- http://timeline.tw/
風格帶有可愛又有點成穩的感覺,他有趣的地方是會隨著年紀而做出不同的變化帶有點故事性,介紹的地方也正是這年齡層會去的地方。


9.組員名單
1025445095 江俊逵
1025445152 林世修
1025445179 林柏元

1.作業網址: http://mepopedia.com/~web103-2b/final/final-1015445250
ps.最佳解析度為 720P (1280 * 720)
2.網站主題: 紅毛城
3.網站架構(導覽)
4.內容描述: 紅毛城當天來回。
5.風格設計: 簡單的介紹紅毛城


6.組員名單,工作分配(視覺規劃、HTML CSS設計、動態效果):
1015445250 徐立綱
7.製作心得:

企劃大綱

1.網站主題: 紅毛城
2.內容大綱: 讓人們了解紅毛城的歷史及位置
3.主要對象(分析): 想了解紅毛城的人