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

Advanced

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

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

1. 作業說明


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

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

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

[hr]

2. 企劃大綱


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

1.網站主題:
2.內容大綱:
3.主要對象(分析):
參考版型:
(1)以作業七版型持續製作
(2)作業八版型(請貼參考版型網址)
http://mepopedia.com/forum/read.php?804,84881

4.網頁架構圖(樹狀圖):
5.網頁版型設計圖
6.色彩規劃:
7.歷屆得獎分析(至少三組)
8.組員名單(學號)

[hr]

3. 說明


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

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

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

[hr]

4. 回覆項目


1.作業網址:http://mepopedia.com/~css105-2a/final/final-1045445XXX

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

[hr]
企劃大綱

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

[hr]

5. 評分標準


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

[hr]
上傳圖片可使用
http://imgur.com/

若寬度太寬,請使用以下語法,將圖片網址帶入:
<img width="100%" src="圖片網址" border="0">

1.作業網址:http://mepopedia.com/~css105-2a/final/final-1045445034

2.網站主題:新竹養豬記

3.內容描述: (介紹新竹熱鬧夜市及隱藏版必吃美食 )
4.風格設計: 可愛/插畫/粉嫩

5.組員名單,工作分配(視覺規劃、HTML CSS設計、動態效果):
1045445034 邱喬婞 主題討論、資料蒐集&整理、素材插畫繪製、CSS設計HTML設計、動態效果規劃
1045445004曾瑋琮 主題討論、資料蒐集&整理、素材插畫繪製、動態效果規劃


6.個人製作心得:
1045445034 邱喬婞 --->怎摸說呢已經天亮了!!!從1個禮拜前開始做 一直有問題,一直重做了至少5次! 嗚嗚好險在最後一天順利結束了~~
找了好多好吃的越做越餓了~網頁很好玩的!!!

1045445004曾瑋琮 --->覺得過程很辛苦很複雜 但是組長很細心的研究試了很多次才成功的 能做出一個網頁真的很有成就感^^

************************************

1.網站主題: 新竹養豬記
2.內容大綱: 介紹新竹熱鬧夜市及隱藏版必吃美食
3.主要對象(分析): 主要對像是大眾或是到新竹遊玩的對象

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

延續作業7的排版


5.網頁版型設計圖 標準尺寸
6.色彩規劃: 以粉色系調為主
7.歷屆得獎分析(至少三組)
http://timeline.tw/
很適合我們製作的方向與風格
http://mepopedia.com/~web102-a/final/final-1015445002/taiwan#
簡約的連結 找到重點資訊
http://mepopedia.com/~web102-c/final/final-1015445215/
可愛手繪的風格 加些改變與我們風格很搭


8.組員名單(學號)
1045445004
1045445034



Edited 3 time(s). Last edit at 06/21/2017 05:15AM by 1045445034.
(編輯記錄)

Attachments:
開啟 | 下載 - 08-01.jpg (1.45 MB)
1.作業網址:http://mepopedia.com/~css105-2a/final/final-1045445013

2.網站主題: 新竹 Let's go

3.內容描述:
一打開我們的網頁,首先最先看到的是新竹火車站,而我們也在第一開始做連結了新竹火車站的歷史,之後就開始介紹新竹地形、氣候以及飲食文化,再接著看到的是新竹最有名的城隍廟,查了相關的資料,有他的簡介、歷史還有建築特色,為了讓遊客方便到達城隍廟,我們還放了公車資訊,及連結網站,點文字就可更了解公車時刻表,接著介紹了新竹的景點,有十七公里海岸線、豎琴橋、夏季三角景觀餐廳、司馬庫斯、內灣及眷村博物館,都有詳細的介紹景點,接著就是新竹美食了,有鴨香飯、貢丸、炒米粉。

為了讓遊客有更多打卡景點,我們還增加了四個特殊景點,最後以名言做結尾,希望遊客能在旅遊當中有很大的收穫,網頁部分,最下面我們有做相關資訊連結,讓遊客能更深入了解。thumbs upspinning smiley sticking its tongue outspinning smiley sticking its tongue outspinning smiley sticking its tongue outspinning smiley sticking its tongue outthumbs up



4.風格設計:
●採用簡單活潑顏色,讓遊客能在查詢資料時,可以以輕鬆方式來觀看我們的網頁。
●在每個連結的地方,都有另外做變色效果。



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

