Re: [作業04]網頁排版設計-以Photoshop製作Mockup與Prototype

週日, 六月 25. 2017

作業網址:http://mepopedia.com/~css105-2b/hw04/hw04-1045445113

(1)原網站名稱及網址:
動物王國官方網站 http://www.17ipet.com.tw/
修改的原因:
太繁複
有點複雜

(2)參考網站名稱與網址:
宜家家具 http://m.ikeacard.com.tw/Default

參考的原因:
簡單明瞭
有極簡
有設計感

(3)色彩計畫:以綠色白為主

(4)風格特色:簡單 易懂

(5)製作時請特別注意以下數值,並比較與平面排版之差異:
字體設定
大標題:微軟正黑體
導覽列:微軟正黑體
副標題:微軟正黑體
內文:微軟正黑體

大標題級數 :46pt
文章標題級數 :30pt
內文級數:12px
網站寬度:1000px

(6)製作心得:喜歡這次的作業因為非常簡單哈哈

Re: [作業07] HTML/CSS/jQuery 物件小動畫、燈箱效果

週二, 六月 20. 2017

(1)作業網址:http://mepopedia.com/~css105-2b/hw07/hw07-1045445113
(2)製作心得:真的越來越複雜啦 真的盡力了><
學號:1045445113

Re: [ 作業06] jQuery動態換頁效果

週二, 六月 20. 2017

(1)作業網址:http://mepopedia.com/~css105-2b/hw06/hw06-1045445113
(2)製作心得: 網頁真的好難 看來要更努力學了

Re: [作業05] jQuery動態網頁初探 -fadein

週四, 六月 15. 2017

(1)作業網址: http://mepopedia.com/~css105-2b/midterm/midterm-1045445113
(2)製作心得: 做完小有成就感~
學號 1045445113

Re: [期中作業] HTML與CSS應用--網站實作

週六, 四月 22. 2017

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

(2)網站主題:愛吃鬼巧達

(3)導覽列選項/分類項目(對應檔名):

首頁:index

故事介紹:an

人物介紹:coco

圖片分享:picture

影片分享:video

(2)設計對象:孩童

(3)色彩計畫:以鮮豔的色彩為主吸引孩童的注目與喜愛。

(4)風格設定:因為裏頭的人物主角顏色都是鮮明的,所以風格上也走覺可愛孩童會喜歡的路線但又不會太複雜。

(5)製作心得:完成這次期中作業後,很多語法還是會忘記不熟練加上要一邊做一邊思考如何
呈現是最好看所以還是覺得蠻困難的,希望自己在每一次的作業上都能讓自己更熟練。

Re: [作業03] HTML與CSS練習--1.資料整理--以DIV製作表格效果。 2.其他頁面完成

週六, 四月 22. 2017

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

(2)本頁設計重點:讓大家更加了解愛吃鬼巧達卡通的內容
(3)製作心得: 在做的同時不只能順便複習以前的語法,也多學到了很多不同
的網頁版型,希望能越來越上手!

學號: 1045445113

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

週六, 四月 22. 2017

(1)作業網址:http://mepopedia.com/~css105-2b/hw02/hw02-1045445113
(2)網站主題/網站名稱:愛吃鬼巧達
(3)分類項目(導覽列):
首頁
故事介紹
人物介紹
圖片分享
外部連結
(4 )對象:孩童
(5)色彩計畫: 淺色活潑
(6)風格設定、網頁看點、預期成效: 給孩童一種活潑可愛的感覺
(7)製作心得: 製作完很有成就感

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

週六, 四月 22. 2017

1.網址: http://mepopedia.com/~css105-2b/hw01/hw01-1045445113
2.設計概念與製作心得:以巧克力布朗尼的製作ˋ為主題,用簡單的咖啡色色塊來呈現濃郁的巧克力蛋糕
3.何謂HTML、DIV及CSS:HTML是網頁結構DIV是包覆網頁語法CSS是美化網頁
4.附上至少一個覺得設計很有質感的網站,並說明原因 http://www.devildessert.com/配色表達出蛋糕的美味
5.期待這門課的學習成果與收穫為何? 可以學到更多不一樣的地方~吸收更多的知識~