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

週一, 四月 16. 2018

(1).網址: :http://mepopedia.com/~web106-2b/hw03/hw03-1055445082
(2).設計概念與製作心得:加上icons,蠻可愛的。:)-D

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

週三, 四月 11. 2018

(1) 作業網址 :http://mepopedia.com/~web106-2b/midterm/midterm-1055445082
(2) 參考之版型網址: http://www.tooplate.com/live/2089-meteor
(3) 設計主題 / 風格 :個人攝影及作品 / 給人專業的感覺
(4) 導覽列項目: home /about / story / Introduction / works /
(5) 遇到之問題:
(6) 製作時間:
(7) 製作心得:

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

週二, 三月 27. 2018


(1).網址: :http://mepopedia.com/~web106-2b/hw02/hw02-1055445082
(2).設計概念與製作心得:以花蓮太魯閣晶英酒店來製作網頁因為風景很美。:)-D
在製作過程中有些小問題,不過都有解決並了解了。X(

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

週三, 三月 14. 2018

1.網址:http://mepopedia.com/~web106-2b/hw01/hw01-1055445082
2.設計概念與製作心得: 以橘色為主色調,讓人充滿著食慾感。在製作過程中有些差錯,但有自己嘗試著將網頁變得有質感些。(:D
3.何謂HTML、DIV及CSS:
HTML, DIV 標籤用法,現在直接用來做網頁排版。:)o
CSS為自訂網頁風格網頁設計者所表現出的整體風格,有不會因為其瀏覽者的瀏覽器設定不同而改變。:)o
4.附上至少一個覺得設計很有質感的網站:https://www.design-hu.com/about-us 此網頁不會有視覺上的壓迫感。:)-D
5.期待這門課的學習成果與收穫為何? 期望自己能夠將學到的內容,在未來的職場上有幫助。X(

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

週四, 一月 11. 2018

完成品
請將這項放置於文章最前面
(1)作業網址:http://mepopedia.com/~css106-2a/final/final-1055445082
(2).
1.製作作業的時間:5天左右 B)
2.有無遇到的問題: 有遇到問題也會冷靜慢慢去檢查。(:P)
3.製作心得與感想:很有成就感,也越做越順:)-D
4.本學期於網頁設計課程上的收穫:很有成就感,原本完全不會到現在能夠完成一個完整網頁 X(



前置作業
(1)網站主題:皮克斯動畫(:D
(2)導覽列架構設定: About、exhibition、history、history、longfilms、shortflim:)o
(3)主要瀏覽族群: 喜歡皮克斯的人:)
(5)風格設定: 神祕感8-)
(6)主色調,輔助色調: 黃色 黑色。(:P)
(7)製作動機:喜歡皮克斯:)-D
(8)製作目的: 分享自己喜歡的作品給大家(:D
預期效果: 跟預期的差不多 喜歡有神祕的感覺X(

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

週三, 一月 3. 2018

(1).作業網址 : http://mepopedia.com/~css106-2a/hw07/hw07-1055445082


(2).請回答以下問題:
1.網頁主題: 皮克斯 PIXAR,有種神秘感的配色效果。8-)
2.有無遇到的問題:沒有遇到什麼大問題,就剩下連結文章,就完成期末作業了。(:D
3.製作感想 :越做越有成就感,製作過程有些小問題,也會冷靜去檢查並做更正。:)-D
4.製作作業的時間 :3~4小時X(

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

週三, 十二月 27. 2017

(1).作業網址 :http://mepopedia.com/~css106-2a/hw06/hw06-1055445082

(2).請回答以下問題:
1.網頁主題: 皮克斯 PIXAR,有種神秘感的配色效果。8-)
2.有無遇到的問題:沒有遇到什麼大問題。:)-D
3.製作感想 :越做越有成就感,製作過程有些小問題,也會冷靜去檢查並做更正。:)-D
4.製作作業的時間 :1~2小時X(

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

週四, 十二月 21. 2017

用錯帳號回應 我是1055445052

(1).作業網址:http://mepopedia.com/~css106-2a/hw05/hw05-1055445052

(2).請回答以下問題:
1.網頁主題:配色與風格設定 藍白清新 可愛風格(:P)
2.有無遇到的問題? 沒什麼太大的問題;)
3.製作感想 一開始做fb那個連結有遇到一些困難,但後來應該是有解決~ 其他都滿順利的!(tu)
4.製作作業的時間 1-2小時(:D

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

週三, 十二月 20. 2017

(1).作業網址 :http://mepopedia.com/~css106-2a/hw05/hw05-1055445082

(2).請回答以下問題:
1.網頁主題: 皮克斯 PIXAR,有種神秘感的配色效果。(:P)
2.有無遇到的問題:沒有遇到什麼大問題。8-)
3.製作感想 :越做越有成就感,製作過程有些小問題,也會冷靜去檢查並做更正。:)-D
4.製作作業的時間 :2~3小時X(

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

週四, 十二月 14. 2017

(1).作業網址 :http://mepopedia.com/~css106-2a/hw04/hw04-1055445082
(2).請回答以下問題:
1.導覽列配色與風格設定 : 皮克斯動畫接帶給大家神秘感。(:P)
2.有無遇到的問題 : 沒有什麼大問題。(:D
3.製作感想 : 製作起來很又常就感,也會嘗試一些語法。:)-D
4.製作作業的時間 : 2-3小時。X(

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

週四, 十一月 23. 2017

(1) 作業網址: http://mepopedia.com/~css106-2a/hw03/hw03-1055445082
(2) 主題 / 風格設定:奧斯卡/穩重有質感 :)o
(3) 有無遇到的問題 :圖片置入後沒出現在網頁上,經老師的協助後找到了我的floatleft多設了hight 0,不能夠設高度,不然圖片會不見 (:D
(4) 製作感想:製作中有比以前快很多,也越來越上手了X(
(5) 製作作業的時間:2小時:)-D

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

週三, 十一月 15. 2017

完成品(11/23/30前)
請將這項放置於文章最前面
(1)作業網址 http://mepopedia.com/~css106-2a/midterm/midterm-1055445082
(2)
1有無遇到的問題:沒有太大的問題(:P)
2.製作感想:製作完畢後,很有成就感。X(
3.製作作業的時間 :4~5小時:)-D

(1)網站主題: 奧斯卡金像獎
(2)製作動機: 喜歡看大型頒獎典禮的我,想收集獲獎人的優點及作品,並向他們學習。
(3)製作內容:關於奧斯卡(about)獎項(awards)得獎人(winners)照片(photo) 連結(link)
(4)風格設定: 穩重有質感
(5)資料蒐集分析 :
Academy Awards - Wikipedia
https://en.wikipedia.org/wiki/Academy_Awards#Oscar_statuette
◎設計優良網站(風格)列表與分析:
http://www.goldenpin.org.tw/tw/
網頁中的配色人有種尊進感,因為是頂尖設計師或是有得到金典設計獎的作品
皆會在這大平台展出。讓點進此網站的人們有種進配感以及想成為得獎一份子的心情。:)-D

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

週一, 十一月 6. 2017

(1).作業網址 :http://mepopedia.com/~css106-2a/hw02/hw02-1055445082

(2).請回答以下問題:
1.製作主題: 一個人吃飯容易憂鬱、也容易早死::o
2.欲呈現之配色風格:讓人有多人一起吃飯的溫馨感 (:D
3..有無遇到的問題:沒有什麼大問題:S
4.製作感想:剛開始覺得複雜,現在開始慢慢上手了,要多注意小細節。X(

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

週四, 十月 19. 2017

1.作業網址:http://mepopedia.com/~css106-2a/hw01/hw01-1055445082
2.有無遇到的問題,製作心得,風格設定與製作作業的時間
剛開始覺得複雜,現在開始慢慢上手了 X(