1045445013 許芸瑜 - 整體網頁文字、HTML設計、照 (圖) 片排版、動態效果、視覺規劃、查詢資料

1045445016 巫佳雯 - 整體網頁配色、CSS設計、動態效果、視覺規劃、查詢資料




6.個人製作心得:

1045445013 許芸瑜 -
雖然做得很久,一開始也很不知道要怎麼設計這個網頁,然後也覺得程式碼好亂看不懂,但是後來都有去克服他,做完這個網頁覺得效果還不錯,我也在每個連結地方做了變色的效果,覺得比較有趣,然後有些連結還放上了圖片,有互動感。

1045445016 巫佳雯 -
過程中真的遇到很多問題和不會的地方,但是在我與組員的討論和研究慢慢的摸索出答案,當下問題解決只有一個情緒形容 「 爽 」!比想像中的還要辛苦和吃力,但是能跟組員一起完成專屬於我們的網頁,感觸很多雖然辛苦但是很值得很享受那過程中,收穫滿滿滿。



[hr]



1.網站主題: 新竹 Let's go
參考版型:http://www.free-css.com/free-css-templates/page213/voltage

2.內容大綱: 介紹新竹

3.主要對象(分析): 大眾、網美拍攝地點、喜愛客家小吃的人

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



5.網頁版型設計圖



6.色彩規劃: 淡彩

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

1. 食安問題 http://www.hitribe.idv.tw/
● 版面簡單不花俏,卻不失設計感,讓人一目瞭然
● 給人有舒服的感覺,插畫的設計也很可愛
● 讓我們更深入了解食安的問題

2. 古早味鹹酸甜 http://retrospective.idv.tw/
● 一點進去就有驚喜的感覺,讓人想繼續看下去
● 排版真的真的真的很有古早味,又加上配樂,整個就很有氣氛
● 感覺很用心

3. 低碳好好行7投日月潭 http://itwgreentour.com.tw/#know
● 編排頁面相當仔細
● 分類明確,很懂遊客的需求,還做了各種路線供遊客參考
● 還做了客製化的電子郵件欄位,增加趣味

8.組員名單(學號)
1045445013
1045445016



Edited 3 time(s). Last edit at 06/21/2017 12:25AM by yunyu912.
(編輯記錄)

Attachments:
開啟 | 下載 - 189517.jpg (95.2 KB)
開啟 | 下載 - 網.jpg (727.2 KB)
1.網站主題: 南行
2.內容大綱: 南部可以欣賞到的風景,遊玩的場所。
3.主要對象(分析): 針對想去台南、嘉義遊玩的旅客,不限國內外遊客。
4.網頁架構圖(樹狀圖):
附件
5.網頁版型設計圖
參考版型:https://html5up.net/dimension
6.色彩規劃:封面為綠色系,內頁(跳窗)統一淺色、明亮
7.歷屆得獎分析:
大山北月l森林步道X策展空間X慢活餐飲
http://www.bighillnorthmoon.tw/cafe/
台灣字崛TaiwanWords
http://www.words.tw/
夜色台北Nightscape Taipei
http://www.taiwanonly.tw/
8.組員名單
1045445136
9.作業網址:http://mepopedia.com/~css105-2a/final/final-1045445136
10.風格設計:簡潔、幽靜的風格。
11.個人製作心得:用了不同的版型製作, 果然很費時, css要調整變化就需要一些時間找語法, html部分找不到改主頁鑽石logo的地方



Edited 6 time(s). Last edit at 06/20/2017 07:13PM by 1045445136.
(編輯記錄)

Attachments:
開啟 | 下載 - 架構圖-01-01.jpg (2.74 MB)
1.網站主題: 台灣形
2.內容大綱: 介紹台灣北中南東特色地形景點。
3.主要對象(分析): 觀光客、旅客
4.網頁架構圖(樹狀圖):

