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: [作業8] Free templates 試做

週日, 六月 18. 2017

(1) 作業網址: http://mepopedia.com/~css105-2b/hw08/hw08-1045445107
(2) 設計主題 / 風格:名偵探柯南
(2) 遇到之問題: 搭配上的問題 和找圖的問題
(3) 製作時間:4小時
(4) 製作心得:網頁是一次次擊垮心理的利器

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

週日, 六月 18. 2017

(1)作業網址:http://mepopedia.com/~css105-2b/hw07/hw07-1045445107
(2)製作心得:網頁真的是 需要很多的耐心 雖然做的不是很出色...
學號:1045445107

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

週日, 六月 18. 2017

(1)作業網址:http://mepopedia.com/~css105-2b/hw06/hw06-1045445107
(2)製作心得:還好可樂果給力 讚讚 其他都還行

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

週四, 六月 15. 2017

(1)作業網址:http://mepopedia.com/~css105-2b/midterm/midterm-1045445107
(2)製作心得:有趣
學號 1045445107

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

週一, 六月 5. 2017

1.網站主題: 鶯歌走走 作業網址:http://mepopedia.com/~css105-2b/final/final-1045445107
2.內容大綱:介紹鶯歌的在地文化與觀光美食
3.主要對象(分析):
4.色彩規劃:以紅白色為主
5.網站架構(導覽列名稱與檔名)
-首頁
-影片
-文化與由來
-美食
-景點
-交通
6.歷屆得獎分析(至少三組)
(1) http://listento.tw/
(2) http://retrospective.idv.tw/
(3) http://www.obig.com.tw/
7.組員 107 113

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

週日, 四月 23. 2017

(1)作業網址: http://mepopedia.com/~css105-2b/midterm/midterm-1045445107
(2)網站主題: 星巴克
(3)導覽列選項/分類項目(對應檔名):
首頁 index.html
咖啡豆 coffeeben.html
產品介紹 about.html
門市 Stores.html
外部連結 link.html
(2)設計對象: 大眾
(3)色彩計畫: 以綠色為主
(4)風格設定 : 簡約
(5)製作心得: 雖然很複雜又麻煩但學到很多

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

週六, 四月 22. 2017

(1)作業網址:http://mepopedia.com/~css105-2b/hw03/hw03-1045445107
(2)本頁設計重點: 品牌設計歷程,創業歷程
(3)製作心得:覺得每一次作業都可以讓自己增長一些 所以很值得
學號 1045445107

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

週六, 四月 22. 2017

(1)作業網址:http://mepopedia.com/~css105-2b/hw02/hw02-1045445107
(2)網站主題/網站名稱:Starbucks Coffee
(3)分類項目(導覽列):首頁 Starbucks Coffee咖啡豆 產品 分布 外部連結
(4)對象:各個族群
(5)色彩計畫: 以綠色黑色白色為主
(6)風格設定 : 以簡約為主
(7)製作心得:以為真的很困難 可是做久了之後也就習慣了

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

週六, 四月 22. 2017

1.網址:http://mepopedia.com/~css105-2b/hw01/hw01-1045445107
2.設計概念 :因為三隻小豬的緣故 所以以簡單與綠色為主題
3.製作心得:因為上學期的緣故因此這次做得果然比上學期快很多
4.何謂HTML、DIV及CSS:
HTML:寫網頁語法&架構DIV:包覆語法CSS:美化畫面
5.附上至少一個覺得設計很有質感的網站,並說明原因
http://www.bmthofficial.com/
屬於簡單風格配色,有質感,又是自己喜歡的樂團
6.期待這門課的學習成果與收穫為何?
學到更多有關網頁的知識

Re: [期中作業 ] 以單欄為主的網站設計

週日, 一月 15. 2017

(1)作業網址 http://mepopedia.com/~web105-2b/midterm/midterm-1045445107
(2)
1有無遇到的問題 遇到排版的問題 不過其他的沒什麼
2.製作感想 比想像中簡單的多 還挺有趣的
3.製作作業的時間 2小時

Re: [期末作業]以雙欄為主的網站設計

週日, 一月 15. 2017

(1)作業網址: http://mepopedia.com/~web105-2b/final/final-1045445107
(2).
1.製作作業的時間: 2天半
2.有無遇到的問題: 幾乎都是問題
3.製作心得與感想: 一定要好好學習 不可以再偷懶
4.本學期於網頁設計課程上的收穫:雖然常常偷懶 不過還是有稍微的認識了DW這個東西,也知道其實做完網頁是非常具有成就感的

Re: [期中作業 ] 以單欄為主的網站設計

週五, 十一月 18. 2016

網站主題:bring me the horizon
(1)網址:file:///C:/Users/user/Desktop/hw03-1045445107/index.html
(2) 學號 1045445107
(3)製作動機:最喜歡的樂團
(4)製作內容:
image
style.css
1.html - 樂團介紹
2.html-團員介紹
3.html-專輯
4.html-音樂
5.html-團照

(5)資料蒐集分析
設計優良網站(風格)列表與分析:
http://www.elle.com.tw/entertainment/music/midnight-music-2015-june
因為喜歡簡約素素的風格

(6)
有無遇到的問題:做的很焦慮
製作感想:雖然不是第一次碰到 但還是覺得好傷腦細胞
製作作業的時間:大概一天

相關網站列表與分析:
官方FB
https://zh-tw.facebook.com/bmthofficial/

[期中作業 ] 以單欄為主的網站設計

週四, 十一月 17. 2016

網站主題:Bring Me the Horizon
(2) 學號 1045445107
(3)製作動機:最喜歡的樂團
(4)製作內容:
image
style.css
1.html - 樂團介紹
2.html-團員介紹
3.html-專輯
4.html-音樂
5.html-團照


(5)資料蒐集分析
◎設計優良網站(風格)列表與分析:
http://www.elle.com.tw/entertainment/music/midnight-music-2015-june
很喜歡這樣簡單明瞭素素的風格

◎相關網站列表與分析:
官方FB
https://zh-tw.facebook.com/bmthofficial/
官方YOUTUBE
https://www.youtube.com/user/BMTHOfficialVEVO