Re: [作業05] RWD網頁實作 navigation/dropdown/sub-menu/video

週四, 五月 17. 2018

(1).網址: :http://mepopedia.com/~web106-2c/hw05/hw05-1055445021

(2).主題、風格:
 主題是高中的專題 Blue plan 以藍色、白色做主要色 會用一些色塊

(3).設計概念與製作心得: 設計概念以發揚之前專題為主;我覺得我這次又完蛋了QAQ

我果然很不會做這種的......。然後我很喜歡那個gif檔,超可愛的!

Re: [作業04] OnePage網頁實作/slider /Grid system

週四, 四月 19. 2018

(1).網址: :http://mepopedia.com/~web106-2c/hw04/hw04-1055445021

(2).版型網址: https://onepagelove.com/grand

(3).主題、風格:風格是簡單不複雜然ˊ後用黑白灰的顏色為主,主題的第四種顏色代表作品的顏色。

(4).設計概念與製作心得:

感覺看完語法都可以當偵探了。
老師,如果你說這不難的話把我X了吧。

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

週四, 四月 12. 2018

(1) 作業網址 :http://mepopedia.com/~web106-2c/midterm/midterm-1055445021
(2) 參考之版型網址: http://www.templatemo.com/tm-496-pipeline

(3) 設計主題 / 風格 :主要內容是自己的作品 風格配色是簡潔 顏色用黑白灰這樣來搭配 (作品除外)

(4) 導覽列項目:

1.Fourth Color
2.About Me
3.Works

(5) 遇到之問題:
老師真的非常抱歉,我下次絕對不要這麼晚交,還做這麼差,非常抱歉,也謝謝老師寬容
讓我可以補教,謝謝,雖然我還是遲交了......。

(6) 製作時間:

花了4天左右研究,做了3天

(7) 製作心得:

我覺得我比較會從零開始做,如果是用別人的來做會找不到語法位置,變得不知道該怎麼修。
途中DW存一次當一次,下次時間一定要抓準,我覺得我做的很糟糕,侷限在一個框框內,
不知道該怎麼做,原本會的東西也變得不知道怎麼做了......。
其實原本有做首頁,但放不了。
謝謝朋友的幫助讓我有輪播圖,謝謝老師的寬容。

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

週四, 四月 12. 2018


(1).網址: :http://mepopedia.com/~web106-2c/hw03/hw03-1055445021

(2).設計概念與製作心得:

以黑夜與白天所感受到不同光線來製作,黑夜由月亮代表、早晨則是由太陽做出。
圖示很可愛~~~但是蠻想知道為什麼有些網頁的圖示可以多加圓圈之類的東西,
是自己重新製作,還是可以直接在DW上加?

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

週四, 三月 29. 2018

(1).網址: :http://mepopedia.com/~web106-2c/hw02/hw02-1055445021

(2).設計概念與製作心得:

概念:
本身蠻喜歡有花當裝飾的事物,覺得很漂亮,以簡單的設計完成。

心得:
一開始可以理解,但是開始做之後發現,跟想像的差很多......
會忘記之前到底怎麼做的,但是最後再去試圖了解時發現大概
只是把style的部分打到html的前面那而已 對吧!?

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

週三, 三月 14. 2018

1.網址:http://mepopedia.com/~web106-2c/hw01/hw01-1055445021

2.設計概念與製作心得:
以黑白灰三種顏色做搭配,想要營造出夜晚的氛圍。
製作了這個小文章很開心,但是內容短的跟什麼一樣......。

3.何謂HTML、DIV及CSS:
html就是我們做網頁時要存的第一個檔案,也就是網站內容,
CSS就是網站的衣服,
DIV應該 是指裡面的語法...... ?!

4.附上至少一個覺得設計很有質感的網站,並說明原因
http://paipai.blog/
超酷的網頁,也不會很花俏讓人看很久都不會膩。

5.期待這門課的學習成果與收穫為何?
希望我可以善用老師所教的,
並且再去發揮,但前提是我要記得 哈哈

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

週三, 一月 17. 2018

(1)作業網址: http://mepopedia.com/~css106-2c/final/final-1055445021

(2).
1.製作作業的時間: 期中後開始到現在

2.有無遇到的問題: 發現有個同學做出我想要的抽屜式按鈕 很想做 但 不會......哈哈

3.製作心得與感想: 超級開心!最後一頁實在想不出要做什麼,
有想過要做周邊可是覺得跟前面做的差不多所以捨棄,後來就做首頁出來,不過很畫蛇添足。
還有一直糾結back要長這樣嗎...還是用原本的|back|,感覺原本比較適合啊...但既然做了就用吧!
[s]啊然後案按鈕上面的圖有自製小小小動畫[/s]

4.本學期於網頁設計課程上的收穫: 學到超多,一開始要上這堂課時覺得我一定完蛋,因為
看到程式碼就不行了哈哈,不過遇到很棒很好的老師細心的教導我們,還錄製影片上傳幫助
上課沒有聽清楚的我們,幫助超大!很高興能上到網頁設計~謝謝老師:D



前置作業

(1)網站主題: 深町NAKA