參考版型:http://www.free-css.com/free-css-templates/page212/squad-free
5.網頁版型設計圖
6.色彩規劃:淺藍、淺綠、灰、白
7.歷屆得獎分析(至少三組)
Slang Formosa(醋咪ㄟ流行語) http://www.slangmosa.tw/
●網站整體十分的有趣,充滿現代流行語,很有親切感。
●每個圈圈都有超連結,十分的認真。
《o`big!》藏在巷弄禮的風雅小世界 http://www.obig.com.tw/
●網站設計成信紙,十分有創意。
●整體排版也很舒適,十分整齊。
食尚大學 http://www.foosion.tw/
●把食物分的很細,介紹也很完整。
●版面乾淨整齊,值得參考。
8.組員名單(學號)
1045445100
1045445181

1.作業網址:http://mepopedia.com/~css105-2a/final/final-1045445100

2.網站主題: 台灣形
3.內容描述:介紹北中南東其特有的特色地形景點,並講解各種地形形成的原因。
4.風格設計: 屬於淺色系,並讓頁面乾淨整齊,想讓看網站的人可以有輕鬆舒適感。
5.組員名單,工作分配(視覺規劃、HTML CSS設計、動態效果):

6.個人製作心得:1045445100 楊承邦:這次作業感覺是全部作業中最難的,因為要去套用一個陌生的版面,從陌生版面中要自己慢慢摸索才能了解原始碼的架構,所以光是了解整體架構就花費了許多時間。
1045445181 張晉愷:雖然我一直吵,問這個怎麼做、那個怎麼做,你都不厭其煩的教我,真的感謝我的小組員,才能把網頁做的那麼詳細、那麼好,乾蝦。



Edited 7 time(s). Last edit at 06/21/2017 08:08PM by 1045445100.
(編輯記錄)

1.網站主題:早安,晨之美。
2.內容大綱: 製作有關不同縣市吃早餐的飲食文化,藉此探討他們的生活習慣。
3.主要對象(分析):大眾和想要了解台灣不同地區不同的早餐飲食習慣的民眾。
4.網頁架構圖(樹狀圖):http://imgur.com/a/uXOeT
5.網頁版型設計圖 :http://www.foosion.tw/
6.色彩規劃:橘黃色和暖色系。
7.歷屆得獎分析(至少三組)
《o`big!》藏在巷弄禮的風雅小世界 http://www.obig.com.tw/
●排版明瞭有秩序,讓使用這閱讀起來可以得心應手。
回味柑仔店 http://retrospective.idv.tw/
●有質感又有趣,非常符合標他的主題。
瘋樂!!!骰進 Taiching http://funtaichung.idv.tw/#
●不但結合大富翁的遊戲,增加網頁的豐富度。
8.組員名單(學號)
1045445058
1045445175
1045445094
1045445067

1.作業網址:http://mepopedia.com/~css105-2a/final/final-1045445058
2.網站主題:早安,晨之美
3.內容描述:製作有關不同縣市吃早餐的飲食文化,藉此探討他們的生活習慣。
4.風格設計:主要以手繪跟電繪的方式呈現,努力做得很可愛的感覺。
5.組員名單,工作分配(視覺規劃、HTML CSS設計、動態效果):
1045445058 陳佳欣-HTML,1045445175 黃琪涵-視覺規劃,1045445067 黃莉晴-CSS設計,1045445094 曾榮輝-動態效果
6.個人製作心得:大家這次通通都做到通霄呢~找版型找了好久,還是不知道老師推薦的網站版型要怎麼使用,第一次有自己架網站的感覺,很有成就感呢!



Edited 5 time(s). Last edit at 06/20/2017 02:27AM by 1045445058.
(編輯記錄)

1.網站主題: Sanasay (綠島的阿美族語)
參考版型 :
作業7
2.內容大綱:介紹綠島特色與文化歷史以及美麗的拍照聖地、海底世界
3.主要對象(分析): 國內外觀光客
4.網頁架構圖(樹狀圖):http://imgur.com/a/KF0Pm
5.網頁版型設計圖
6.色彩規劃: 冷色系、淺色系
7.歷屆得獎分析(至少三組) :
A http://www.groceryl.idv.tw/ 回味柑仔店
和主題一致的復古風格網站,配上音樂很吸引人
B http://www.slangmosa.tw/ 醋咪ㄟ流行語
網站內容非常有趣,也富有教學性質~
C http://funtaichung.idv.tw/ 瘋樂!!!骰進 Taiching
網頁整體非常的可愛!可以邊玩邊認識台中
8.組員名單(學號) :
1045445043
1045445178

1.作業網址:http://mepopedia.com/~css105-2a/final/final-1045445043
(圖是043畫ㄉsmiling bouncing smiley)

2.網站主題: Sanasay
3.內容描述: 介紹綠島
4.風格設計:
5.組員名單,工作分配(視覺規劃、HTML CSS設計、動態效果):
6.個人製作心得:
重做了好幾次,發現很多小地方還是不太會,色彩搭配就想了很久
哈哈 雖然最後的成品跟一開始想像中的有點不同 但畢竟也是花了很
多時間做出來的 所以還是小滿意~ (043)
還是有些地方不太會做..改了好多次(178)



