Re: [作業02] HTML與CSS練習-- 首頁實作篇

週四, 三月 23. 2017

(1)作業網址:http://mepopedia.com/~css105-2b/hw01/hw01-1045445095
(2)網站主題/網站名稱:樂高
(3)分類項目(導覽列): 首頁 歷史介紹 電視電影 影片連結
(4)對象: 所有熱愛樂高族群
(5)色彩計畫:
(6)風格設定、網頁看點、預期成效:
色塊 簡單
https://www.lego.com/en-us/life


(7)製作心得:本來以為改一些風格就好,發現蠻難的。

Re: [作業02] HTML與CSS練習 --首頁實作篇

週四, 三月 23. 2017

(1)作業網址:http://mepopedia.com/~css105-2c/hw02/hw02-1045445141

(2)網站主題/網站名稱:Twitch

(3)分類項目(導覽列):
關於   有關Twitch的基本介紹
歷史  Twitch的源起及前身
影片  Twitch上一些熱門的影片
實況主  分享一些自己喜歡的實況主
連結  與Twitch合作或相關機關的連結

(4)對象: 跟我一樣吃飽撐著沒事看實況的宅宅

(5)色彩計畫: 紫色,紫色紫色紫色。
(6)風格設定、網頁看點、預期成效:
風格設定 很Twitch的風格(?
網頁看點 了解一下實況啊
預期成效 都來看實況吧(?

(7)製作心得:一如寄往,睏,真的睏。

Re: [作業02] HTML與CSS練習 --首頁實作篇

週四, 三月 23. 2017

(1)作業網址:http://mepopedia.com/~css105-2c/hw02/hw02-1045445105

(2)網站主題/網站名稱:LeTAO

(3)分類項目(導覽列):

1. LeTAO首頁
2.關於LeTAO
3.禮品
4.美味餐點
5.店鋪資訊

(4)對象:

大眾 為了讓更多甜點愛好者知道這家好吃的店

(5)色彩計畫:以粉色和粉藍色為主

(6)1.風格設定、2.網頁看點、3.預期成效:
1.
平靜.典雅.舒適 比較輕柔的風格
2.
可以得知這家甜點店的資訊
3.
希望可以有更多人去品嘗看看這家甜點

(7)製作心得:

覺得越做越順手 雖然沒有預期的好 但是可以累積自己的經驗 相信會一次比一次還來的更好!

Re: [作業02] HTML與CSS練習 --首頁實作篇

週四, 三月 23. 2017

(1)作業網址:http://mepopedia.com/~css105-2c/hw02/hw02-1045445003

(2)網站主題/網站名稱:THE WALKING DEAD

(3)分類項目(導覽列):
首頁   對整部戲劇做個簡短的介紹
劇情簡介 描述主要故事及人物之間複雜的關係
角色介紹 介紹出現的角色,幫助觀看者更加容易理解
內容分享 對各季做個介紹,勾起觀看者的興致
外部連結 同公司或別家電視台製作的精典美劇

(4)對象: 想以看美劇的方式學習美語或是單純喜歡看美劇的人

(5)色彩計畫: 因為是末日僵屍的題材,所以整體用最直觀的暗紅色來表現血,而黑灰色調則表現出了在這個世界裡無處可去只能拼死求生的悲哀

(6)風格設定、網頁看點、預期成效:
風格設定 帶點恐部卻不會嚇走觀看者的血腥風格
網頁看點 background的血做很久(*´(00)`)’
預期成效 與預期得差不多

(7)製作心得: background的血真的做很久(*´(00)`)’
但不管怎麼做都會有很明顯的銜接點讓我很挫敗:(´ཀ`」 ∠):

Re: [作業02] HTML與CSS練習-- 首頁實作篇

週四, 三月 23. 2017

(1)作業網址:http://mepopedia.com/~css105-2b/hw02/hw02-1045445125
(2)網站主題/網站名稱: カボチャ料理.南瓜料理
(3)分類項目(導覽列):
◆ 南瓜超營養
◆ 流口水不負責
◆ 看著食譜做
◆ 看影片更容易
◆ 更多南瓜
(4)對象:大眾
(5)色彩計畫: 南瓜配色(黃和橘)
(6)風格設定、網頁看點、預期成效:
想以介紹南瓜的料理為主,介紹其南瓜的營養價值,使觀看者能夠有想要嘗試製作南瓜料理的心情~
(7)製作心得:因為喜歡吃南瓜所以一邊看一邊做,做得很開心(:P)
每次都會想挑戰不同風格和製作方式所以總是很專心地做,一不小心又熬夜了:)-D
製作上遇到問題都會一直反覆檢查或照查資料,很累人,但下次製作時就會記取教訓,反而越做越順手。

Re: [作業02] HTML與CSS練習-- 首頁實作篇

週四, 三月 23. 2017

(1)作業網址:http://mepopedia.com/~css105-2b/hw02/hw02-1045445110
(2)網站主題/網站名稱: Daniela Volpari Illustration 義大利插畫家
(3)分類項目(導覽列): 首頁. 簡介. 作品. 心得. 外部連結
(4)對象: 給有興趣的愛好者
(5)色彩計畫:以歐洲傳統的色彩,帶有點復古
(6)風格設定、網頁看點、預期成效:偏向粉色,且帶有華麗的質感,和插畫家的圖做一個結合,
營造一種復古的色調,搭配插畫的整體性
(7)製作心得:在製作過程中參考了比較多畫作的色彩,想盡量的詮釋出來

Re: [作業02] HTML與CSS練習-- 首頁實作篇

週三, 三月 22. 2017

(1)作業網址:http://mepopedia.com/~css105-2b/hw02/hw02-1045445035
(2)網站主題/網站名稱:AnnStudio
(3)分類項目(導覽列):首頁 Ann Studio簡介 作品介紹 經歷分享 外部連結
(4)對象:設計系學生
(5)色彩計畫: 深色為主
(6)風格設定、網頁看點、預期成效: 以簡約為主
(7)製作心得:剛開始覺得還很容易,只是修改網頁。做了之後才覺得很難。

Re: [作業02] HTML與CSS練習-- 首頁實作篇

週三, 三月 22. 2017

(1)作業網址:http://mepopedia.com/~css105-2b/hw02/hw02-1045445017

(2)網站主題/網站名稱:Indi Maverick

(3)分類項目(導覽列):
關於INDI:包含他的自我介紹還有創作路程。
履歷介紹:工作經驗、獲獎紀錄,以及技能。
繪畫創作:作品有動物、男人、女人,以及隨意的手繪。
作品集:獨一無二的作品,集結成的精華。
影片連結:以日常的創作,所製作的短篇影音。

(4)對象:大眾

(5)色彩計畫:以藍綠色系為主,加上深淺變化,達到一致性的視覺效果。

(6)風格設定、網頁看點、預期成效:
風格設定:藍綠色有神祕的感覺,很適合Indi這個插畫家的繪畫風格。
網頁看點:背景與插畫家的圖,帶來的氣氛與意境。
預期效果:有自己的個性和獨特風格,並讓觀看的人更想認識這個插畫家。

(7)製作心得:這次的主題想了比較久,因為想擺脫以往較甜美的網頁風格,所
以找了很多插畫家的資料,也因此認識很多畫家的插畫,最後選出自己喜歡的來
做主題,過程中一邊做一邊看老師的教學影片,所以沒有什麼問題,完成後,自
己很喜歡這樣的樣式,也學到了新的網頁技巧。

Re: [作業02] HTML與CSS練習 --首頁實作篇

週三, 三月 22. 2017

(1)作業網址:http://mepopedia.com/~css105-2c/hw02/hw02-1045445180

(2)網站主題/網站名稱: 關於蔬菜

(3)分類項目(導覽列):

in00 - 菜菜簡介
in01 - 菜菜好處
in02 - 菜菜食譜
in03 - 菜菜種類
in04 - 菜菜連結

(4)對象:一般社會大眾

(5)色彩計畫: 綠綠的喔

(6)風格設定、網頁看點、預期成效:希望大家都喜歡吃菜呢 !

(7)製作心得: 腰痠沒有背痛

Re: [作業01] DIV與CSS複習--以色塊為主的基本單欄網頁版型(新增CSS3練習)

週三, 三月 22. 2017

1.網址:http://mepopedia.com/~css105-2c/hw01/hw01-1045445027

2.設計概念與製作心得:
喜歡B.A.P 喜歡到一個癡迷的程度(喂
做完還滿開心的,透明度弄好久R

3.何謂HTML、DIV及CSS:
HTML:簡單來說就是網頁原始碼(?
DIV:包起來
CSS:設計一個網頁要穿的衣服這樣。

4.附上至少一個覺得設計很有質感的網站,並說明原因

http://www.somethingsweet.com.tw/ 【找到自己的獨特風格】
簡單,純白,讓人在挑選東西跟衣服的時候一目了然。

5.期待這門課的學習成果與收穫為何?
希望以後可以自己設計一個喜歡的網頁。

Re: [作業02] HTML與CSS練習 --首頁實作篇

週三, 三月 22. 2017

(1)作業網址:http://mepopedia.com/~css105-2c/hw02/hw02-1045445189

(2)網站主題/網站名稱:日日田職務所

(3)分類項目(導覽列):

歡迎來到日日田--主要是日日田的小介紹、最新資訊、其他連結
關於日日田--一些常常被問到的小問題
設計師介紹--裡面將會有什麼厲害的設計師呢 敬請期待
活動花絮--有最新消息和活動
聯絡我們--來找我玩唄

(4)對象:視力好、年輕人、設計師

(5)色彩計畫:用田的綠結合藍灰色

(6)風格設定、網頁看點、預期成效:

風格設定:小清新風格
網頁看點:透過整體風格讓公告式網頁不會太無聊
觀感營造:日日田職務所的形象可以在人心中萌芽
預期成效:可以好好了解這個地方

(7)製作心得:這次有點小小無法接受背景跟導覽列要做一長條的設計
所以我還是留白了 不過我是放白色的圖唷!雖然看不出來但是我會做啦
我覺得應該好好思考清楚網頁的內容才不會有點手忙腳亂,想挑戰比較有設計風格的網頁製作

Re: [作業02] HTML與CSS練習 --首頁實作篇

週三, 三月 22. 2017

(1)作業網址:http://mepopedia.com/~css105-2c/hw02/hw02-1045445102
(2)網站主題/網站名稱: 豆豆先生
(3)分類項目(導覽列):
home
about
history
works
links
(4)對象:全部
(5)色彩計畫:綠色作為搭配
(6)風格設定:配合Rowan Atkinson飾演豆豆先生的風格
網頁看點:了解Rowan Atkinson飾演豆豆先生的特點
預期成效: 希望大家能了解
(7)製作心得:
有些難上手

Re: [作業02] HTML與CSS練習-- 首頁實作篇

週三, 三月 22. 2017

(1)作業網址:http://mepopedia.com/~css105-2b/hw02/hw02-1045445008
(2)網站主題/網站名稱: The Most Delicious Food
(3)分類項目(導覽列):
01- Home 首頁
02- Menu 菜單
03- Offer 優惠
04- Comment 評論
05- Contact Us 聯繫我們
(4)對象:愛吃西餐的朋友
(5)色彩計畫: 高級浪漫美味舒適的感覺
(6)風格設定、網頁看點、預期成效:想做出高級牛排餐館的感覺,查看了一些美食網站,也查了一下牛排的一些特色,做出來自己滿喜歡的!!覺得有浪漫風味
(7)製作心得:帶著浪漫風味的牛排網站,晚上邊做邊找資料看了一堆牛排圖片超餓的!!做出來自己滿喜歡的超開心(:D (:D (:D

Re: [作業02] HTML與CSS練習 --首頁實作篇

週三, 三月 22. 2017

(1)作業網址:http://mepopedia.com/~css105-2c/hw02/hw02-1045445069
(2)網站主題/網站名稱:
天外奇蹟
(3)分類項目(導覽列):
首頁 劇情介紹 人物介紹 10件秘密 手稿
(4)對象:
跟我一樣喜歡皮克斯或迪士尼或喜歡這部電影的人

(5)色彩計畫: 藍色系

(6)風格設定、網頁看點、預期成效:
1.讓人舒服放鬆就像藍天
2.有天外奇蹟的手稿唷~
3.希望讓還沒看過或喜歡這部動畫電影的人喜歡

(7)製作心得:
真的越來越複雜呢!
光是背景就做了好久,更別說微調字的顏色或甚麼的了,
做到快崩潰了,還好找一找休息一下能夠找到語法的意思,
然後完成。

Re: [作業02] HTML與CSS練習 --首頁實作篇

週三, 三月 22. 2017

(1)作業網址:http://mepopedia.com/~css105-2c/hw02/hw02-1045445045
(2)網站主題/網站名稱: 歌手halsey
(3)分類項目(導覽列):
首頁
個人簡介
專輯介紹
音樂分享
得獎紀錄
(4)對象: 一樣喜歡她的人
(5)色彩計畫:她的風格大膽也特別,所以用了粉紅色為主的顏色
(6)風格設定:配合她專輯的顏色來設定
網頁看點:覺得顏色很少女
預期成效: 希望大家喜歡她
(7)製作心得:
雖然隔了整整一個寒假沒動網頁,但經過這兩次練習越來越上手