Re: [作業03] Font Awesome字型練習與應用

週五, 四月 13. 2018

http://mepopedia.com/~web106-2c/hw03/hw03-1055445017/

設計概念與製作心得: 標題前加上旋轉圖示區分不同段落的感覺,還有放上一些適合原本風格的圖示,讓畫面變得不會那麼單調

Re: [期中作業] OnePage-個人網頁製作

週三, 四月 11. 2018

(1) 作業網址 :
(2) 參考之版型網址: http://sasazukabowl.com/
(3) 設計主題 / 風格 : 作品集 簡約 設計感 能夠凸顯作品的網站
(4) 導覽列項目:HOME / ABOUT / GRAPHIC DESIGN / PHOTOGRAPHY / CONTACT
(5) 遇到之問題:
(6) 製作時間:
(7) 製作心得:

Re: [作業02] EDM/Newsletter製作

週五, 四月 6. 2018

http://mepopedia.com/~web106-2c/hw02/hw02-1055445017/

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

週三, 三月 14. 2018

1.網址:http://mepopedia.com/~web106-2c/hw01/hw01-1055445017
2.設計概念與製作心得: 此作品的主題是抹茶,使用一些圓角還有透明感讓畫面不會那麼死板,色彩上選用黑色,能凸顯出茶道的莊重,文字使用儷中宋,帶點優雅的氣息,製作完後的效果我還蠻喜歡的。
3.何謂HTML、DIV及CSS:
HTML:是一種網頁使用的語言,可編輯設計出網頁,在裡面加入圖片、文字、表格...等
DIV:建立網頁區塊的語法
CSS:賦予網站各式各樣的風格樣式,美化網頁
4.附上至少一個覺得設計很有質感的網站,並說明原因
http://suzukikougeisha.com/
很像在玩Google Earth的感覺,很有趣
5.期待這門課的學習成果與收穫為何?
希望可以製作出讓使用者可以流暢、便利的瀏覽我的網站

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

週四, 一月 11. 2018

http://mepopedia.com/~css106-2b/final/final-1055445017



1.製作作業的時間: 26小時左右
2.製作心得與感想: 雖然有些地方會卡卡的 ,但多試幾次就順了
3.本學期於網頁設計課程上的收穫: 這個課程收穫蠻多的,從空白的畫面到整個網站架起來,非常有成就感


前置作業
(1)網站主題:SUSHI ‧ 寿司
(2)導覽列架構設定 置上
(3)主要瀏覽族群: 喜歡吃壽司的饕客
(5)風格設定: 日系風格
(6)主色調,輔助色調: 橘 白 紅 原木色
(7)製作動機: 喜歡吃壽司
(8)製作目的: 讓大家深入的了解壽司

Re: [作業07] 以Float:浮動,製作雙欄網頁

週三, 一月 3. 2018

http://mepopedia.com/~css106-2b/hw07/hw07-1055445017/about.html

網頁主題:SUSHI ‧ 寿司
配色與風格設定: 日系風格
製作時間 : 一個晚上

Re: [作業06] 表格的製作美化與資料整理

週三, 十二月 27. 2017

http://mepopedia.com/~css106-2b/hw06/hw06-1055445017/teaching.html


1.網頁主題:SUSHI ‧ 寿司
2.配色與風格設定: 日系風格
3.製作感想 :用表格製作變得比較整齊也比較好閱讀
4.製作作業的時間: 一個下午

Re: [作業05 ] 繞圖排文與推文按鈕的應用

週二, 十二月 19. 2017

http://mepopedia.com/~css106-2b/hw05/hw05-1055445017/

1.網頁主題:壽司
配色與風格設定: 暖色系,帶點可愛的日系風格
2.有無遇到的問題? 沒什麼太大的問題
3.製作感想 : 有感受到一點難度
4.製作作業的時間 :3~4小時

Re: [作業04] 以CSS製作網頁導覽列

週三, 十二月 13. 2017

(1).作業網址 :http://mepopedia.com/~css106-2b/hw04/hw04-1055445017

(2).
1.導覽列配色與風格設定:配合header的配色,橘色→紅色,黑體
2.製作感想:我認為導覽列可以讓瀏覽網站的人快速的找到他們想看的內容。
3.製作作業的時間 :1小時左右

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

週六, 十一月 25. 2017

(1)網站主題: G.E.M.鄧紫棋
(2)製作動機: 最愛的歌手
(3)製作內容:
首頁 HOME
關於 ABOUT
音樂 MUSIC
相冊 PHOTO
TOUR

(4)風格設定: 簡約大方,色彩以藍、紫色為主
(5)資料蒐集分析
◎設計優良網站(風格)列表與分析:
http://geteverybodymoving.com/
以圖片為重,呈現鮮豔、光鮮亮麗的感覺,能展現出明星架式


(1)作業網址 http://mepopedia.com/~css106-2b/midterm/midterm-1055445017
(2)
1有無遇到的問題:無
2.製作感想:花很久的時間才把它做完,還蠻累的,但看到成品後真的很有成就感。
3.製作作業的時間:6~7小時

Re: [作業03 ]利用Div標籤與CSS建立基本網頁版型 -圖片篇

週三, 十一月 22. 2017

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

(2) 主題 / 風格設定:鄧紫棋官方網站

(3) 有無遇到的問題 :沒有

(4) 製作感想:我覺得有影片跟講義可以看,做起來很容易上手,而且可以做自己想做的主題,讓我能夠很愉快的享受製作網頁的過程

(5) 製作作業的時間:3~5小時

Re: [作業02]利用Div標籤與CSS建立基本網頁版型-以單純色塊為例

週五, 十月 27. 2017

1.製作主題:浮世繪製作方法
2.欲呈現之配色風格:沉穩、古老的感覺
3..有無遇到的問題?無
4.製作感想:完成後很有成就感,覺得網頁設計很有趣
作業網址:http://mepopedia.com/~css106-2b/hw02/hw02-1055445017/

Re: [作業01] 以HTML與CSS完成第一個網頁

週四, 十月 19. 2017

1.作業網址:http://mepopedia.com/~css106-2b/hw01/hw01-1055445017
2.老師人很好,教學很用心