Edited 4 time(s). Last edit at 06/23/2017 12:52AM by 1045445043.
(編輯記錄)

1.網站主題:九份玩記
2.內容大綱: 介紹九份的特色、美食、和交通等等
3.主要對象(分析): 主要對像為沒去過九份的觀光客
4.網頁架構圖(樹狀圖):
[img]http://666kb.com/i/dk95fe404bk3t7tsf.jpg[/img]
5.網頁版型設計圖 標準尺寸
6.色彩規劃:以較復古的色系為主並且融入現代感
7.歷屆得獎分析(至少三組) [code]
http://www.lavendercottage.com.tw/zh-tw/forest#!forest/menu/2/71
這一個網站的風格為比較簡潔,並已融入插畫使整體看起來很可愛,我們也可能會以他們的風格為出發點。

http://www.foosion.tw/
這一個網站為現在比較常看到的網頁架設型式,整體看起來很乾淨。

http://www.bighillnorthmoon.tw/cafe/
這一個網站是以一個畫面作為呈現,點及下面的標題,畫面就會換置關於那個的內容,呈現方式也蠻有特色的。

8.組員名單(學號)
1045445166 許良晨
1045445007 鄭旭堯

9.參考版型:https://templated.co/phaseshift

10.完成期末作品網址:http://mepopedia.com/~css105-2a/final/final-1045445007/index.html

11.分工表:
[img]http://666kb.com/i/dk964peebxj1gkhvz.jpg[/img]

12心得:
鄭旭堯:
很快這學期又結束了,這堂課讓我重新認識網頁製作,雖然現在學的東西還很基本,但在這幾堂課裡還是學到了許多的東西,往後一定有更多需要往這裡發展的機會,也期望自己能更認識這塊領域。

許良晨:
從平時作業的練習到期中期末的挑戰,從覺得很困難到慢慢上手真的有很大的突破,從零到有的感覺真的很有成就感,雖然遇到困難時還是會很頭痛,但解決後還是很開心,也感謝老師在這學期的教導。



Edited 3 time(s). Last edit at 06/20/2017 11:56PM by 1045445007.
(編輯記錄)

1.網站主題: 逢時遇節

2.內容大綱:台灣的傳統節日(春節/元宵/清明/端午/七夕/中元/中秋/重陽/冬至)

3.主要對象(分析):想要了解台灣傳統文化的人

4.網頁架構圖(樹狀圖):
[img]http://i.imgur.com/RybiyRg.jpg[/img]

5.網頁版型設計圖 :(作業七)

6.色彩規劃: 台灣的節慶習俗大多有希望親友團聚的意思,因此我們大多想運用歡樂、愉悅的暖色調去做背景及插圖的規劃,至於其他類似清明節的節慶,大多會使用較冷的色系,但內容依然會表達團結感。

7.歷屆得獎分析(至少三組)
《台灣包車網台灣包車旅遊專家》
http://www.baoche.tw/
-內容豐富
-背景使用影片
-介紹非常詳細
《聽見福爾摩沙》
http://listento.tw/
-主頁非常有趣
-能夠讓瀏覽者有互動
-分頁製作也非常有趣像是在翻電子書
《歲月十分》
http://timeline.tw/
-插畫作背景老少咸宜
-列表使用一條路來呈現非常有趣
-排版非常好

8.組員名單(學號)
1045445082
1045445124
1045445142
1045445151
1045445172
1045445199

9.作業網址:http://mepopedia.com/~css105-2a/final/final-1045445151

10.分工表:
[img]http://i.imgur.com/jvY2Z8s.jpg[/img]

11.個人製作心得:
1045445082-

1045445124-做網頁真的是一件好累的事 花了好久的時間終於是把它給完成了 不過雖然過程有些困難 搞不懂的地方 但大家還是一起努力的做完了 很開心 終於可以放鬆了
1045445142-

1045445151-一開始有點一團亂,但後來慢慢的可以開始自己找出網頁哪裡出問題或是少了哪些東西為什麼跟我想像的不一樣,找到解決之後總會有小小的成就感然後更有動力繼續做下去^ ^
1045445172-

1045445199-



Edited 11 time(s). Last edit at 06/26/2017 03:42PM by 151.
(編輯記錄)

1.作業網址:http://mepopedia.com/~css105-2a/final/final-1045445154

