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

Advanced

Change History

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

Changed By: Peiwei
Change Date: June 21, 2017 08:13PM

Re: [期末作業]專題網站設計
Changed By: Peiwei
Change Date: June 21, 2017 08:00PM

Re: [期末作業]專題網站設計
Changed By: Peiwei
Change Date: June 21, 2017 07:48PM

Re: [期末作業]專題網站設計
Changed By: Peiwei
Change Date: June 21, 2017 07:47PM

Re: [期末作業]專題網站設計
Changed By: Peiwei
Change Date: June 21, 2017 07:39PM

Re: [期末作業]專題網站設計
Changed By: Peiwei
Change Date: June 21, 2017 07:37PM

Re: [期末作業]專題網站設計
Changed By: Peiwei
Change Date: June 01, 2017 11:42AM

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

Original Message

作者: Peiwei
Date: June 01, 2017 11:39AM

Re: [期末作業]專題網站設計
1.作業網址:http://mepopedia.com/~css105-2c/final/final-1045445XXX

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



照片拍攝與修圖:036邱珮瑋、003朱盈穎



6.個人製作心得:




企劃大綱

1.網站主題: 菜市場(市場文化)
2.網站架構(導覽列名稱與檔名)
036邱珮瑋
菜市場真的是最能代表台灣的地方啊~
在做導覽列上的菜市場三個字時一直在考慮要用什麼風格製作,最後選擇了這種雙色有點類似潑墨的作法配合明體(:D。
在改內容(圖片跟文案時)其實偶爾會不小心拉到旁邊的預覽框等等5.網頁架構圖(樹狀圖):
5.網頁架構圖(樹狀圖): [img]http://mepopedia.com/forum/file.php?2645,file=3176,filename=final-01.jpg[/img]
5.網頁架構圖(樹狀圖): [img]http://mepopedia.com/forum/file.php?2645,file=3177,filename=final-01.jpg[/img]
,就會一直跑掉亂掉,搞到有點小[img]http://i.imgur.com/OUFofUl.jpg[/img]
崩潰,
但最後改出我們要的感覺時,真的很高興,因為做出了一個我覺得能拿給別人看的網頁,
也可以把我們眼中的菜市場用網頁呈現給別人看,我們用照片說故事給看網頁的人聽,
讓他人了解我們對於菜市場的想法,這種感覺好棒B),btw我超喜歡我們照片呈現的方式啊(局部彩色)!!!!!!!。

003朱盈穎
一剛開始看到版型好漂亮、會動耶~(*´▽`*)就衝動的說要改這個版型,殊不知將檔案下載下來時,看到檔案數量頭都昏了。
而且第一次嘗試改動圖片時,圖片一整個大亂跳,之後就受不了跟老師求助,感謝老師給個比較不會發生意外的作法,原本其實沒有想改動這麼多版面的,但範例網站有些真的是我們不需要的版面,所以就刪刪刪d=(´▽`)=b
範例網站有些像小ICON的東西,去看了一下程式碼卻發現它是字型讓我超級懊惱的(ノдヽ),原本只想說改個小圖片就行,結果那個小ICON我們直接砍掉,研究它太花時間了.....

------

企劃大綱

1.網站主題: 菜市場(市場文化)
2.網站架構(導覽列名稱與檔名)
首頁、動機、關於、故事、聽說、調查、聯絡
因為是 onepage所以都在同一檔案 index.html

3.內容大綱:
介紹台灣菜市場文化及市場裡的特點,利用照片的方式來呈現想給人了解的東西,配上文字,讓大家了解市場文化與他特別的地方。
我們照片是自己去拍攝,並且採局部彩色的方式,我們想說的故事,想給你看的重點將會是利用局部彩色呈現,凸顯主題也更清楚明瞭。

4.主要對象(分析): 大眾

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

6.網頁版型設計圖wireframe
範例版型:http://www.free-css.com/assets/files/free-css-templates/preview/page205/multi/#prettyPhoto

7.色彩規劃: 利用無彩色(黑灰白)三色下去做為主色調,因為不想搶過照片的顏色,也能營造舒適的感受(可能會隨照片主色調去配色)。

8.歷屆得獎分析(至少三組)
1. 夜色台北 - http://www.taiwanonly.tw/index.html
網頁呈現超有質感,尤其是夜色台北四個字,把整個網頁的氣氛都帶出來,用影片的方式呈現,讓人更加了解自己要訴說什麼。
網頁的排版也很整齊,簡單的排版,讓人覺得舒服。
2.宜蘭百工藝師 - http://www.ilanartist.idv.tw/
內容介紹的非常詳細,內容超級豐富,但整體頁面的美感我覺得我個人沒有很喜歡,而且用一個一個圖片的方式去分割每個區塊我覺得太過於死板板的,雖然是個很正經的主題但還是稍嫌死板,如果活潑一點會更好,但內容把所有藝師做得很詳細,很棒。
3.古早味鹹酸甜 - http://retrospective.idv.tw/
整體運用剪貼風格形成一種手札且復古的感覺,網頁主標題也用了應對古早台灣的霓虹燈來凸顯主題。
用鹹、酸、甜作為分類依據,下面的小筆記本給了小地圖及一些還存在的古早味柑仔店,點到細項時還會有詳細的小地圖從右邊或左邊滑動入場。


組員:1045445036 邱珮瑋 1045445003 朱盈穎