Re: [作業06] RWD網頁實作/列表頁/內容頁/Google Fonts網路中文字型應用

週四, 五月 31. 2018

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

(2).主題、風格:主題是高中的專題 Blue Plan 風格配色主要以藍色為主。
我修改的部分放在 "海報設計" ~
話說我想將海報置中,可是找不到,麻煩老師了。謝謝 !

(3).設計概念與製作心得
概念是想做做看將一個企劃用網頁發揚給別人看的感覺 ?
感覺複雜,但又帶點簡單(只有一點點點點點點簡單)
我只感覺我期末要死了 啊哈哈。

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

週四, 五月 24. 2018

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

2.網站主題: 童年
3.內容描述: 其實就是公園
4.風格設計: 痾,算偏可愛嗎 ?
5.組員名單,工作分配:自己一組哦
6.個人製作心得:
摁......大概摸懂一點了,抱歉老師,我下禮拜會再上傳完整版......!
還有我做的跟樹狀圖完全不一樣XD
然後我覺得111的做得好棒 !!!




1.網站主題:曾經

2.內容大綱(導覽列/中文/檔名):
童年如此天真無邪,長大後才知道現實的殘酷,你是否還保有孩童時的夢想呢?
過去/index , 擁有?/have , 童年/ton , 曾經/bfo

3.參考版型:
老師的


4.主要對象(分析):
給大人看的網站;逝去的青春,你有更接近當時的夢想嗎?

5.網頁架構圖(樹狀圖):


6.色彩規劃:
單色系 (橘?粉?)

7.歷屆得獎分析(至少三組)
一.夜色台北:我覺得做的很漂亮 ! 而且標準字還有設計過,整個超美的。
二.歲月時分:想法很酷,用換衣服的方式製作人的出生到老,網站沒有很多層,整體看起來很乾淨整齊。
三.片片寄憶:我剛開始看到有點嚇到,他跟前面製作的頁面有差異,但去仔細看後他的照片文字都很豐富,做得很認真!

8.組員名單(學號)

1055445021

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
森永的網站 很可愛逗趣 也不會太過複雜
兩種我都很喜歡