2.網站主題: FunYoung桃園
3.內容描述: 桃園的風景以及地方特色
4.風格設計: 清新的自然風格,讓人一目瞭然有哪些景點
5.組員名單,工作分配(視覺規劃、HTML CSS設計、動態效果): 我
6.個人製作心得:很喜歡這次參考的網頁設計,因此就用了,很喜歡這簡單風格。可是我那消失的圖片在我的電腦看真的沒事,是來學校才發現的,所以我也不知道怎麼辦,而且我的分頁項目也是橫列在上面的.....sad smiley



Edited 1 time(s). Last edit at 06/21/2017 11:58AM by A_MA0109.
(編輯記錄)

1.網站主題: 新竹城隍廟
2.內容大綱: 介紹新竹城隍廟歷史及附近美食
3.主要對象(分析): 想了解當地歷史文化及想進行輕旅行的遊客。
4.網頁架構圖(樹狀圖):

[img]http://i.imgur.com/24HgemB.png[/img]
5.網頁版型設計圖 :作業7
6.色彩規劃:古色調
7.歷屆得獎分析(至少三組)
古早味鹹酸甜:進入網站的方式特別有趣,搭配著傳統的配樂及各式古早零食的圖片,整體介面非常和諧,連結的方式也清楚明瞭好操作。

原來那有趣.HiTribe:網頁的組織非常清楚,資源的連結及敘述也都很詳細,點綴的插圖也讓整個網頁更加活潑。

obig台灣:一打開網站,清新的圖片會讓人很想要繼續瀏覽下去。把整個台灣具有個人魅力的街道小店全都羅列出來,並且在地圖上明了的標識出來。讓人能夠一覽無余,並且點擊自己感興趣的部分,還會有彈窗特別介紹。仿佛通過網站就能感受創意街區的有趣。
8.組員名單(學號)1045445061 1045445196

1.作業網址:http://mepopedia.com/~css105-2a/final/final-1045445061/

2.網站主題: 新竹城隍廟
3.內容描述: 以介紹城隍廟為主,其內部的神明,能夠使人更加了解城隍廟的歷史和作用。也介紹了周邊的美食。
4.風格設計: 簡約 手繪和照片相結合
5.組員名單,工作分配(視覺規劃、HTML CSS設計、動態效果):
1045445061:視覺規劃、手繪、圖片編輯
1045445196:HTML CSS設計、圖片編輯、動態效果
6.個人製作心得:
1045445196:比起期中,期末作業又上升了一個難度,借鑒的網站的程式碼很多很複雜,需要很仔細的去對照才能夠找到。想要在某些部分加入一些效果,但加入了程式碼卻沒有起到作用,可能是自己還不夠熟悉。製作的過程有些曲折,但最後成功做出來了,還是挺滿足的。
1045445061:透過這次的作業,我們去探訪了新竹城隍廟,並透過所學製作出一個相關網頁,覺得很有趣也有成就感,並且透過這次的作業也更進一步的了解到一些操作方式。

參考網站:http://www.templatemo.com/live/templatemo_501_neaty



Edited 2 time(s). Last edit at 06/14/2017 11:36AM by 1045445061.
(編輯記錄)

1.作業網址:http://mepopedia.com/~css105-2a/final/final-1045445157
2.網站主題:台北車站
3.內容描述:介紹北車歷史、大廳美食
4.風格設計:極簡、方框
5.組員名單,工作分配(視覺規劃、HTML CSS設計、動態效果): 1045445157(個人分組)
6.個人製作心得:原本的版型設計就很好看了,讚嘆這些設計網頁的大大~從無到有固然比較難,但是這種有版型可以套的就相對簡單些

-------------------------------------------

1.網站主題: 台北車站
2.內容大綱: 分享台北車站附近的美食、地下街
3.主要對象(分析): 不管是國外或國內來的人都可以體驗北車的一切
4.網頁架構圖(樹狀圖):
http://imgur.com/zkn0i7R
5.網頁版型設計圖 :
http://imgur.com/2V2WnTV
6.色彩規劃: 白、藍、灰
7.歷屆得獎分析(至少三組)
8.組員名單(學號) 1045445157



Edited 2 time(s). Last edit at 06/21/2017 10:44AM by 胺基酸.
(編輯記錄)

1.作業網址:http://mepopedia.com/~css105-2a/final/final-1045445022

