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

週日, 六月 25. 2017

(1)作業網址:http://mepopedia.com/~css105-2b/hw06/hw06-1025445158
(2)製作心得: 有點難

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

週日, 六月 25. 2017

(1)作業網址:http://mepopedia.com/~css105-2b/hw02/hw02-1025445158
(3)分類項目(導覽列):
首頁
簡介
作者
圖片分享
外部連結
(4 )對象:大眾
(5)色彩計畫: 黑色系
(6)風格設定、網頁看點、預期成效: 可以給人神秘感
(7)製作心得: 越來越難

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

週日, 六月 25. 2017

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


(2)製作心得:便生動了

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

週日, 六月 25. 2017

1.網址:http://mepopedia.com/~css105-2b/hw01/hw01-1025445158
2.設計概念與製作心得:簡約.黑灰白
3.何謂HTML、DIV及CSS:
HTML:寫網頁語法&架構DIV:包覆語法CSS:美化畫面
4.附上至少一個覺得設計很有質感的網站,並說明原因
http://www.theoldengland.com/memory.php?cat=2
簡約風格配色
5.期待這門課的學習成果與收穫為何?
學到新語法

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

週日, 六月 25. 2017

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

(2)製作心得:跳窗一直跑掉

Re: [作業8] Free templates 試做

週日, 六月 25. 2017

作業網址:http://mepopedia.com/~css105-2b/hw08/hw08-1025445158/

(1) 參考之版型網址:
(2) 設計主題 / 風格:簡單、自然
(2) 遇到之問題: 很麻煩
(3) 製作時間: 1~2小時
(4) 製作心得:做稻子幾都亂了

Re: [作業8] Free templates 試做

週日, 六月 25. 2017

作業網址:http://mepopedia.com/~css105-2b/hw08/hw08-1045445122

(1) 參考之版型網址: www.templatemo.com/tm-498-stimulus
(2) 設計主題 / 風格 :morden
(2) 遇到之問題: 版面有時錯位...調整很久
(3) 製作時間: 一周多 慢慢地做
(4) 製作心得:很多語法密密麻麻的,大致還看得懂,常常亂掉... 又多耗時間

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

週日, 六月 25. 2017

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

(2)製作心得:本來快做好了,結果突然當掉html全部都不見又重做了一次...

學號 : 1045445161

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

週日, 六月 25. 2017

(1)作業網址:http://mepopedia.com/~css105-2a/hw07/hw07-1045445218
(2)製作心得: 蠻困難的,會繼續努力
學號 1045445218

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

週日, 六月 25. 2017

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

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

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

週六, 六月 24. 2017

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

1.網站主題: 大稻埕
2.內容大綱: 介紹大稻埕的歷史跟特色、周邊商圈。
3.主要對象(分析):想了解大稻埕或對大稻埕的歷史有興趣的人
4.網頁架構圖(樹狀圖):
5.網頁版型設計圖
6.色彩規劃: 黑、白、灰、大地色系、橘褐色調。
風格設計: 懷舊感中帶有現代感
7.歷屆得獎分析(至少三組)
台北捷運一日遊:
http://love3f.kyjhome.com/theme.html
主題清楚,版面乾淨,小細節有許多小巧思

大山北月:
http://www.bighillnorthmoon.tw/cafe/
很有設計者自己的風格,用色有童趣感,將整個網站的氣憤營造的可愛又溫馨,沒有現在許多網站自以為豐富但其實會讓人眼花撩亂的設計。

悠遊台灣澎湖之美
http://www.yoyotaiwan.tw/
網站資源豐富,排版設計清楚明瞭且有設計感,配色有時尚感,icon設計也很有趣。


8.組員名單(學號) :1045445138

個人製作心得:從一開始完全看不懂語法到現在可以自己改出一個網站(雖然大部分是用舊有版型改的),這一年學網頁設計算是痛苦中又帶有很大的收穫,讓自己又多學了一項技能。

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

週六, 六月 24. 2017

作業網址:http://mepopedia.com/~css105-2b/final/final-1045448015/#home
1.網站主題: 台灣水果
2.內容大綱:台灣春夏秋冬世紀的水果。
3.主要對象(分析): 大眾
4.網頁架構圖(樹狀圖): 主頁春夏秋冬,春水果,夏水果,秋水果,冬水果
5.色彩規劃:偏亮色系,飽和度高
6..組員名單:1045448015

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

週六, 六月 24. 2017

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

(1)原網站名稱及網址:
台北市立動物園 http://www.zoo.gov.taipei/
修改的原因:
太普通
有點複雜
比較沒有設計感

(2)參考網站名稱與網址:
忘記是在哪個網站找版型了 忘記記起來

參考的原因:
有美式風格
又有極簡的設計感

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

(4)風格特色:簡約 簡單

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

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

(6)製作心得:第一次做網頁做得如此有信心 而不備受打擊

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

週五, 六月 23. 2017

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

2.網站主題: 新竹x巷弄x甜點店
3.內容描述: 用個人畫的小插圖-解剖兔帶大家一探新竹巷弄內隱藏的美味甜點
4.風格設計: 簡約的鵝蛋黃色~讓人有優閒暖陽的感覺
5.個人製作心得: 網頁設計真的好難,雖然自己完成到這個程度覺得比不上其他人,但已經盡力了ˊˋ
謝謝過程中一職指導我的同學和老師,讓我沒有放棄QQ

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

週五, 六月 23. 2017

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