(2)導覽列架構設定 :
Home(index) → 首頁,可連結到外部
Debut(debut) → 介紹深町怎麼出道
About(about) → 關於深町的一些報導
Links(links) →連結網路書店,深町的作品

(3)主要瀏覽族群: 喜歡溫馨感的人 大概是 14-25歲左右 主要以女生為主

(5)風格設定: 畫面走簡單風格

(6)主色調,輔助色調: 主色調:粉橘色 輔助色:粉紅、褐色

(7)製作動機: 畫風很吸引我

(8)製作目的: 雖然一開始是為了作業,但做到最後覺得可以當作蒐藏♥

預期效果: 希望可以過這堂課;然後有很多想嘗試的東西,希望以後可以學到~

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

週三, 一月 10. 2018

(1).作業網址: http://mepopedia.com/~css106-2c/hw07/hw07-1055445021/links.html

(2).請回答以下問題:
1.網頁主題: 配色與風格設定: 主題是深町NAKA 配色屬暖色系粉橘粉紅 風格溫馨風

2.有無遇到的問題? 語法越變越多 有時候找不到在哪 哈哈

3.製作感想 一樣很開心~~~ 做得好不好不是重點 開心就好~

4.製作作業的時間 4小時吧

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

週三, 一月 3. 2018

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

(2).請回答以下問題:

1.網頁主題: 深町NAGA

2.配色與風格設定: 橘色褐色粉色暖色系

2.有無遇到的問題? 有一些想做的東西,就去實驗但失敗了,應該有其他方法可以

3.製作感想 很開心!雖然做的爛爛的哈哈

4.製作作業的時間 痾幾小時忘了

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

週三, 十二月 27. 2017

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

(2).請回答以下問題:

1.網頁主題: 暖色系!

2.有無遇到困難 多了一些語法,要去明白是什麼

3.製作感想 我做得很開心!很像在布置自己房間一樣!

4.製作作業的時間 不要問我會怕

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

週三, 十二月 20. 2017

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

(2).請回答以下問題:

1.導覽列配色與風格設定:
以溫暖觸動人心的感覺做配色

2.有無遇到的問題?
目前還沒有,但我相信以後一定有。

3.製作感想(你認為導覽列的意義為何?)
讓看網頁的人更清楚

4.製作作業的時間
不到1小時

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

週三, 十一月 22. 2017

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

(☆我的作業3是在"關於傻嚕"那頁)

(2) 主題是介紹傻嚕(插畫家) 風格屬於可愛類 粉紅粉藍

(3) 花了好多時間理解為甚麼有些地方會變得很奇怪

(4) 這次作業多了比較多語法,雖然大部分跟之前差不多,但是感覺有變困難。

(5) 花的時間大概2-5小時

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

週二, 十一月 14. 2017

完成品
(1)作業網址:http://mepopedia.com/~css106-2c/midterm/midterm-1055445021

1有無遇到的問題 :一直把語法搞混...哈哈
2.製作感想 :製作完真的很有成就感,雖然做的很糟糕...
3.製作作業的時間 :半天吧

-------------------------
(1)網站主題:
傻嚕 / Salu

(2)製作動機:
她的畫風很可愛又療癒,想把她的作品做成網頁當作蒐藏

(3)製作內容:
1 首頁 ( 檔名 index ) → 簡單介紹傻嚕 並放上一張圖
2 關於傻嚕 ( 檔名 about ) → 介紹傻嚕的生平
3 插畫作品 ( 檔名 illustrator ) → 放她一些從2012到現在的作品進化
4 合夥 ( 檔名 coterie ) → 她與咖啡廳合作的介紹 以及連結
5 相關連結 ( 檔名 link ) → 有關她的網站連結

(4)風格設定:
想要以簡單可愛,配色用粉橘粉紅色 做出

(5)資料蒐集分析
1. https://pick.mydesy.com/archives/category/graphic-design/profile
屬於簡單留白 配色上色調是黑白灰
2. http://www.morinaga.co.jp/entertainment/index.html
森永的網站 很可愛逗趣 也不會太過複雜
兩種我都很喜歡

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

週三, 十一月 1. 2017

http://mepopedia.com/~css106-2c/hw02/hw02-1055445021

主題:新藝術運動

呈現配色風格:帶著輕鬆明亮有點小藝術的色調

遇到的困難沒又打到 div 差蠻多的

感想:做完後覺得很有成就感,謝謝老師!

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

週日, 十月 22. 2017

1.作業網址: http://mepopedia.com/~css106-2c/hw01/hw01-1055445021

2.有時候在css裡案返回鍵都返回到html的,不知道能不能返回css的
第二首歌的最外面背景想要跟第一首歌的不一樣,所以用了body2但是發現無法修改...,
是不是我哪邊做錯了?還是本來就不用改?

製作過程很開心,只是記得這個語法是做什麼的就比較好做,但是常常忘記所以要抄起來......,
謝謝老師有耐心又愛心的指導我們!

第一首歌採取比較冷想哭的心情做配色,第二首歌則是想要輕鬆愉快的

每次做的時間都比較少,真的要算的話製作時間是2~3天

再次謝謝老師!