2.網站主題:享食
3.內容描述: 找尋桃園巷弄下午茶
4.風格設計: 簡單樸素風格
5.個人製作心得: 雖然靠版型進去,放圖片一些都還可以,
不過一些顏色css會一起變不知道怎麼去修改 confused smiley
不過雖然還沒做很完整
還是有小小滿足感
1.網站主題: 享食

參考版型: http://www.tooplate.com/view/2075-digital-team
2.內容大綱: 介紹桃園 下午茶
3.主要對象(分析): 年輕族群 - 家庭
以及喜歡到處吃的吃貨
4.網頁架構圖(樹狀圖):

5.網頁版型設計圖 :

6.色彩規劃: 以粉色 灰色對比色呈現



Edited 3 time(s). Last edit at 06/21/2017 11:23AM by Fannnnnnnnnnn.
(編輯記錄)

1.網站主題: 早餐
2.內容大綱: 以台灣常見傳統早餐為主作介紹
3.主要對象(分析): 學生、上班族
參考版型:
(1)以作業七版型持續製作


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

5.網頁版型設計圖
6.色彩規劃: 柔色調
7.歷屆得獎分析(至少三組)

http://www.ilanartist.idv.tw/
很有復古的感覺

http://www.words.tw/history.html
網頁整體感覺很舒服 插圖簡單可愛

http://www.words.tw/index.html
頁面很可愛 照片變水彩風很可愛 圖片移入畫面的方式也很有趣

1.作業網址http://mepopedia.com/~css105-2a/final/final-1045445088
2.網站主題: 早餐
3.內容描述: 傳統常見早餐
4.風格設計: 溫暖
5.組員名單,工作分配(視覺規劃、HTML CSS設計、動態效果):
6.個人製作心得: 語法大混亂

8.組員名單(學號) 1045445088



Edited 7 time(s). Last edit at 06/22/2017 10:00PM by 1045445088.
(編輯記錄)

1.網站主題:新竹關西
2.內容大綱: 介紹關西當地特色景點與美食
3.主要對象(分析):大眾皆可
參考版型: 以作業七版型持續製作
4.網頁架構圖(樹狀圖):

6.色彩規劃: 淺藍~
7.歷屆得獎分析(至少三組)

http://retrospective.idv.tw/
很可愛的風格,會想以這為發想

http://www.foosion.tw/
很類似我想做的版型

http://itwgreentour.com.tw/
卡通風格正是我需要的~
8.組員名單(學號)
1045445202


1.作業網址:http://mepopedia.com/~css105-2a/final/final-1045445202

2.網站主題:新竹關西
3.內容描述: 介紹新竹旅遊好去處
4.風格設計: 可愛簡約的手法來表示
5.組員名單,工作分配(視覺規劃、HTML CSS設計、動態效果):我
6.個人製作心得: 很累超累的做了好幾天看了好幾夜的日出真的覺得快掛了QQ 幸好之後還是做出點樣子來了QAQ

Attachments:
開啟 | 下載 - 樹狀圖關西.jpg (611.7 KB)
1.網站主題: 基隆
2.內容大綱: 介紹基隆有趣好玩的地方和美食,讓更多人知道基隆的好。
3.主要對象(分析): 主要對像是大眾或是到基隆遊玩的對象
4.網頁架構圖(樹狀圖):
http://imgur.com/a/RhtP2



5.網頁版型設計圖 :以作業七版型持續製作

6.色彩規劃:清爽的色調
7.歷屆得獎分析(至少三組)
1節識台灣 http://mepopedia.com/~web102-a/final/final-1015445002/taiwan#
覺得首頁這樣設計很棒也很統一,裡面是跳窗也很簡潔有力感覺不錯。

2平溪線 http://mepopedia.com/~web102-c/final/final-1015445215/
手繪風感覺很可愛,滿喜歡的~覺得可以參考看看也往這風格走。

3歲月十分 http://timeline.tw/
可愛又很精緻,每一個畫面都很豐富有趣,非常的棒!

8.組員名單(學號) 1045445109

9.作業網址:http://mepopedia.com/~css105-2a/final/final-1045445109

10.風格設計: 水藍

11.個人製作心得:雖然看起來做得很簡單,但我做到快崩潰了,一個一個去找語法去研究,真的是很不簡單!
一個小地方就花了我半天的心血,雖然看起來不夠精美什麼的但是卻是我用最大的心力去做的!
希望可以通過並達到老師的標準smiling smiley



