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

週三, 三月 21. 2018

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

2.設計概念與製作心得:
黑紅色為版面主色,日式背景,原本想把背景作動圖(飄楓葉下來)後來放棄XDDD
用動畫用好久他一直跳8次才停,之後找到原因,是我在css3.0那調太多了ww

3.何謂HTML、DIV及CSS:
HTML:網頁開始存的東西!沒有他就沒有後面(!!?)
DIV:像分區塊什麼的感覺,然後不只一個
CSS:很厲害!可以把畫面做的有設計感

4.附上至少一個覺得設計很有質感的網站,並說明原因
http://grandir-kyoto.jp/
這個網站整體看了很舒服,麵包就覺得更好吃(可能我餓了)
排版上就感覺很有名的麵包店!!!

http://www.liliaplanet.com/
這網頁是互動式網頁,很可愛!!

5.期待這門課的學習成果與收穫為何?
嗯...希望我還可以聽懂就是惹qq

[作業02] EDM/Newsletter製作

週三, 三月 21. 2018

參照 
[講義] EDM/Newsletter製作


[講義] EDM/Newsletter製作
http://mepopedia.com/forum/read.php?804,87725

[hr]

課堂範例


(1) http://mepopedia.com/~jinjin/webclass/edm1.html
(2) http://mepopedia.com/~jinjin/webclass/edm2.html
(3) http://mepopedia.com/~jinjin/webclass/edm-3.html
[hr]

作業說明


1.可參照範例
或從免費版型中挑選適合的版型修改。
Free newsletter templates 
http://templates.cakemail.com
Free Newsletter Templates 
https://www.templatesbox.com/newsletters/index.htm

2.自行選擇欲宣傳的主題製作,或以「金竹獎」主題製作。
「金竹獎」相關資料:
簡章:
http://mepopedia.com/~jinjin/webclass/gold.doc
海報:
http://mepopedia.com/~jinjin/webclass/gold.jpg


3.圖片可上傳至hw02資料夾後,貼上圖片絕對路徑。
如:http://mepopedia.com/~web106-2c/hw02/hw02-105/img/001.jpg

4.頁尾請註明學號。

5.製作完畢請上傳FTP


6.email給老師 whc915@gmail.com

7.並回覆於本篇作業文章

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

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



講義影音


https://youtu.be/y26OtUmRBUM



[作業02] EDM/Newsletter製作

週三, 三月 21. 2018

參照 
[講義] EDM/Newsletter製作


[講義] EDM/Newsletter製作
http://mepopedia.com/forum/read.php?804,87725

[hr]

課堂範例


(1) http://mepopedia.com/~jinjin/webclass/edm1.html
(2) http://mepopedia.com/~jinjin/webclass/edm2.html
(3) http://mepopedia.com/~jinjin/webclass/edm-3.html
[hr]

作業說明


1.可參照範例
或從免費版型中挑選適合的版型修改。
Free newsletter templates 
http://templates.cakemail.com
Free Newsletter Templates 
https://www.templatesbox.com/newsletters/index.htm

2.自行選擇欲宣傳的主題製作,或以「金竹獎」主題製作。
「金竹獎」相關資料:
簡章:
http://mepopedia.com/~jinjin/webclass/gold.doc
海報:
http://mepopedia.com/~jinjin/webclass/gold.jpg


3.圖片可上傳至hw02資料夾後,貼上圖片絕對路徑。
如:http://mepopedia.com/~web106-2b/hw02/hw02-105/img/001.jpg

4.頁尾請註明學號。

5.製作完畢請上傳FTP


6.email給老師 whc915@gmail.com

7.並回覆於本篇作業文章

(1).網址: :http://mepopedia.com/~web106-2b/hw02/hw02-105ooooo

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



講義影音


https://youtu.be/y26OtUmRBUM



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

週三, 三月 21. 2018

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

2.設計概念與製作心得:
3.何謂HTML、DIV及CSS:
HTML:建構網頁基本架構
DIV:是建立網頁區塊或標籤包起來的東西,瀏覽器會視為一個物件
CSS: 用來美化網頁,讓畫面有設計感

4.附上至少一個覺得設計很有質感的網站,並說明原因
https://www.apple.com/tw/
簡潔明瞭,有質感

5.期待這門課的學習成果與收穫為何?
希望能熟練,並且學以致用

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

週三, 三月 21. 2018

1.網址:http://mepopedia.com/~web106-2c/hw01/hw01-1055445144
2.設計概念與製作心得:整體用綠色系的顏色來呈現,製造植物自然的感覺。
3.何謂HTML、DIV及CSS:
HTML :用來製作網頁的
DIV:區塊標籤
CSS:美化網頁,設定顏色特效的地方
4.附上至少一個覺得設計很有質感的網站,並說明原因

5.期待這門課的學習成果與收穫為何? 能更熟悉DW

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

週三, 三月 21. 2018

1055445103林容渝

1.網址:http://mepopedia.com/~web106-2b/hw01/hw01-1055445103
2.設計概念與製作心得: 調背景大小比較困難外,其他都沒問題
3.何謂HTML、DIV及CSS: HTML網頁 DIV標籤 CSS設計
4.附上至少一個覺得設計很有質感的網站,並說明原因 https://www.pinterest.com/ 簡潔明瞭
5.期待這門課的學習成果與收穫為何? 希望可以做出有質感的網頁

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

週三, 三月 21. 2018

1.網址:http://mepopedia.com/~web106-2c/hw01/hw01-1045445101
2.透明度很好玩

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

週三, 三月 21. 2018

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

2.設計概念與製作心得:
古風的遊戲風格。

3.何謂HTML、DIV及CSS:
html 網站的語法/div建立區塊,包覆語法/css美化網頁

4.附上至少一個覺得設計很有質感的網站,並說明原因
http://www.formosams.com/ 簡單、理性設計風格。

5.期待這門課的學習成果與收穫為何?
希望能學習更多進階的網頁設計。