Edited 4 time(s). Last edit at 06/20/2017 05:49PM by 1045445109.
(編輯記錄)

1.作業網址:http://mepopedia.com/~css105-2a/final/final-1045445148

2.網站主題:淡水
3.內容描述:淡水的風景小吃與歷史
內容大綱:讓想去的遊客知道淡水地區的歷史風景
主要對象:遊客
4.風格設計:簡約
5.組員名單:1045445148
6.個人製作心得:覺得密密麻麻的原始碼看了心很累~



Edited 1 time(s). Last edit at 06/21/2017 11:57AM by 1045445148.
(編輯記錄)

1.網站主題: 金門
2.內容大綱: 金門風景及介紹
3.主要對象(分析): 想知道金門的都能
4.網頁架構圖(樹狀圖):
5.網頁版型設計圖 :
6.色彩規劃: 白、橘
7.歷屆得獎分析(至少三組)
8.組員名單(學號) 1045445187

1.作業網址:http://mepopedia.com/~css105-2a/final/final-1045445169

2.網站主題: YUM-TAIWAN (台灣飲食文化)

3.內容描述: 介紹台灣飲食文化(傳統飲食/咖啡座/經典小吃/飲料店)

4.風格設計: 可愛/插畫/粉嫩

5.組員名單,工作分配(視覺規劃、HTML CSS設計、動態效果):
1045445031 林孟蓁 主題討論、資料蒐集&整理、素材插畫繪製、CSS設計、動態效果規劃
1045445073 葉庭瑜 主題討論、資料蒐集&整理、素材插畫繪製、HTML設計、動態效果規劃
1045445169 林沂蓁 主題發想、視覺規劃、素材插畫繪製、HTML設計、CSS設計、動態效果規劃&製作

6.個人製作心得:
1045445031 林孟蓁 ---> 第一次畫圖畫這麼多、字打這麼多,手都快殘廢了,但我還是覺得那些美食畫的很像~~結束期末
1045445073 葉庭瑜 ---> 整理資料的過程中,沒有遇到甚麼太大的問題,繪製素材時也是滿愉悅的。
1045445169 林沂蓁 ---> 難啊 人生好難啊 哭哭 眼花花 心累累 做到哭 做到撞牆 終於做完了 程式碼看了無敵多次 終於找出他們的規律 成功完成整個HTML的架設 (雖然看到大家的期末網站,覺得我們的好像lol掉了感到心虛,但我們盡力了 QQ)

-----------------------------------------------------------------------------------------------------------------------------------------------------------------
企劃大綱

1.網站主題: YUM-TAIWAN (台灣飲食文化)

2.網站架構: 導覽列 ---> YUM-TAIWAN/傳統飲食/濃醇咖啡/經典小吃/繽紛飲料

3.內容大綱: 介紹台灣飲食

4.主要對象: 美食部落客

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

首頁

傳統飲食 白粥 醬瓜 燒餅 油條 豆漿 米漿 飯糰

濃郁咖啡 丹堤咖啡 西雅圖咖啡 星巴克咖啡 85度C咖啡

經典小吃 烤玉米 香雞排 臭豆腐 地瓜球 棺材板 牛肉麵

繽紛飲料 清心福全 大苑子 COCO都可 迷客夏 茶湯會 圓石

6.色彩規劃: 粉色調

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

《歲月十分》
http://timeline.tw/
很可愛 很有故事性的網站

《食尚大學》
http://www.foosion.tw/
簡單 時尚的版面設計

《古早味鹹酸甜》
http://retrospective.idv.tw/
樸實 很符合古早味的風格



Edited 1 time(s). Last edit at 06/21/2017 03:04AM by 1045445169.
(編輯記錄)

1.作業網址:http://mepopedia.com/~css105-2a/final/final-1045445085
參考版型:http://www.free-css.com/free-css-templates/page214/foodee
2.網站主題:花現台灣
3.內容描述:四季花曆
內容大綱:介紹台灣的花
主要對象:喜歡花的人
4.風格設計:簡約
5.組員名單:1045445085
6.個人製作心得:輕輕鬆鬆



Edited 1 time(s). Last edit at 06/21/2017 07:20AM by 1045445085.
(編輯記錄)

1.作業網址:http://mepopedia.com/~css105-2a/final/final-1045445160
2.網站主題:貝比漢堡(發福廚房)
3.內容描述:台灣美式漢堡店
內容大綱:介紹美式餐廳
主要對象:每個愛吃漢堡的你
4.風格設計:簡約
5.組員名單:1045445118 1045445160
6.個人製作心得:感謝老師學期來的教導



Edited 2 time(s). Last edit at 06/23/2017 05:41PM by 1045445118.
(編輯記錄)

1.作業網址:http://mepopedia.com/~css105-2a/final/final-1045445028

2.網站主題:松山趴趴走
3.內容描述:希望讓來松山的觀光客可以了解有哪些地方能逛 能參觀
4.風格設計:亮色系(淡)半手繪
5.組員名單,工作分配(視覺規劃、HTML CSS設計、動態效果): 1045445028陳思雅 (ALL)
6.個人製作心得:有時候真的很有障礙,然後重做了幾次,因為電腦蕩蕩。
手繪+電繪完封面就已經癱了,所以後面決定用圖片~整體覺得可以再更好,
因為有些小細節我調了,但不知道她怎麼了,可能也累了 哈哈哈。


------------企劃大綱 --------------

1.網站主題:松山趴趴走
2.網站架構(導覽列名稱與檔名)
3.內容大綱:希望讓來松山的觀光客可以了解有哪些地方能逛 能參觀
4.主要對象(分析):觀光客
5.網頁架構圖(樹狀圖):
6.網頁版型設計圖:以作業七版型製作
7.色彩規劃:綠色為主淡色系
8.歷屆得獎分析(至少三組)
http://mepopedia.com/~web102-c/final/final-1015445215/ 平溪線
我喜歡簡簡單單又可愛的感覺~
http://mepopedia.com/~web102-c/final/final-1015445218/index2.html鶯歌
很讚!!!
http://timeline.tw/ 3歲月十分
好厲害,做的好美

Attachments:
開啟 | 下載 - 66666.jpg (1.11 MB)
1.作業網址:http://mepopedia.com/~css105-2a/final/final-1045445106

2.網站主題: 走在山丘下
3.內容描述: 介紹中國科大附近可以遊玩的景點
4.風格設計: 簡約風/度假的感覺
5.組員名單,工作分配(視覺規劃、HTML CSS設計、動態效果):
6.個人製作心得: 要理解一個版型的語法不容易啊


企劃大綱

1.網站主題: 走在山丘下
2.網站架構(導覽列名稱與檔名)
3.內容大綱: 景點介紹
4.主要對象(分析): 沒有
5.網頁架構圖(樹狀圖): http://imgur.com/a/V4XyX
6.網頁版型設計圖wireframe
7.色彩規劃: 灰色系
8.歷屆得獎分析(至少三組) :沒分析



Edited 1 time(s). Last edit at 06/21/2017 11:59AM by 1045445106.
(編輯記錄)

1.作業網址:http://mepopedia.com/~css105-2a/final/final-1045445130

2.網站主題:阿里山生態
3.內容描述: 阿里山生態
4.風格設計: 簡約

5.個人製作心得:我盡力了

作業網址http://mepopedia.com/~css105-2a/final/final-1045445046

1.作業網址:http://mepopedia.com/~css105-2a/final/final-1045445218

2.網站主題: 武陵農場
3.內容描述:
4.風格設計: 簡單明瞭
5.組員名單,工作分配(視覺規劃、HTML CSS設計、動態效果): 1045445218
6.個人製作心得: 我雖然會做了 但是燈箱甚麼得有點模糊

*.作業網址:http://mepopedia.com/~css105-2a/final/final-1045445103
2.內容大綱: 介紹台北市境內知名的登山景點
3.主要對象(分析): 分析大部分的台北市人在境內喜歡的登山景點

4.網頁架構圖(樹狀圖):
5.網頁版型設計圖 標準尺寸
6.色彩規劃: 以綠色系為主
7.歷屆得獎分析(至少三組)

8.組員名單(學號): 1045445103 陳信宇



Edited 1 time(s). Last edit at 06/27/2017 01:10AM by 1045445103.
(編輯記錄)

Attachments:
開啟 | 下載 - 架構圖.png (40.4 KB)
1.作業網址:http://mepopedia.com/~css105-2a/final/final-1045445215
2.網站主題:新竹科學園區
3.內容描述:新竹科學園區
4.風格設計: 樸素好辨識

5.個人製作心得:製作網頁真的非常的不擅長..有很多功能之類的真的好不上手...要多多練習。



Edited 1 time(s). Last edit at 06/28/2017 05:05PM by brs41123.
(編輯記錄)